@import url("content.css");

/* TOC

1 : - Reset Styles

2 : - Global Styles

3 : - Content

4 : - Footer

5 : - SIFR

*/


/* 1 :-------- Global Styles ------------ */
	.clear {
		clear: both;
		height: 1px;
		margin: -1px 0 0;
		}
	#wrapper {
		margin: 0 auto;
		width: 960px;
		}
	.bodyBg {
		background: #61c1fe url(/images/elements/bg_pageBg.jpg) repeat-x 0 0;
		}
	#topTicketLogo {
		float: left;
		width: 274px;
		height: 717px;
		margin: 30px 26px 0 0;
		background: url(/images/elements/element_ticketDownBg.png) no-repeat 0 0;
		}
	#topTicketLogoDown {
		float: left;
		width: 274px;
		height: 155px;
		margin: 30px 26px 0 0;
		background: url(/images/elements/element_topTicketBannerUp.png) no-repeat 0 0;
		}
	#topTicketLogo .ticketInner {
		width: 210px;
		padding: 100px 0 0 35px;
		}
	#content {
		float: left;
		width: 620px;
		min-height: 520px;
		background-color: #fff;
		padding: 20px 20px 27px;
		margin: 30px 0 0;
		background: #fff url(/images/elements/element_pageGrunge.jpg) no-repeat 0 0;
		}
	
/* 2 :-------- Age verify Styles ------------ */	
	/* no flash version index page styles */
	.position #content .contentArea .ageVerify {
		margin: 0 auto;
		padding: 15px 0 50px;
		position: relative;
		float: left;
		width: 700px;
		}
		
	html {
		height: 100%;
		background: #61c1fe !important;
		}
	body#home {
		height: 100%;
		width: 100%;
		}
	.position { 
		margin: 0 auto;
		padding: 0;
		width: 100%; 
		height: 100%;
		position: absolute;
		z-index: 2;
		}
	.position #content { 
		/*overflow: hidden !important;*/
		padding: 0;
		margin: 0;
		background: none;
		float: left;
		}
	.position #content .contentArea {
		margin: 40px auto 0;
		padding: 0;
		width: 650px;
		font-size: .9em;
		position: relative;
		}
	.position #content .contentArea .contentAreaWhiteBg {
		background: #fff url(/images/elements/element_pageGrunge.jpg) 50% 0 no-repeat;
		margin: -10px 0 0;
		padding: 15px;
		float: left;
		}
	.position #content .contentArea ul {
		padding: 0 0 15px;
		margin: 0;
		}
	.position #content .contentArea ul li {
		font-size: 1.5em !important;
		}
	.position #content .contentArea ul li span.title {
		color: #04492b;
		font-weight: bold;
		}
	.position #content .contentArea p {
		padding: 0 0 15px;
		margin: 0;
		line-height: 1.2em;
		}
	.position #content .contentArea h1 {
		margin-left: 140px;
		margin-bottom: 0;
		position: relative;
		}
	.position #content .contentArea h2 {
		font-size: 2.4em;
		padding: 0 0 15px;
		margin: 10px 0 15px;
		color: #04492b;
		text-transform: uppercase;
		background: url(/images/elements/elements_topDivider.png) no-repeat bottom left; 
		}	
	#fixed {
		position:absolute; 
		top:0; 
		left:0; 
		width:100%; 
		z-index:1;
		}
	.ageVerify {
		width: 480px;
		margin: 0 auto;
		padding: 15% 0 0;
		text-align: center;
		}
	.verifyDetails {
		width: 385px;
		padding-left: 25px;
		margin: 0 auto;
		}
	#home {	
		color: #000033;
		/*overflow: hidden !important;*/
		}
	#home h1 {
		text-indent: -9999px;
		background: url(/images/elements/logo_mainLogo.png) no-repeat 0 0;
		height: 141px;
		width: 385px;
		margin: 0 0 35px 50px;
		padding: 0;
		display: block;
		color: #000033;
		}
	#home h2.pleaseVerifyAge,
	#home h3.pleaseVerifyAge {
		font-size: 2.8em;
		padding: 0;
		margin: 0;
		text-transform: none;
		background: url(/images/titles/title_pleaseVerifyYourAge.png) center 0 no-repeat;
		width: 385px;
		height: 28px;
		text-indent: -9999px;
		color: #000033;
		}
	#home p {
		font-size: 1.8em;
		/*margin: 0 0 25px;*/
		margin: 30px 0 0;
		}
	#home p.legalAgeNotice {
		background: url(/images/titles/title_legalAgeNotice.png) center 0 no-repeat;
		width: 385px;
		height: 12px;
		text-indent: -9999px;
		padding: 0 0 12px !important;
		margin: 0 !important;
		}
	#home p.notice {
		background: url(/images/titles/title_entriesOpenDec.png) center 0 no-repeat;
		width: 385px;
		height: 13px;
		text-indent: -9999px;
		padding: 0 !important;
		margin: -5px 0 0 !important;
		float: left;
		}
	#home form {
		padding: 0 0 0 42px;
		margin: 25px auto 18px;
		float: left;
		width: 385px;
		/*		
		width: 385px;
		background: url(/images/elements/element_homeDivider.gif) no-repeat bottom left;*/
		}
	#home .submitBtn {
		margin: 20px 0 0;
		float: left;
		}
	#home input {
		border: none;
		}	
	#home .enterSite {
		background: url(/images/buttons/btn_enterSite.png) center center no-repeat;
		width: 107px;
		height: 13px;
		padding: 10px;
		text-indent: -9999px;
		display: block;
		margin: 20px 0 0 100px;
		position: relative;
		clear: both;
		}
	#home .enterHTMLSite {
		background: url(/images/buttons/btn_enterHTMLSite.png) center center no-repeat;
		width: 160px;
		height: 13px;
		padding: 10px;
		text-indent: -9999px;
		display: block;
		margin: 20px 0 0 70px;
		position: relative;
		clear: both;
		}

/* 3 :-------- Footer Styles ------------ */
	#footer {
		background-color: #022717;
		height: 100%;
		font-size: 1em;
		margin: -1px 0 0;
		text-transform: uppercase;
		}
	#footer .footerOuter {
		margin: 0 auto;
		width: 1000px;
		height: 30px;
		background-color: #054c2d;
		}
	#footer .footerInner {
		float: left;
		width: 100%;
		/*position: relative;
		top: 5px;*/
		background: #054c2d url(/images/elements/element_bgFooterRight.gif) repeat-y right top;
		}
	#footer ul {
		}
	#footer ul.nav {
		float: left;
		width: auto;
		height: 30px;
		background: url(/images/elements/element_bgFooterLeft.gif) repeat-y 0 0;
		}
	#footer ul.logoInfo {
		float: right;
		/*width: 300px;*/
		height: 30px;
		margin: 0 0 0 0;
		padding: 0 25px 0 0;
		position: relative !important;
		z-index: 1000;
		}
	#footer ul.logoInfo li {
		border: none;
		}
	#footer li {
		display: block;
		float: left;
		width: auto;
		background: none;
		color: #77b288;
		padding: 0 10px 0 0;
		margin: 0 10px 0 0;
		border-right: 1px solid #1e5e42;
		/*font-variant: small-caps;*/
		position: relative;
		top: 7px;
		}
	#footer li.selected,
	#footer li.last {
		border: none;
		}
	#footer li a {
		color: #77b288;
		width: auto;
		display: block;
		}
	#footer li.vbLogo {
		background: url(/images/elements/element_vbLogo_new2.png) no-repeat 0 0;
		text-indent: -9999px;
		display: block;
		height: 63px;
		width: 57px;
		margin: -40px 0 0;
		border: none;
		position: relative;
		z-index: 1000;
		}
		
/* popup - terms and conditions styles */		
	.terms {
		background: #fff;
		padding: 15px;
		}
	.terms strong {
		font-weight: bold;
		}
	.terms ol {
		padding: 20px 0 0 30px;
		list-style: decimal;
		font-size: 1.2em;
		}
	.terms ol li {
		background: none;
		padding: 0 0 20px;
		margin: 0;
		line-height: 1.2em;
		}
	.terms ol li ol {
		font-size: .8em;
		}
	.terms ol p {
		font-size: 1em;
		line-height: 1.2em;
		padding: 0 0 15px;
		margin: 0;
		}

/* 5 - SIFR */
	media screen .sIFR-flash {
	   visibility: visible !important;
	   margin: 0;
	   padding: 0;
		}
	 
	 .sIFR-replaced, .sIFR-ignore {
	   visibility: visible !important;
	 }
	 
	 .sIFR-alternate {
	   position: absolute;
	   left: 0;
	   top: 0;
	   width: 0;
	   height: 0;
	   display: block;
	   overflow: hidden;
	 }
	 
	 .sIFR-replaced div.sIFR-fixfocus {
	   margin: 0pt; 
	   padding: 0pt; 
	   overflow: auto; 
	   letter-spacing: 0px; 
	   float: none;
	 }
	
	
	media print {
	 .sIFR-flash {
	   display    : none !important;
	   height     : 0;
	   width      : 0;
	   position   : absolute;
	   overflow   : hidden;
	 }
	 
	 .sIFR-alternate {
	   visibility : visible !important;
	   display    : block   !important;
	   position   : static  !important;
	   left       : auto    !important;
	   top        : auto    !important;
	   width      : auto    !important;
	   height     : auto    !important;
	 }
	
	
	/*
	lace CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
	o they only apply if sIFR is active. Make sure to limit the CSS to the screen
	edia type, in order not to have the printed text come out weird.
	*/
	/*
	media screen {
	  Example:
	 .sIFR-active h1 {
	   font-family: Verdana;
	   visibility: hidden;
	 }
	 */