/*



    screen.css: SCREEN stylesheet



    ------------



    Job:            Liverpool Echo Arena            

    Produced by:    HMS @ Mando Group   

    Start date:     11 Nov 08   



    ------------



    COLOUR SPEC:



	Blue	:0d5bad	
	Cyan	:00adef		82d2f1
	Green	:d6e04c		ced851
	Yellow	:ffd205		f4cb11		f4cb11
	Orange	:f9a550
	Red	:ec1550
	Grey	:828687		e7e7e7		a3a5a6   	666666 		b5b5b6



    ------------



    TOC:



    1.	type selectors
    2.	structural
    3.	navigation
    4.	forms
    5.  tables
    6.	specific templates
    7.	misc



*/

/* =1. type selectors */

* {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 1em;
}

a img {
	border: none;
}

a {
	color: #ec1550;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

li {
	list-style: none;
}

html, body {
	height: 100%;
}

body {
	background: #fff url(img/bg-echo.jpg) no-repeat center 7.6em!important;
	color: #000;
	font: normal 75%/1.3 Arial, Helvetica, sans-serif;
}

input, textarea {
	font: normal 100%/1.3 Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 1.5em;
	margin-bottom: 1em;
}

table {
	border: 1px solid #ccc7c7;
}

.content table {
	width: 440px;
}

tr.even {
	background-color: #e7e7e7;
}

th {
	background: #ccc7c7;
}

td {
	padding: 2px;
}

table.gridlines td {
	border-top: 1px solid #ccc7c7;
	border-right: 1px solid #ccc7c7;
}

/* =2. structural */

div.container {
	clear: both;
	width: 80em;
	margin: 0 auto;
}

div.masthead {
	background: #828687 url(img/bg-masthead.gif) repeat-x bottom;
	border-bottom: 10px solid #e7e7e7;
	border-top: 1px solid #a3a5a6;
	overflow: hidden;
}

div.header {
	border-bottom: 1px solid #dedfdf;
	height: 8.6em;
	margin-bottom: 2.5em;
}

h1 {
	float: left;
	margin: 0;
	padding: 0;
}

div.banner {
	float: left;
	width: 34em;
	padding: 2em 3em 0 3em;
}

div.banner h4 {
	font-size: 1.4em;
}

div.banner a.signupnow {
	background: url(img/button-signupnow.gif) no-repeat;
	display: block;
	float: right;
	height: 39px;
	width: 108px;
}

div.banner p.info {
	color: #828687;
	float: left;
	font-size: .9em;
	font-weight: bold;
	padding-top: .5em;
	width: 25em;
}

div.quicksearch {
	background: #fff;
	border-left: 1px solid #ccc7c7;
	border-right: 1px solid #ccc7c7;
	float: left;
	height: 4.6em;
	padding: 2em 1em;
	width: 17em;
}

div.quicksearch h3 {
	color: #828687;
	font-size: 1.5em;
	font-weight: normal;
	padding-bottom: .3em;
}

div.sub {
	float: left;
	width: 19.2em;
	padding-bottom: 2em;
}

div.containerContent 











/*middle column - 3 column layout*/ {
	float: left;
	margin: 0 1.5em;
	width: 37em;
}

div.containerContent2  











/*right column wide - 2 column layout*/ {
	float: left;
	margin: 0 1.5em;
	width: 57.5em;
}

div.containerContent3 











/*right column narrow - 2 column layout*/ {
	float: left;
	margin: 0 1.5em;
	width: 42em;
}

div.wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -16em;
}

.footer, .push {
	height: 8em;
}

div.footer {
	clear: both;
	background: #828687;
}

div.footer div.container {
	padding: 2em 0;
	width: 80em;

}

div.footer p {
	clear: both;
	color: #fff;
	font-size: .8em;
	padding-top: 1em;
}

div.footer li {
	float: left;
	font-size: .9em;
	padding-right: 1em;
}

div.footer a {
	color: #ffd205;
	font-weight: normal;
}

ul.footerSponsors a {
	display: block;
}

ul.footerSponsors a span {
	position: absolute;
	left: -10000px;
}

ul.footerSponsors li a {
	height: 60px;
}

ul.footerSponsors li.livbrand a {
	background: url('img/logos-footer.gif') no-repeat 0px 0px;
	width: 51px;
}

ul.footerSponsors li.livbrand a:hover {
	background: url('img/logos-footer.gif') no-repeat 0px -60px;
}

ul.footerSponsors li.livecho a {
	background: url('img/logos-footer.gif') no-repeat -97px 0px;
	width: 155px;
}

ul.footerSponsors li.livecho a:hover {
	background: url('img/logos-footer.gif') no-repeat -97px -61px;
}

ul.footerSponsors li.bt a {
	background: url('img/logos-footer.gif') no-repeat -300px 0px;
	width: 74px;
}

ul.footerSponsors li.bt a:hover {
	background: url('img/logos-footer.gif') no-repeat -300px -61px;
}

ul.footerSponsors li.lcc a {
	background: url('/include/css/img/logos-footer.gif') no-repeat -416px 0px;
	width: 44px;
}

ul.footerSponsors li.lcc a:hover {
	background: url('/include/css/img/logos-footer.gif') no-repeat -416px -61px;
}

ul.footerSponsors li.yhw{
	background: url('/include/css/img/logos-footer.gif') no-repeat -507px 0px;
	width: 86px;
}

ul.footerSponsors li.yhw:hover{
	background: url('/include/css/img/logos-footer.gif') no-repeat -507px -60px;
}


div.siteInfo {
	float: left;
	padding-left: 2em;
	width: 35em;

}

/* =3.	navigation */

ul.mastcontact {
	padding-top: 1em;
	float: left;
}

ul.mastcontact li {
	float: left;
	font-size: 1.2em;
	padding-left: 25px;
	margin-right: 3em;
}

ul.mastcontact li.box {
	background: url(img/ico-phone-green.gif) no-repeat 0 center;
	color: #ced851;
}

ul.mastcontact li.email {
	background: url(img/ico-email.gif) no-repeat 0 center;
	color: #f4cb11;
}

ul.mastcontact li.email a {
	color: #f4cb11;
}

ul.mastlogos {
	background: url(img/bg-acc-divider.gif) repeat-y  8em;
	float: right;
	padding-right: 3.3em;
}

ul.mastlogos li {
	float: left;
	height: 80px;
}

ul.mastlogos a {
	background-image: url(img/logos-masthead.gif);
	background-repeat: no-repeat;
	display: block;
}

ul.mastlogos a.acc {
	height: 48px;
	width: 75px;
	margin: 1.2em 1.5em 0 0;
}

ul.mastlogos a.acc:hover, ul.mastlogos li.here a.acc {
	background-position: 0 -56px;
}

ul.mastlogos a.btcc {
	background-position: -79px 0;
	height: 56px;
	width: 71px;
	margin: .8em 2em 0 2em;
}

ul.mastlogos a.btcc:hover, ul.mastlogos li.here a.btcc {
	background-position: -79px  -56px;
}

ul.mastlogos a.echo {
	background-position: -155px 0;
	height: 45px;
	width: 93px;
	margin-top: 1.2em;
}

ul.mastlogos a.echo:hover, ul.mastlogos li.here a.echo {
	background-position: -155px -56px;
}

ul.mastlogos li.here {
	background: url(img/here-arrow.gif) no-repeat center bottom;
}

/* --------New Masthead [DJ Nov 09]*/

#mhbuttons {
	float: right;
	margin-right: 50px;
}

.rollover {
	display: block;
	width: 72px;
	height: 40px;
	background: url(/images/tab-hover.png) 0 50px no-repeat;
}

#mhbuttons ul {
	list-style-type: none;
	position: relative;
}

#mhbuttons ul li {
	display: block;
	float: left;
	width: 72px;
	height: 40px;
}

#mhbuttons ul li a {
	display: block;
	width: 72px;
	height: 40px;
	color: black;
	font-size: 9px;
	text-decoration: none;
	line-height: 40px;
	vertical-align: middle;
	text-indent: -9000px;
}

#mhbuttons ul li.selected {
	background: url(/images/tab.png) top left no-repeat;
}

#buttons ul li a {
	text-indent: -9000px;
	display: block;
	width: 72px;
	height: 40px;
}

.tip {
	color: #fff;
	font-family: Arial,helvetica,sans-serif;
	text-align: center;
	width: 172px;
	z-index: 13000!important;
	margin-top: 0px;
	opacity: .85;
	margin-left: -112px;
}

.tip-title {
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-top: 10px;
	width: 172px;
	min-height: 15px;
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	background: url(/images/bubble.png) top left;
	z-index: 13001!important;
}

.tip-title em {
	font-weight: normal;
}

.tip-text {
	z-index: 13001!important;
	width: 172px;
	min-height: 15px;
	padding: 10px;
	font-size: 11px;
	margin-left: 8px;
	color: #5f9eff;
	background: url(/images/bubble.png) bottom right;
}

.tab-ECHO {
	background: url(/images/tab-echo.png) top left no-repeat;
}

.tab-ACC {
	background: url(/images/tab-acc.png) top left no-repeat;
}

.tab-BTCC {
	background: url(/images/tab-btcc.png) top left no-repeat;
}

a.tab-ECHO:hover, li.selected a.tab-ECHO {
	background: url(/images/tab-ech0-selected.png) top left no-repeat;
}

a.tab-ACC:hover, li.selected a.tab-ACC {
	background: url(/images/tab-acc-slected.png) top left no-repeat;
}

a.tab-BTCC:hover, li.selected a.tab-BTCC {
	background: url(/images/tab-btcc-selected.png) top left no-repeat;
}

ul#menu {
	background: #fff;
	border: 1px solid #ccc7c7;
	font-size: 1.2em;
	padding: .2em .8em;
}

ul#menu li {
	border-top: 1px solid #e7e7e7;
	padding: .4em 0;
}

ul#menu li.first {
	border: 0;
}

ul#menu a {
	background: url(img/menuarrow-echo.gif) no-repeat 0 center;
	color: #000;
	padding: .4em 0 .4em 33px;
}

ul#menu li li {
	border: 0;
	padding: .1em 0;
}

ul#menu ul {
	margin-left: 2.4em;
}

ul#menu ul a {
	background: none;
	font-size: .75em;
	font-weight: normal;
	padding: 0;
}

ul#menu li.selected a {
	color: #EC1550;
}

a.rss {
	background: url(img/ico-rss.gif) no-repeat;
	display: block;
	height: 16px;
	width: 16px;
}

a.emLink {
	display: block;
	font-size: 1.2em;
	text-align: center;
	margin-bottom: .8em;
}

/* =4.	forms */

input.text, textarea {
	background: #ffd205;
	font-size: .9em;
	padding: .2em .4em;
	margin-right: .5em;
	width: 14em;
}

input.browse,input.go {
	vertical-align: middle;
}

select.eventtype {
	border: 1px solid #ccc;
	margin: 1.5em .5em;
	width: 11em;
}

form.filterYr p {
	margin: 0;
}

form.filterYr label, form.filterEvent label {
	font-size: 1.2em;
	font-weight: bold;
}

form.filterEvent label {
	width: 8em;
	float: left;
}

form.filterYr select {
	border: 1px solid #ccc;
	font-size: .9em;
	margin-left: 1em;
	padding: .2em 0;
	width: 11em;
}

form.filterEvent {
	background: #fff;
	border: 1px solid #ccc;
	padding: 1em 1em 0;
	margin-bottom: 2em;
	overflow: hidden;
	width: auto;
}

form.filterEvent ul {
	display: inline;
	float: left;
	margin-bottom: 1em;
}

form.filterEvent li {
	float: left;
	list-style: none;
	padding: 0.5em 0;
	margin: 0;
}

form.filterEvent select {
	border: 1px solid #ccc;
	float: left;
	font-size: .9em;
	margin: 0 1em 0 .5em;
	padding: .2em 0;
	width: 12em;
}

form.filterEvent li.filterVenue select {
	width: auto;
}

form.filterEvent input.go {
	float: left;
	margin: 3em 0 0 4em;
}

form.filterEvent li.filterVenue {
	float: none;
	overflow: hidden;
	width: auto;
}

form.filterEvent li.filterMonth {
	margin-left: 2em;
}

div.formIntro {
	font-size: 1.2em;
	font-weight: bold;
	width: 30em;
}

form.generic li {
	list-style: none;
	padding: 0.2em 0;
	margin: 0;
}

form.generic .err {
	background: url('img/ico-err.gif') no-repeat 0 0;
	padding-left: 20px;
	margin-left: .5em;
}

form.generic fieldset {
	border-top: 1px solid #e0e0e0;
}

form.generic ul {
	margin: 1em 0 1.5em 0;
}

form.generic legend {
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
	padding-right: 1em;
}

form.generic label {
	float: left;
	text-align: right;
	width: 15em;
	margin-right: .5em;
	padding-right: 30px;
	position: relative;
}

form.generic label em {
	background: url('img/ico-required.gif') no-repeat right center;
	display: block;
	height: 16px;
	position: absolute;
	right: 0;
	top: .2em;
	width: 16px;
}

div.formMessages em {
	background: url('img/ico-required.gif') no-repeat right center;
	display: inline-block;
	height: 16px;
	vertical-align: middle;
	width: 16px;
}

form.generic .text {
	width: 24em;
}

form.generic select {
	background: #ffd205;
	font-size: .9em;
	padding: .2em .2em .2em 0;
	margin-right: .5em;
}

form.generic span.frmRadio label {
	float: none;
	font-size: .9em;
	margin-left: .5em;
}

form.generic span.frmRadio input {
	vertical-align: middle;
}

ul.frmMultiCheckbox {
	overflow: hidden;
}

ul.frmMultiCheckbox li {
	float: left;
	width: 20em;
	margin-right: 1em;
}

ul.frmMultiCheckbox label {
	text-align: left;
}

ul.frmSingleCheckbox li {
	clear: left;
}

ul.frmSingleCheckbox label {
	width: 36em;
	text-align: left;
}

p.frmSend {
	border-top: 1px solid #e0e0e0;
	text-align: right;
	padding: 1em 0;
}

/* =5.  tables */

/* =6.	specific templates */

/*advertisements*/

dl.adverts {
	background: #fff;
	padding: 1.3em;
}

dl.adverts dt a {
	font-size: .9em;
}

dl.adverts dd {
	padding-top: 1em
}

/*downloads*/

div.downloads {
	background: #fff;
	border: 1px solid #ccc7c7;
	color: #666;
	overflow: hidden;
	padding: 1em 1em 0 1em;
}

div.downloads h4 {
	font-size: .9em;
	text-transform: uppercase;
	margin-bottom: 1.5em;
}

div.downloads li {
	margin-bottom: 1em;
}

div.downloads li a {
	background: url('img/ico-download.jpg') no-repeat 0 center;
	padding-left: 40px;
	display: block;
	min-height: 2em;
}

div.downloads a strong {
	font-size: 1.2em;
}

div.downloads a small {
	color: #666;
	display: block;
	font-size: .9em;
}

div.downloads a small span {
	font-weight: normal;
}

/*related*/

div.related {
	background: #e7e7e7;
	border: 1px solid #ccc7c7;
	color: #666;
	overflow: hidden;
	padding: 1em 1em 0 1em;
}

div.related h4 {
	font-size: .9em;
	text-transform: uppercase;
	margin-bottom: 1em;
}

div.related li {
	margin-bottom: 1em;
}

div.related a {
	font-size: .9em;
}

/*share*/

div.share {
	background: #fff;
	border: 1px solid #ccc7c7;
	color: #666;
	overflow: hidden;
	padding: 1em;
}

div.share h4 {
	font-size: .9em;
	text-transform: uppercase;
	margin-bottom: 1.5em;
}

div.share li {
	float: left;
	width: 50%;
	margin-bottom: .5em;
}

div.share a {
	color: #000;
	font-size: .9em;
	font-weight: normal;
	padding: .2em 0 .2em 25px;
}

a.shDigg {
	background: url('img/ico-shDigg.gif') no-repeat;
}

a.shFacebook {
	background: url('img/ico-shFacebook.gif') no-repeat;
}

a.shDelicious {
	background: url('img/ico-shDelicious.gif') no-repeat;
}

a.shTechnorati {
	background: url('img/ico-shTechnorati.gif') no-repeat;
}

a.shGoogle {
	background: url('img/ico-shGoogle.gif') no-repeat;
}

a.shMagnolia {
	background: url('img/ico-shMagnolia.gif') no-repeat;
}

a.shStumble {
	background: url('img/ico-shStumbleupon.gif') no-repeat;
}

a.shTwitter {
	background: url('img/ico-shTwitter.gif') no-repeat;
}

/*home*/

div#flashContent {
	margin-bottom: .5em;
}

div.forthcomingEvents h3 {
	color: #000;
	font-size: 1.8em;
	font-weight: normal;
	margin-bottom: 1em;
	margin-top: 1em;
}

div.forthcomingEvents ul {
	overflow: hidden;
	margin: 0;
}

div.forthcomingEvents li {
	background: #000;
	float: left;
	padding: 0;
	position: relative;
	margin: 0 13px 13px 0;
	height: 135px;
	width: 135px;
	overflow: hidden;
}

div.forthcomingEvents li.end {
	margin-right: 0;
}

div.forthcomingEvents a {
	color: #c4c4c4;
}

.ehdate {
	display: block;
	position: relative;
	top: -48px;
	width: 70px;
	left: 55px;
	background: black;
	font-weight: bold;
	font-size: 10px;
	text-indent: 3px;
	color: silver;
	text-align: center;
}

div.forthcomingEvents img {
	display: block;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
}

div.forthcomingEvents strong {
	background: url('img/menuarrow-echo-small.gif') no-repeat 0 .2em;
	display: block;
	text-indent: 18px;
	font-size: 0.8em;
	margin: 5px 10px 0;
	height: 30px;
}

span.fcVideo {
	background: url('img/ico-video.gif') no-repeat 0 0;
	border: 5px solid #000;
	display: block;
	width: 18px;
	height: 15px;
	position: absolute;
	right: 0;
	top: 0;
}

span.fcVideo span {
	position: absolute;
	left: -10000px;
}

div.events {
	background: #fff;
	border: 1px solid #ccc7c7;
	color: #666;
	overflow: hidden;
	position: relative;
}

div.events h3 {
	background: #e7e7e7;
	color: #000;
	font-size: 1.7em;
	font-weight: normal;
	position: relative;
	padding: .2em 0 .2em .5em;
}

div.events a.allevents {
	color: black;
	font-size: 1.1em;
}

div.events a.rss {
	position: absolute;
	right: .3em;
	top: .3em;
}

div.events a.buy {
	background: url(img/button-buy.gif) no-repeat 0 0;
	display: block;
	float: right;
	height: 28px;
	width: 50px;
}

div.events a.soldout {
	background: url(img/button-soldoutS.gif) no-repeat 0 0;
	display: block;
	float: right;
	height: 28px;
	width: 50px;
}

div.events a.comingsoon {
	background: url(img/button-comingsoonS.gif) no-repeat 0 0;
	display: block;
	float: right;
	height: 28px;
	width: 50px;
}

div.events div.eventScroller {
	height: 30em;
	overflow: auto;
	border-top: 1px solid #d6d6d6;
}

a.soldout span {
	text-indent: -999px!important;
}

div.events ul {
	padding: 1em;
}

div.events li {
	border-top: 1px solid #d6d6d6;
	padding: .5em 0;
	overflow: hidden;
}

div.events li.first {
	border: 0;
	padding-top: 0;
}

div.events li p {
	float: left;
	width: 12em;
	font-size: .9em;
}

div.events a {
	display: block;
	font-size: 1.4em;
	line-height: 1.2;
	color: #0B5CAB;
}

div.events a:hover {
	color: #000000;
}

div.dstlvrpl {
	background: #fff url(img/destinationliverpool.jpg) no-repeat center 1em;
	border: 1px solid #ccc7c7;
	padding: 5.5em 1.5em 1.5em;
}

div.dstlvrpl a {
	font-size: 1.2em;
	line-height: 1.6;
}

.hpbmarks {
	border-top: 1px solid #ccc7c7!important;
	padding-top: .6em!important;
	padding-bottom: .6em!important;
	margin-top: 6px;
}

.hpbmarks ul li {
	margin: 0px;
	padding: 0.3em !important;
}

.hpbmarks ul {
	margin-top: 6px;
}

div.venuelinks {
	background: #e7e7e7;
	border: 1px solid #ccc7c7;
	border-top: 0;
	padding: 1em;
	margin-bottom: 1.5em;
}

div.venuelinks h4 {
	text-transform: uppercase;
	font-size: .9em;
}

div.venuelinks li {
	padding: .8em 0;
}

div.venuelinks a {
	color: #000;
	font-size: .9em;
	padding: .5em 0 .5em 34px;
}

a.prk {
	background: url(img/ico-prk.gif) no-repeat 0 center;
	display: block;
}

a.hsp {
	background: url(img/ico-hsp.gif) no-repeat 0 center;
}

a.i {
	background: url(img/ico-i.gif) no-repeat 0 center;
}

div.competition {
	min-height: 150px;
}

div.competition h3 {
	background: url(img/bg-smudge.gif) repeat-x;
	color: #000;
	font-size: 1.5em;
	font-weight: normal;
	padding: .5em 0;
}

div.competition p {
	color: #666;
	font-size: .9em;
}

img.prizethb {
	float: left;
	margin-right: 1em;
}

p.question {
	font-weight: bold;
	padding: .5em;
}

a.enter {
	background: url(img/button-enter.gif) no-repeat;
	display: block;
	float: right;
	height: 39px;
	width: 76px;
}

/*content*/

.content, .content2, .content3 {
	line-height: 1.7;
}

.content2 {
	width: 57.5em;
}

.content3 {
	width: 42em;
}

.content h2 {
	color: #828687;
	font-size: 2.5em;
	font-weight: normal;
	margin-bottom: .5em;
	position: relative;
	display: inline;
}

.content h2 .rss {
	position: absolute;
	right: -.8em;
	top: .4em;
}

.content h3 {
	font-size: 1.4em;
}

.content p, .content ul, .content ol, .content dl {
	margin-bottom: 2em;
}

.content li {
	margin-left: 1.5em;
	list-style-type: disc;
	padding-left: .5em;
}

.content ol li {
	margin-left: 1.8em;
	list-style-type: decimal;
	padding: 0;
}

.content img {
	border: 2px solid #000;
	margin-bottom: 2em;
}

/*articlelist*/

div.articlelist li {
	clear: left;
	list-style: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

div.articlelist img {
	float: left;
	margin: .5em 1.2em 0 0;
}

div.articlelist a {
	font-size: 1.2em;
}

div.articlelist small, small.date {
	color: #666;
	display: block;
	font-size: .9em;
	font-weight: bold;
}

div.articlelist div {
	float: left;
	width: 24em;
}

/*eventlist*/

div.eventlist li {
	border-bottom: 1px solid #ccc;
	clear: left;
	list-style: none;
	overflow: hidden;
	margin: 0 0 1em 0;
	padding: 0;
}

div.eventlist img {
	float: left;
	margin: .5em 1.2em 0 0;
}

div.eventlist a {
	font-size: 1.2em;
	color: #0d5bad !important;
}

div.eventlist div {
	display: block;
}

div.eventlist small {
	color: #666;
	display: block;
	font-size: .9em;
	font-weight: bold;
}

div.eventlist small span {
	font-weight: normal;
}

div.eventlist div div {
	float: left;
	width: 35em;
}

div.eventlist a.buy {
	background: url('img/button-buytickets.gif') no-repeat 0 0;
	display: block;
	float: right;
	height: 39px;
	width: 108px;
}

div.eventlist p.soldout {
	background: url('img/soldout.gif') no-repeat 0 0;
	display: block;
	float: right;
	height: 39px;
	width: 108px;
}

div.eventlist a.comingsoon {
	background: url('img/button-comingsoon.gif') no-repeat 0 0;
	display: block;
	float: right;
	height: 39px;
	width: 108px;
}

/*paging*/

.paging {
	clear: both;
	line-height: 1;
	font-size: .9em;
	margin-bottom: 1.5em;
	overflow: hidden;
}

.paging p {
	color: #999;
	float: left;
}

.pagingList {
	float: right;
	text-align: right;
}

.pagingList p {
	font-weight: bold;
}

.pagingList ul {
	float: left;
}

.pagingList li {
	border-left: 1px solid #999;
	float: left;
	list-style: none;
	padding: 0 .5em;
	margin: 0;
}

.pagingList li.first {
	border: 0;
}

.pagingList li.selected a {
	color: #EC1550;
	font-weight: bold;
}

.pagingList a {
	color: #999;
	font-weight: normal;
}

/*event detail ticket*/

div.ticket {
	background: url('img/ticket-top.gif') no-repeat center 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding-top: 25px;
}

div.ticketDetails {
	background: #e7e7e7;
	border: 10px solid #fff;
	padding: 1em;
	text-align: center;
}

div.ticketDetails h3 {
	font-size: 1.4em;
}

div.ticketDetails small {
	color: #666;
	font-size: .9em;
	font-weight: bold;
}

div.ticketDetails dt {
	font-style: italic;
	margin-top: 1em;
}

div.ticketDetails dd {
	color: #EC1550;
	font-size: 2.2em;
	font-weight: bold;
}

div.ticketDetails dd.extras {
	font-size: 1.2em;
	margin-top: 1em;
}

dd.extras span {
	color: #000;
	display: block;
	font-size: .75em;
	font-weight: normal;
}

div.buy, div.comingsoon , div.soldout {
	background: url('img/ticket-bot-acc.gif') no-repeat center bottom;
	padding-bottom: 37px;
}

div.buy p, div.comingsoon p, div.soldout p {
	background: #e7e7e7;
	padding: 1em 0;
}

div.buy a {
	background: url('img/button-buytickets-acc.gif') no-repeat 0 0;
	display: block;
	height: 39px;
	width: 108px;
	margin: 0 auto;
}

div.comingsoon a {
	background: url('img/button-comingsoon-acc.gif') no-repeat 0 0;
	display: block;
	height: 39px;
	width: 108px;
	margin: 0 auto;
}

div.soldout a {
	background: url('img/soldout.gif') no-repeat 0 0;
	display: block;
	height: 39px;
	width: 108px;
	margin: 0 auto;
}

/*directory*/

div.directoryIntro {
	font-size: 1.2em;
	font-weight: bold;
	width: 30em;
}

div.directorylist li {
	border: 1px solid #ccc;
	clear: left;
	overflow: hidden;
	list-style: none;
	margin: 0 0 1.5em 0;
	padding: .5em 1em;
}

li.Platinum {
	background: #e8e8e8 url('img/bg-Platinum.gif') repeat-x 0 0;
}

li.Gold {
	background: #f3f1cb url('img/bg-Gold.gif') repeat-x 0 0;
}

div.directorylist img {
	border: 0;
	float: left;
	margin: .5em 1.2em 0 0;
}

div.directorylist a {
	font-size: 1.2em;
}

div.directorylist div {
	display: block;
}

div.directorylist .summary {
	float: left;
	width: 23.5em;
}

div.directorylist li.Silver .summary {
	width: 35.5em;
}

div.directorylist .contact {
	font-size: .9em;
	float: right;
	width: 20em;
}

div.directorylist .contact li {
	border: 0;
	color: #666;
	margin: 0;
	padding: 0;
}

div.directorylist .contact a {
	color: #000;
	font-size: 1em;
}

.contact address {
	font-style: normal;
}

.contact li.web a {
	background: url('img/ico-globe.gif') no-repeat 0 center;
	padding-left: 18px;
}

.contact li.email a {
	background: url('img/ico-mail.gif')  no-repeat 0 center;
	padding-left: 18px;
}

/*faq*/

#faq dt {
	background: url('img/ico-plus.gif') no-repeat 0 center;
	color: #EC1550;
	cursor: pointer;
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 25px;
	margin-top: .8em;
}

#faq h4 {
	color: gray;
	font-size: 2em;
}

/*virtualtour*/

#flashTour {
	background: #fff;
	float: left;
	text-align: center;
	width: 100%;
}

#flashTour .content {
	width: 50em;
	text-align: left;
	margin: auto;
	padding-top: 2em;
}

#flashTour object:active, #flashTour object:focus {
	outline-style: none;
}

#flashTour img {
	border: 0;
}

ul.breadcrumb {
	border-bottom: 1px solid #dededf;
	overflow: hidden;
	padding-bottom: 1.5em;
}

ul.breadcrumb li {
	float: left;
	margin-right: 1.5em;
}

ul.breadcrumb a {
	background: url('img/menuarrow-echo.gif') no-repeat 0 center;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: .5em 0 .5em 33px;
}

/* =7. misc */

.hide, .accessmenu, .mastlogos span, h3 span, .rss span,  a.enter span, a.morenews span, a.signupnow span, div.green h4 span, div.quick h4 span, p.soldout span, a.comingsoon span, a.buy span, div.buy a span, div.comingsoon a span, div.soldout a span, label em span, div.formMessages em span, a.soldout span, a.comingsoon span, div.events label {
	position: absolute;
	left: -10000px;
}

/* scrollbar */

div.scrollBar {
	height: 30em;
	width: 12px;
	position: absolute;
	right: 0;
	top: 7.6em;
	background: #D6D6D6;
}

div.scrollArea {
	background-color: #D6D6D6;
	height: 28.5em;
	width: 100%;
	position: absolute;
	top: 10px;
}

div.scrollHandle {
	height: 33px;
	width: 12px;
	background: #000000 url(img/scroller-handle-mid.gif) no-repeat center;
	cursor: pointer;
	position: relative;
}

div.scrollHandle .top {
	height: 10px;
	background: url(img/scroller-handle-top.gif) no-repeat top;
	width: 100%;
}

div.scrollHandle .bottom {
	height: 10px;
	background: #000000 url(img/scroller-handle-bottom.gif) no-repeat bottom;
	width: 100%;
	position: absolute;
	bottom: 0;
}

div.upBtn {
	height: 12px;
	width: 12px;
	background: #D6D6D6 url(img/scroller-handle-top.gif) no-repeat top;
	cursor: pointer;
	position: absolute;
	top: 0;
}

div.downBtn {
	height: 12px;
	width: 12px;
	background: #D6D6D6 url(img/scroller-handle-bottom.gif) no-repeat bottom;
	cursor: pointer;
	position: absolute;
	bottom: 0;
}

p.tiny {
	font-size: 0.8em;
}

#flashplaceholder {
	width: 444px;
	height: 283px;
	background: url(/include/css/img/flash-placeholder.jpg) top left no-repeat;
}

#flashplaceholder a {
	margin-top: 263px;
	margin-left: 12px;
	height: 20px;
	display: block;
	font-size: 9px!important;
	font-weight: bold;
	color: black!important;
}

