/* LAYOUT styles
    
	index -> 	
				layout containers
				header
				image-switch
				content-intro
				navigation
				ratings / voting
				buttons
				flashplayer
				jscroller
				events columns content
				cinema columns content
				events list
				cinebuzz
				gold class
				home page
				advertisements
				preference pane
				overlays (lightbox)
				footer
				
*/

/* =layout
---------- */
body {
text-align: center;
font: normal 12px arial, sans-serif;
background: #000 url(/online-ticketing/images/bg-body-tile.jpg) repeat-x -320px 0;
}
#wrap {
text-align: left;
margin: 0 auto;
width: 1002px;
/*background: transparent url(/online-ticketing/movies/images/bg-wrap-shadow.png) repeat-y 1px 0;*/
}
.ten24 #wrap {
background: none;
width: 1002px;
}
#inner-wrap {
text-align: left;
margin: 0 auto;
width: 1002px;
}

/*#content-wrap {  }
#event #content-wrap { background: transparent url(/online-ticketing/movies/images/bg-temp-content-wrap-img.jpg) no-repeat 0 0; }*/
#home #content-wrap { background: #fff; }
#cinema #content-wrap { background: transparent url(/online-ticketing/movies/images/bg-faux-column-cinema.gif) repeat-y -8px 0; }
#column1 {
width: 543px;
float: left;
padding-bottom: 25px;
}
#column2 {
width: 459px;
float: left;
padding-bottom: 25px;
}

/* =header 
--------- */
#header {
position: relative;
z-index: 1;
background: transparent;
/*background: transparent url(/online-ticketing/movies/images/temp-image-banner.jpg) no-repeat 0 0;*/
}
#header-inner {
height: 182px;
width: 1027px;
position: relative;
left: -10px;
background: transparent url(/online-ticketing/movies/images/logo-screen.png) no-repeat 0 0;
}
.ten24 #header-inner { width: 1002px; }
#search {
float: right;
margin-top: 5px;
font: normal 13px arial, sans-serif;
}
#search li {
float: left;
height: 27px;
line-height: 2.2em;
}
#search li a {
color: #fff;
margin: 0 5px;
text-decoration: none;
}
#search li a:hover { text-decoration: underline; }
#search label { color: #fff; }
#search label { position: absolute; top: 0; left: -9999em; }
#b-search {
height: 27px;
width: 37px;
border: 0;
cursor: pointer;
text-indent: -9999em;
background: transparent url(/online-ticketing/movies/images/button-search-submit.gif) no-repeat 0 0;
}
#b-search:hover { background: transparent url(/online-ticketing/movies/images/button-search-submit-hover.gif) no-repeat 0 0; }
#search-input {
color: #fff;
float: left;
border: none;
height: 21px;
width: 133px;
padding: 6px 0 0 8px;
margin: 0 0 0 5px;
font: italic 13px arial, sans-serif;
background: transparent url(/online-ticketing/movies/images/bg-search-input.png) no-repeat 0 0;
}

/* =image switch
---------------- */
#image-switch {
width: 1002px;
margin: 0 auto;
background: #000 url(/online-ticketing/movies/images/temp-content-wrap-full-image.jpg) no-repeat 0 0;
}
#cinebuzz #image-switch { background: transparent url(/online-ticketing/movies/images/temp-content-wrap-full-image.jpg) no-repeat 0 0; }

#sess_footer {
margin-left:20px;background:#000;float:left;color:#fff;padding:10px 0;clear:both;width:770px;
}

/* =content-intro
----------------- */
#content-intro {
position: relative;
padding: 20px 0 0 0;
margin: 0;
background: transparent url(/online-ticketing/movies/images/bg-content-intro-white.png) repeat 0 0;
}
#home #content-intro { background: #000; }
#cinebuzz #content-intro,
#gold #content-intro { padding-top: 10px; background: transparent url(/online-ticketing/movies/images/bg-content-intro-black.png) repeat 0 0;  }
#threed #content-intro { padding-top: 10px; background: transparent url(/online-ticketing/movies/images/bg-content-intro-black.png) repeat 0 0;  }

.released #content-intro { padding-bottom: 0; }
#content-intro h1 {
font-size: 26px;
font-weight: bold;
margin: 0 0 5px 20px;
}
#content-intro h1 strong {
font-size: 18px;
font-weight: bold;
color: #ff0000;
margin: 0 0 0 5px;
}
#content-intro h1 em {
font-size: 18px;
color: #ff0000;
margin: 0 0 0 5px;
}
#cinema #content-intro h2 {
background: #000;
padding: 10px 20px;
margin: 3px 0 0 0;
color: #fff;
font: bold 18px arial, sans-serif;
}

#content-intro p { margin: 0 0 0 20px; }
#content-intro p strong {
margin: 0 5px 0 0; 
}
#cinema-info h1 { margin-bottom: 0; }
#side-info {
position: absolute;
top: 20px;
right: 25px;
}
#side-info .ratings-red { margin-bottom: 10px; }

#days-of-week { margin: 10px 0 -2px 20px; }
#cinema #days-of-week {
background: #000;
padding: 15px 0 0 20px;
margin: 0;
}
#gold #days-of-week {
background: #b0965f;
padding: 15px 0 0 20px;
margin-top: 0;
margin-left: 0;
}
#threed #days-of-week {
background: #202020;
padding: 15px 0 0 20px;
margin-top: 0;
margin-left: 0;
}
#days-of-week dt,
#days-of-week dd {
float: left;
margin-right: 5px;
}
#cinema #days-of-week dt,
#cinema #days-of-week dd {
position: relative;
top: 2px;
}
#home #days-of-week dt p { color: #ff0000; }
#days-of-week p {
font-size: 14px;
font-weight: bold;
color: #333;
float: left;
padding: 3px 0 0 0;
margin: 0 5px 0 0;
}
#calendar {
position: relative;
top: -4px;
}
#cinema #calendar { top: -2px !important; }
#calendar a {
display: block;
background: green;
width: 32px;
height: 28px;
float: left;
text-indent: -9999em;
}
#calendar a { background: transparent url(/online-ticketing/movies/images/bg-button-calendar-red.png) no-repeat 0 0; }
#gold #calendar a { background: transparent url(/online-ticketing/movies/images/bg-button-calendar-gold.png) no-repeat 0 0; }

#show-me {
position: relative;
top: 5px;
margin: 10px 0 0 20px;
}
#show-me dt,
#show-me dd {
float: left;
margin-right: 5px;
}
#show-me dt,
#show-me dd {
font-size: 13px;
font-weight: bold;
float: left;
padding: 3px 0 0 0;
margin: 0 15px 0 0;
}
#show-me dt { color: #333; }
#show-me dd a { color: #000; text-decoration: none; }
#show-me dt, 
#show-me dd a { position: relative; top: 4px; }
#show-me dd.plus a { position: static; }
#show-me dd a:hover { text-decoration: underline; }
#show-me a em { font-style: normal; }
#show-me .active a {
color: #fff !important;
padding-left: 5px;
float: left;
position: relative;
top: 0;
text-decoration: none;
font: bold 13px arial, sans-serif;
}
#show-me .active a em {
display: block;
height: 24px;
font-style: normal;
padding: 4px 13px 3px 8px;
}
#show-me .active a em { padding: 4px 14px 3px 8px; }
#show-me .active a { color: #000; background: transparent url(/online-ticketing/movies/images/bg-button-showme-left.png) no-repeat 0 0; }
#show-me .active a em { margin-left: 3px; padding-left: 6px; background: transparent url(/online-ticketing/movies/images/bg-button-showme-right.png) no-repeat 100% 0; }

#cinebuzz #show-me dt { color: #fff; }
#cinebuzz #show-me dd a { color: #00b5f5; }
#cinebuzz #show-me .active a { background: transparent url(/online-ticketing/movies/images/bg-nav-showme-blue-left.png) no-repeat 0 0; }
#cinebuzz #show-me .active a em {  background: transparent url(/online-ticketing/movies/images/bg-nav-showme-blue-right.png) no-repeat 100% 0; }

#gold #show-me dt { color: #fff; }
#gold #show-me dd a { color: #a88c4f; }
#gold #show-me .active a { color: #000 !important; background: transparent url(/online-ticketing/movies/images/bg-nav-showme-gold-left.png) no-repeat 0 0; }
#gold #show-me .active a em {  background: transparent url(/online-ticketing/movies/images/bg-nav-showme-gold-right.png) no-repeat 100% 0; }

#gold-menu #show-me {
background: #8b7440;
margin: 0;
padding: 10px 0 0 20px;
}
#gold-menu #show-me dt { position: absolute; left: -9999em; }
#gold-menu #show-me dd { position: relative; top: 2px; }
#gold-menu #show-me dd a { color: #fff; }
#gold-menu #show-me dd .button-black { position: relative; top: -1px; }
#gold-menu #show-me .active a { color: #fff !important; background: transparent url(/online-ticketing/movies/images/bg-button-black-active-left.png) no-repeat 0 0; }
#gold-menu #show-me .active a em {  background: transparent url(/online-ticketing/movies/images/bg-button-black-active-right.png) no-repeat 100% 0; }

#threed #show-me { position: relative; top: 2px; }
#threed #show-me dt { color: #fff; }
#threed #show-me dd a { color: #a4acb0; }
#threed #show-me .active a { color: #ff0000 !important; background: transparent url(/online-ticketing/movies/images/bg-button-grey-active-left.png) no-repeat 0 0; }
#threed #show-me .active a em { background: transparent url(/online-ticketing/movies/images/bg-button-grey-active-right.png) no-repeat 100% 0; }
#threed #show-me span.em { color: #ff0000; }

/* =navigaton
------------- */
#nav {
position: absolute;
bottom: -1px;
right: 35px;
z-index: 10;
}
#nav li { float: left; }
#nav li a {
color: #fff;
display: block;
height: 41px;
cursor: pointer;
text-decoration: none;
}
li#gc a {
text-indent: -9999em;
width: 70px;
height: 40px;
margin-right: 2px;
background: transparent url(/online-ticketing/movies/images/bg-nav-gold-class.png) no-repeat 0 0;
}
li#vmax a {
text-indent: -9999em;
width: 97px;
height: 40px;
margin-right: 2px;
background: transparent url(/online-ticketing/movies/images/bg-nav-vmax.png) no-repeat 0 0;
}
li#threed a {
text-indent: -9999em;
width: 70px;
height: 40px;
margin-right: 50px;
background: transparent url(/online-ticketing/movies/images/bg-nav-3d.png) no-repeat 0 0;
}
li#gc a:hover, li#vmax a:hover, li#threed a:hover { background-position: 0 -43px; }
li#options {
padding-left: 6px;
background: transparent url(/online-ticketing/movies/images/bg-nav-options-left.png) no-repeat 0 0;
}
li#options a {
position: relative;
top: 11px; 
font: bold 16px arial, sans-serif;
}
li#options a:hover {
color: #da2b22;
}
li#options ul {
padding-right: 6px;
background: transparent url(/online-ticketing/movies/images/bg-nav-options-right.png) no-repeat 100% 0;
}
li#options ul li {
margin: 0 11px;
}
li#cinebuzz a {
text-indent: -9999em;
width: 73px;
height: 23px;
position: relative;
top: 10px;
background: transparent url(/online-ticketing/movies/images/bg-nav-cinebuzz.png) no-repeat 0 0;
}
li#cinebuzz a:hover { background-position: 0 -23px; }
#dropdown li { position: relative; }
#dropdown li div {
position: absolute;
top: 40px;
left: -17px;
width: 163px;
display: none;
padding: 0 0 20px 0;
background: transparent url(/online-ticketing/movies/images/bg-dropdown-bottom.png) no-repeat 0 100%;
}
#dropdown li div ul {
height: 7px;
padding: 2px 0 0 20px;
background: transparent url(/online-ticketing/movies/images/bg-dropdown-top.png) no-repeat 0 0;
}
#dropdown li:hover div,
#dropdown li.sfHover div { display: inline; }
#dropdown li div ul li { width: 163px; padding: 2px 0; margin: 0 0 3px 0; }
#dropdown li div ul li a { font: bold 12px arial, sans-serif; height: 20px; }
#dropdown li div ul li a:hover { text-decoration: underline; color: #fff; }

/* =ratings / voting 
-------------------- */
.ratings-red { float: right; }
#listing .ratings-red,
#cinebuzz .ratings-red,
#gold .ratings-red { float: left; height: 25px; }

.ratings-red span,
.ratings-grey span {
width: 86px;
height: 17px;
display: block;
}
.ratings-red em,
.ratings-grey em { position: absolute; top: 0; left: -9999em; }

.ratings-red span { background: transparent url(/online-ticketing/movies/images/bg-stars-red.gif) no-repeat 0 0; }
#gold .ratings-red span { background: transparent url(/online-ticketing/movies/images/bg-stars-red-ongold.gif) no-repeat 0 0; }
#new-releases .ratings-red span,
#also-showing .ratings-red span { background: transparent url(/online-ticketing/movies/images/bg-stars-red-reverse.gif) no-repeat 0 0; }
#gold #new-releases .ratings-red span,
#gold #also-showing .ratings-red span { background: transparent url(/online-ticketing/movies/images/bg-stars-red-reverse-ongold.gif) no-repeat 0 0; }
.ratings-grey span { background: transparent url(/online-ticketing/movies/images/bg-stars-grey.gif) no-repeat 0 0; }

span.not-rated { background-position: 0 -170px !important; }
span.half { background-position: 0 0 !important; }
span.one { background-position: 0 -17px !important; }
span.one-half { background-position: 0 -34px !important; }
span.two { background-position: 0 -51px !important; }
span.two-half { background-position: 0 -68px !important; }
span.three { background-position: 0 -85px !important; }
span.three-half { background-position: 0 -102px !important; }
span.four { background-position: 0 -119px !important; }
span.four-half { background-position: 0 -136px !important; }
span.five { background-position: 0 -153px !important; }

#content-intro .ratings-red p { margin: 0; }

div.rating-cancel, div.star-rating {
float: left;
width: 17px;
height: 15px;
text-indent: -999em;
cursor: pointer;
display: block;
background: transparent;
overflow: hidden
}
div.rating-cancel,div.rating-cancel a {
background: url(/online-ticketing/movies/images/delete.gif) no-repeat 0 -16px
}
div.star-rating,div.star-rating a {
background: url(/online-ticketing/movies/images/star-grey.gif) no-repeat 0 0px
}
div.rating-cancel a,div.star-rating a {
display: block;
width: 16px;
height: 100%;
background-position: 0 0px;
border: 0
}
div.star-rating-on a {
background-position: 0 -16px!important
}
div.star-rating-hover a {
background-position: 0 -32px
}
div.star-rating-readonly a {
cursor: default !important
}
div.star-rating {
background: transparent!important;
overflow: hidden!important
}
div.rating-cancel {
display: none;
}


.voter {
color: #fff;
background: #018d32;
padding-left: 3px;
float: left;
text-decoration: none;
margin: 0 10px 0 0;
font: bold 13px arial, sans-serif;
}
.voter div.clear {
display: block;
height: 24px;
width: 115px;
float: left;
padding: 4px 13px 3px 5px;
}
.voter p { margin-right: 6px; float: left; }
.voter { background: transparent url(/online-ticketing/movies/images/bg-button-grey-left.png) no-repeat 0 0; }
.voter div.clear { background: transparent url(/online-ticketing/movies/images/bg-button-grey-right.png) no-repeat 100% 0; }

/* buttons
--------- */
.button-green,
.button-grey,
.button-red,
.active .button-red,
.button-blue,
.button-gold,
.button-black {
color: #fff;
padding-left: 5px;
float: left;
text-decoration: none;
font: bold 13px arial, sans-serif;
}
.button-green:hover,
.button-grey:hover,
.button-red:hover,
.button-blue:hover,
.button-gold:hover,
.button-black:hover,
.active .button-red:hover { color: #000; cursor: pointer; }

.button-green em,
.button-grey em,
.button-red em,
.button-blue em,
.button-gold em,
.button-black em,
.active .button-red em {
display: block;
height: 24px;
font-style: normal;
padding: 4px 13px 3px 8px;
}

.button-green { background: transparent url(/online-ticketing/movies/images/bg-button-green-left.png) no-repeat 0 0; }
.button-green em { background: transparent url(/online-ticketing/movies/images/bg-button-green-right.png) no-repeat 100% 0; }
.button-grey { color: #fff; background: transparent url(/online-ticketing/movies/images/bg-button-grey-left.png) no-repeat 0 0; }
.button-grey em { background: transparent url(/online-ticketing/movies/images/bg-button-grey-right.png) no-repeat 100% 0; }
.button-red { background: transparent url(/online-ticketing/movies/images/bg-button-red-left.png) no-repeat 0 0; }
.button-red em { background: transparent url(/online-ticketing/movies/images/bg-button-red-right.png) no-repeat 100% 0; }
.button-blue { background: transparent url(/online-ticketing/movies/images/bg-button-blue-left.png) no-repeat 0 0; }
.button-blue em { background: transparent url(/online-ticketing/movies/images/bg-button-blue-right.png) no-repeat 100% 0; }
.button-gold { background: transparent url(/online-ticketing/movies/images/bg-button-gold-left.png) no-repeat 0 0; }
.button-gold em { background: transparent url(/online-ticketing/movies/images/bg-button-gold-right.png) no-repeat 100% 0; }
.button-black { background: transparent url(/online-ticketing/movies/images/bg-button-black-left.png) no-repeat 0 0; }
.button-black em { background: transparent url(/online-ticketing/movies/images/bg-button-black-right.png) no-repeat 100% 0; }
.active .button-red { color: #000; background: transparent url(/online-ticketing/movies/images/bg-button-red-active-left.png) no-repeat 0 0; }
.active .button-red em { margin-left: 3px; padding-left: 6px; background: transparent url(/online-ticketing/movies/images/bg-button-red-active-right.png) no-repeat 100% 0; }
.active .button-gold { color: #000; background: transparent url(/online-ticketing/movies/images/bg-button-gold-active-left.png) no-repeat 0 0; }
.active .button-gold em { margin-left: 3px; padding-left: 6px; background: transparent url(/online-ticketing/movies/images/bg-button-gold-active-right.png) no-repeat 100% 0; }

#fan-bio .button-green { width: 75px !important; text-align: center !important; }
.plus .button-green {
color: #fff !important;
padding-left: 23px;
background: transparent url(/online-ticketing/movies/images/bg-button-green-plus-left.png) no-repeat 0 0;
}


/* =flashplayer
------------------- */
#flash-wrap {
/*width: 843px;*/
width: 1002px;
/*height: 350px;*/
position: relative;
} 
#flash-wrap { background: transparent url(/online-ticketing/movies/images/bg-flash-movie.png) no-repeat 0 100%; }
#threed #flash-wrap { background: transparent url(/online-ticketing/movies/images/bg-flash-movie-threed.png) no-repeat 0 100%; }
.released #flash-wrap {
padding-top: 40px;
position: relative;
background: transparent url(/online-ticketing/movies/images/bg-flash-movie-released.png) no-repeat 0 100%;
}
#flashmovie {
margin: 0 0 10px 20px;
float: left;
}
#flashnav {
width: 160px;
height: 305px;
float: left;
margin: 0 0 0 10px;
}
#flashnav { background: transparent url(/online-ticketing/movies/images/bg-flashnav.png) no-repeat 0 0; }
#threed #flashnav { background: transparent url(/online-ticketing/movies/images/bg-flashnav-threed.png) no-repeat 0 0; }
#flashnav h2 {
color: #000;
margin: 15px 18px 5px 10px;
padding-bottom: 5px;
border-bottom: 1px solid #333;
font: bold 16px arial, sans-serif;
}
#threed #flashnav h2 { color: #fff; }
#scroller {
height: 215px;
overflow: auto;
}
#scroller {
height: 215px;
overflow: auto;
}
#scroller h3 {
margin: 0 10px 3px 10px;
font: bold 14px arial, sans-serif;
}
#scroller h3 a {
text-decoration: none;
color: #ff0000;
}
#scroller h3 a:hover { text-decoration: underline; }
#scroller p {
color: #fff;
margin: 0 10px 3px 10px;
font-size: 12px;
font-weight: normal;
}
#scroller p em { font-weight: bold; }
#scroller p.ratings-grey {
position: relative;
right: 4px;
}
#scroller ul { margin-top: 10px; }
#scroller ul li { margin-bottom: 15px; }
#flashtools {
clear: both;
text-align: left;
margin: 0 0 0 20px;
}
#flashtools .button-grey { margin-right: 10px; }
#screenings {
margin: 0 0 0 20px;
position: absolute;
top: 10px;
left: 0;
}
#screenings dt {
float: left;
margin: 0 15px 0 0;
font: bold 14px arial, sans-serif;
}
#screenings dd {
float: left;
margin: 1px 15px 0 0;
}
#screenings dd em {
display: block;
text-transform: uppercase;
font-size: 8px;
text-align: center;
}
#screenings dd a { color: #000; }
#screenings dd a:hover { text-decoration: none; }

#buy-tickets {
position: relative;
top: 2px;
margin-top: 10px;
}
#buy-tickets dt,
#buy-tickets dd {
float: left;
margin-right: 5px;
}
#buy-tickets p {
font-size: 14px;
font-weight: bold;
color: #333;
float: left;
padding: 3px 0 0 0;
margin-right: 5px;
}

#gold #screenings {
position: static;
background: #8b7440;
margin: 0;
padding: 10px 0 5px 20px;
}

#threed #screenings {
position: static;
background: #fff;
margin: 0;
padding: 10px 0 5px 20px;
}

/* =jscroller
-------------- */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #212121;
}
.jScrollPaneDrag {
	position: absolute;
	background: #cc0000;
	cursor: pointer;
	width: 20px;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/* =events lower columns
------------------------ */
.promo {
background: #000;
position: relative;
}
.promo div {
min-height: 146px;
padding: 10px 15px;
background: #fff;
}
.promo div a { color: #000; }
.promo div a:hover { text-decoration: none; }
.promo h5 {
color: #fff;
margin: 0 0 15px 15px;
padding-top: 15px;
font: bold 18px arial, sans-serif;
}
.promo ul { margin: 15px 0 0 0; }
.promo ul li { margin: 0 0 8px 0; }
.promo p { margin: 0 0 5px 0; line-height: 1.3em; }
.promo p strong { width: 110px; float: left; }
.promo p em { font-weight: bold; margin-right: 5px; }
#fans {
width: 350px;
margin: 15px 0 0 15px;
padding-top: 5px;
background: transparent url(/online-ticketing/movies/images/bg-fans-top.png) no-repeat 0 0;
}
#fans .inner {
padding: 15px 0 25px 0;
background: transparent url(/online-ticketing/movies/images/bg-fans-bottom.png) no-repeat 0 100%;
}
#fans h4 {
color: #fff;
font-size: 18px;
font-weight: bold;
margin: 0 0 0 15px;
}
#fans h4 em {
display: block; 
font-size: 14px;
margin: 2px 0 0 0;
}
#fans a { color: #fff; }
#fans a:hover { text-decoration: none; }
#fans .button-green:hover { color: #000; }
#fans p.foot { margin: 5px 0 15px 15px; clear: both; }
#fan-bio { margin: 15px 0 0 15px; }
#fan-bio dt {
background: #333;
width: 214px;
color: #fff;
padding: 13px;
margin-right: 3px;
float: left;
}
#fan-bio p,
#fan-bio img { float: left; margin-right: 10px; }
#fan-bio .fan-count {
background: #ff001d;
float: left;
width: 80px;
min-height: 40px;
text-align: center;
color: #fff;
line-height: .4em;
margin-bottom: 3px;
}
#fan-bio .fan-count strong {
display: block;
margin: 0;
font: bold 26px arial, sans-serif;
}
#fan-bio .fan-count { width: 80px !important; }
#fan-pics { position: relative; top: -3px; margin: 0 0 0 15px; }
#fan-pics li {
float: left;
margin: 3px 7px 0 0;
}
.share { margin: 15px 0 0 15px; border-bottom: 1px solid #333; padding-bottom: 5px; }
.share dt { color: #fff; font-weight: bold; margin-bottom: 5px; }
.share dd { float: left; margin-right: 5px; }
.share dd.tell-a-friend { float: right; }
.voter-2 p { color: #fff; font-weight: bold; margin-bottom: 5px; }
.voter-2 { margin: 15px 0 0 15px; }

#comments {
position: relative;
margin: 25px 0 0 45px;
}
#comments h5 {
color: #fff;
padding-top: 6px;
font-size: 16px;
font-weight: bold;
background: transparent url(/online-ticketing/movies/images/bg-comments-header-top.png) no-repeat 0 0;
}
#comments h5 span {
display: block;
width: 330px;
padding: 5px 10px 10px 10px;
background: transparent url(/online-ticketing/movies/images/bg-comments-header-bottom.png) no-repeat 0 100%;
}
#comments ul li {
float: left;
margin: 15px 15px 0 0; 
}
#comments ul li.width1 {
padding-top: 27px;
background: transparent url(/online-ticketing/movies/images/bg-balloon-width1-top.png) no-repeat 0 0;
}
#comments ul li.width1 div {
width: 213px;
background: transparent url(/online-ticketing/movies/images/bg-balloon-width1-bottom.png) no-repeat 0 100%;
}
#comments ul li.width2 {
padding-top: 26px;
background: transparent url(/online-ticketing/movies/images/bg-balloon-width2-top.png) no-repeat 0 0;
}
#comments ul li.width2 div {
width: 133px;
background: transparent url(/online-ticketing/movies/images/bg-balloon-width2-bottom.png) no-repeat 0 100%;
}
#comments ul li.width3 {
padding-top: 26px;
background: transparent url(/online-ticketing/movies/images/bg-balloon-width3-top.png) no-repeat 0 0;
}
#comments ul li.width3 div {
width: 96px;
background: transparent url(/online-ticketing/movies/images/bg-balloon-width3-bottom.png) no-repeat 0 100%;
}
#comments ul li.width4 {
padding-bottom: 26px;
position: absolute;
top: -300px;
left: 360px;
background: transparent url(/online-ticketing/movies/images/bg-balloon-width4-bottom.png) no-repeat 0 100%;
}
#comments ul li.width4 div {
width: 96px;
background: transparent url(/online-ticketing/movies/images/bg-balloon-width4-top.png) no-repeat 0 0;
}
#comments ul li.width1 div p { width: 193px; color: #fff; padding: 10px; line-height: 1.5em; }
#comments ul li.width2 div p { width: 113px; color: #fff; padding: 10px; line-height: 1.5em; }
#comments ul li.width3 div p,
#comments ul li.width4 div p { width: 76px; color: #fff; padding: 10px; line-height: 1.5em; }
#comments p.sig {
color: #000 !important;
font-style: italic;
}
#comments p.sig strong { display: block; font-style: normal; }
#comment-nav {
width: 503px;
margin: 25px 0 0 10px;
padding: 6px 0 0 0;
background: transparent url(/online-ticketing/movies/images/bg-comments-nav-top.png) no-repeat 0 0;
}
#comment-nav .inner {
padding: 1px 20px 5px 20px;
background: transparent url(/online-ticketing/movies/images/bg-comments-nav-bottom.png) no-repeat 0 100%;
}
#comment-nav dt { float: left; color: #fff; margin-right: 10px; }
#comment-nav dd { float: left; margin-right: 10px; }
#comment-nav dd a { color: #ff001d; text-decoration: none; }
#comment-nav dd a:hover { text-decoration: underline; }
#comment-nav dd.last { float: right; margin: 0; }

#footnotes { color: #fff; margin: 15px 0 0 15px; }
#footnotes h5 { font-size: 16px; font-weight: bold; margin: 0; }
#footnotes p { font-size: 12px; font-weight: bold; margin-bottom: 10px; }
#footnotes p em { font-size: 10px; font-style: italic; display: block; }
#footnotes a { color: #ff001d; text-decoration: none; }
#footnotes a:hover { text-decoration: underline; }

/* =cinema lower columns
------------------------ */
#cinema h2 {
margin: 15px 0 0 20px;
padding: 0;
font: bold 14px arial, sans-serif;
}
#cinema h3 {
color: #000;
padding-bottom: 5px;
margin: 10px 20px 20px 20px;
border-bottom: 1px solid #cfcfcf;
font: bold 16px arial, sans-serif;
}
#cinema #column1 p {
margin: 0 20px 10px 20px;
}
#intro {
margin: 25px 20px 20px 20px;
padding: 0 0 20px 0;
border-bottom: 8px solid #cfcfcf; 
}
#intro p  {
font-weight: bold;
margin: 0 !important;
}
#cinema #column1 img {
margin: 0 20px 10px 20px;
border: 1px solid #000;
}
.movie-times {
margin: 15px 0 15px 0;
}
.movie-times h3 {
margin: 0 0 5px 0;
font: bold 18px arial, sans-serif;
}
.movie-times h3 a {
color: #000;
text-decoration: none;
}
.movie-times h3 a:hover { text-decoration: underline; }
.movie-times h3 em {
font-size: 14px;
color: #ff0000;
margin-left: 5px;
text-transform: uppercase;
}
.movie-times h3 em a { color: #ff0000; }
.movie-times dl { margin: 0 0 0 20px; }
.movie-times dt {
font-weight: bold;
float: left;
width: 110px;
margin: 0 0 5px 0;
}
.movie-times dd {
float: left;
margin: 0 10px 5px 0;
}
.movie-times dd a { color: #000; }
.movie-times dd a:hover { text-decoration: none; }

#cinema-features { color: #fff; }
#cinema-features div.logos {
padding: 0 0 10px 15px;
background: #1b1b1b url(/online-ticketing/movies/images/bg-cinema-features-logos.gif) no-repeat 20px 15px;
}
#cinema-features div.logos p { margin: 0 10px 20px 0; }
#cinema-features h6 {
font: bold 16px arial, sans-serif;
border-bottom: 1px solid #fff;
width: 230px;
margin-bottom: 10px;
padding-bottom: 5px;
}
#cinema-features h6.top { padding-top: 70px; }
#cinema-features .holder {
width: 160px;
height: 298px;
float: right;
margin: 0 0 10px 15px;
padding: 0;
background: #1b1b1b;
position: relative;
}
#cinema-features #ad-tower {
position: absolute;
top: -312px;
left: -15px;
z-index: 300;
background: transparent;
}

#find-cinema input {
width: 220px;
height: 17px;
border: 1px solid #ccc;
color: #666;
padding: 5px 0 0 5px;
margin: 0 5px 0 0;
}
#find-cinema label {
display: block;
margin-bottom: 5px;
}
#find-cinema #b-find {
width: 47px;
height: 24px;
border: none;
position: relative;
top: 2px;
cursor: pointer;
text-indent: -9999em;
background: transparent url(/online-ticketing/movies/images/button-find-cinema.gif) no-repeat 0 0; }

#state-list {
background: #000;
margin: 0;
padding: 0;
clear: both;
}
#state-list h2 {
background: #000;
padding: 10px 20px;
margin: 0;
color: #fff;
font: bold 18px arial, sans-serif;
}
#state-list ul {
float: left; 
padding: 21px;
background: #fff;
border-right: 1px solid #ccc;
}
#state-list ul li { margin-bottom: 2px; }
#state-list ul li strong { font-weight: bold; font-size: 13px; margin-bottom: 2px; }
#state-list ul a { color: #000; text-decoration: none; }
#state-list ul a:hover { text-decoration: underline; }

/* =events list
-------------- */
#new-releases,
#also-showing {
background: #fff;
position: relative;
}

.t-4col dt,
.t-4col dd { width: 25% !important; }
.t-3col dt { width: 35% !important; } 

.t-3col dd { width: 22% !important; }
.t-3col dd.movie-trailer { width: 18% !important; }

#gold #new-releases,
#gold #also-showing,
#gold .row { background: #b9b289; }

#new-releases h2,
#also-showing h2 {
background: #000;
padding: 10px 20px;
margin: 0;
color: #fff;
font: bold 18px arial, sans-serif;
}
#new-releases dl {
/*width: 100%;*/
width: 380px;
margin: 20px;
float: left;
position: relative;
}
#new-releases dt {
float: left;
margin-right: 10px;
}
#new-releases dl h3 { margin: 0 0 10px 0; font-weight: bold; font-size: 16px; }
#new-releases dl h3 a { text-decoration: none; color: #000; }
#new-releases dl h3 span a { text-decoration: none; display: block; font-weight: normal; font-size: 12px; color: #ff0000; }
#new-releases dl h3 a:hover { text-decoration: underline; }
#new-releases dl h3 a em { position: relative; top: 1px; font-weight: bold; font-size: 14px; }
#new-releases dl p strong { display: block; }
#new-releases .movie-info a,
p.movie-info a {
font-weight: bold;
color: #ff0000;
padding-right: 8px;
text-decoration: none;
background: transparent url(/online-ticketing/movies/images/bg-movie-list-arrow.png) no-repeat 100% 3px;
}
p.movie-info a { margin: 10px 40px 0 0; float: right; }
#new-releases .movie-info a:hover,
p.movie-info a:hover { text-decoration: underline; }

#new-releases .movie-trailer { margin: 10px 0; }
#new-releases .movie-trailer a {
height: 42px;
width: 57px;
display: block;
margin-left: 180px;
text-indent: -9999em;
background: transparent url(/online-ticketing/movies/images/bg-movie-trailer-link.png) no-repeat 0 0;
}
#new-releases .movie-trailer a:hover { background-position: 0 -42px; }
#new-releases .movie-fans { margin-bottom:  27px; }
#new-releases .movie-fans strong { display: inline; font-size: 18px; }
#new-releases .button-red { margin-top: 10px; float: left; }
#new-releases #ad-tower { position: absolute; top: 41px; right: 0; z-index: 300; }
#new-releases .sale,
#new-releases .win {
width: 172px;
height: 250px;
position: absolute;
top: 0;
left: 0;
z-index: 250;
}

#also-showing { padding-right: 100px; }
#also-showing dl {
float: left;
margin: 20px;
width: 160px;
position: relative;
}
#also-showing dl h4 { margin: 0 0 2px 0; font-weight: bold; font-size: 14px; }
#also-showing dl h4 a { text-decoration: none; color: #000; }
#also-showing dl h4 span a { text-decoration: none; display: block; font-weight: normal; font-size: 12px; color: #ff0000; }
#also-showing dl h4 a:hover { text-decoration: underline; }
#also-showing dl h4 a em { position: relative; top: 1px; font-weight: bold; font-size: 14px; }
#also-showing dl p strong { display: block; }
#also-showing .movie-trailer { margin: 2px 0; }
#also-showing .movie-trailer a {
height: 42px;
width: 57px;
display: block;
text-indent: -9999em;
background: transparent url(/online-ticketing/movies/images/bg-movie-trailer-link.png) no-repeat 0 0;
}
#also-showing .movie-trailer a:hover { background-position: 0 -42px; }
#also-showing .movie-fans strong { display: inline; font-size: 18px; }
#also-showing .button-red,
#also-showing .button-gold { float: left; }
#also-showing .sale {
width: 120px;
height: 175px;
position: absolute;
top: 0;
left: 0;
z-index: 250;
}
#listing-promo { float: right; }
.listing-half,
.listing-full {
background: #fff;
float: left;
position: relative;
padding-bottom: 10px;
}
#gold .listing-half,
#gold .listing-full { background: #b9b289; }

.listing-half { width: 500px; }
.listing-full { width: 1000px; }
.listing-half h2,
.listing-full h2 {
background: #000;
padding: 10px 20px;
color: #fff;
margin-bottom: 20px;
font: bold 18px arial, sans-serif;
}
.listing-half dl, .listing-full dl { margin: 0 20px; width: 460px; }
.listing-full dl { float: left; width: 450px; }
.listing-half dd,
.listing-full dd {
float: left;
height: 25px;
}

.listing-full dd { float: right; }
.listing-half dt,
.listing-full dt {
float: left;
height: 25px;
margin: 0 0 10px 0;
font-weight: bold;
font-size: 12px;
width: 150px;
}
.listing-half dt a,
.listing-full dt a {
text-decoration: none;
color: #000;
}
.listing-half dt span a,
.listing-full dt span a {
text-decoration: none;
font-weight: normal;
font-size: 12px;
color: #ff0000;
margin-left: 3px;
}
.listing-half dt a:hover,
.listing-full dt a:hover { text-decoration: underline; }
.listing-half dt a em,
.listing-full dt a em { font-weight: bold; font-size: 14px; }
.listing-half .movie-trailer a,
.listing-full .movie-trailer a {
height: 23px;
width: 32px;
display: block;
position: relative;
top: -3px;
margin: 0 15px 0 5px;
text-indent: -9999em;
background: transparent url(/online-ticketing/movies/images/bg-movie-trailer-small-link.png) no-repeat 0 0;
}
.listing-half .movie-trailer a:hover,
.listing-full .movie-trailer a:hover { background-position: 0 -23px; }
.listing-half p.fans,
.listing-full p.fans { padding: 3px 10px 0 0; }
.listing-half .button-red,
.listing-full .button-red,
.listing-half .button-gold,
.listing-full .button-gold { position: relative; top: -2px; }

/* =cinebuzz
------------ */
#cinebuzz h1 {
width: 167px;
height: 54px;
text-indent: -9999em;
background: transparent url(/online-ticketing/movies/images/logo-cinebuzz.png) no-repeat 0 0;
}
	
#cinebuzz h2 {
padding: 10px 20px;
color: #fff;
font: bold 18px arial, sans-serif;
}
#cinebuzz h2.blue { background: #00b5f5; color: #000; }
#cinebuzz-feature {
position: relative;
background: #00b5f5 url(/online-ticketing/movies/images/bg-cinebuzz-feature.png) no-repeat 0 100%
 }
#cinebuzz-feature h2 {
margin: 0 0 0 20px;
padding: 10px 0;
background: #00b5f5;
color: #000;
font: bold 18px arial, sans-serif;
}
#cinebuzz-feature img { margin: 0 0 0 20px; }
#cinebuzz-feature .button-grey { margin: 15px 0 5px 20px; }
#info-bar {
float: right;
width: 160px;
position: absolute;
top: 42px;
left: 670px;
color: #fff;
padding-top: 5px;
font: bold 14px arial, sans-serif;
background: transparent url(/online-ticketing/movies/images/bg-cinebuzz-feature-info-top.png) no-repeat 0 0;
}
#info-bar .inner {
padding: 10px 0;
background: transparent url(/online-ticketing/movies/images/bg-cinebuzz-feature-info-bottom.png) no-repeat 0 100%;
}
#info-bar p,
#cinebuzz #info-bar p { margin: 0 10px 15px 10px; }
#info-bar p em { color: #999; }
#info-bar p strong { font-size: 40px; }
#info-bar p.needed strong { font-size: 24px; }
#info-bar a { text-decoration: none; color: #00b5f5; }
#info-bar a:hover { text-decoration: underline; }
#info-bar p span,
#cinebuzz #cinebuzz-login h2 span {
height: 26px;
text-indent: -9999px;
display: block;
margin: 0 0 0 -3px;
}
#info-bar p span { margin: 0; background: #333 url(/online-ticketing/movies/images/bg-cinebuzz-login-p.png) no-repeat 0 0; }
#cinebuzz-login h2 span { width: 172px; background: #333 url(/online-ticketing/movies/images/bg-cinebuzz-login-h2.gif) no-repeat 0 0; }


#cinebuzz-login {
position: relative;
background: #000;
padding: 20px 0 20px 20px;
}
#cinebuzz-login li.one,
#cinebuzz-login li.two,
#cinebuzz-login li.three {
float: left;
margin-right: 5px;
padding-top: 8px;
}
#cinebuzz-login .one {
background: transparent url(/online-ticketing/movies/images/bg-cinebuzz-login1-top.png) no-repeat 0 0;
}
#cinebuzz-login .two {
background: transparent url(/online-ticketing/movies/images/bg-cinebuzz-login2-top.png) no-repeat 0 0;	
}
#cinebuzz-login .three {
background: transparent url(/online-ticketing/movies/images/bg-cinebuzz-login3-top.png) no-repeat 0 0;	
}

#cinebuzz-login .one .inner {
width: 249px;
min-height: 350px;
background: transparent url(/online-ticketing/movies/images/bg-cinebuzz-login1-bottom.png) no-repeat 0 100%;
}
#cinebuzz-login .two .inner {
width: 209px;
min-height: 350px;
background: transparent url(/online-ticketing/movies/images/bg-cinebuzz-login2-bottom.png) no-repeat 0 100%;
}
#cinebuzz-login .three .inner {
width: 334px;
min-height: 350px;
background: transparent url(/online-ticketing/movies/images/bg-cinebuzz-login3-bottom2.gif) no-repeat 0 100%;
}

#cinebuzz #cinebuzz-login h2,
#cinebuzz #cinebuzz-login legend span {
color: #fff;
display: block;
margin: 0 0 0 20px;
font: bold 26px arial, sans-serif;
}
#cinebuzz #cinebuzz-login h2 { padding: 12px 0 0 5px; margin-left: 10px; }
#cinebuzz-login legend span { margin: 10px 0 20px 0 !important; }
#cinebuzz-login a { text-decoration: none; color: #00b5f5; }
#cinebuzz-login a:hover { text-decoration: underline; }
#cinebuzz-login legend span { margin: 0; }
#cinebuzz-login form { margin: 0 0 0 20px; }
#cinebuzz-login label {
color: #fff;
font-weight: bold;
font-size: 14px;
margin-bottom: 5px;
display: block;
}
#cinebuzz-login label em {
color: #ff0000;
font-weight: bold;
font-size: 14px;
}
#cinebuzz-login input {
background: #fff;
border: 0;
height: 16px;
width: 215px;
padding: 3px 0 2px 0;
margin-bottom: 20px;
}
#cinebuzz-login #b-login-grey {
width: 76px;
height: 24px;
display: block;
cursor: pointer;
margin-top: 10px;
text-indent: -9999em;
background: transparent url(/online-ticketing/movies/images/button-login-grey.png) no-repeat 0 0;
}
#cinebuzz-login #b-activate-grey {
width: 96px;
height: 24px;
display: block;
margin-top: 10px;
cursor: pointer;
text-indent: -9999em;
background: transparent url(/online-ticketing/movies/images/button-activate-grey.png) no-repeat 0 0;
}
#cinebuzz-login .cc input {
width: 66px;
margin-right: 5px;
}
#cinebuzz-login .button-blue {
color: #000;
margin: 0 0 0 20px;
}
#cinebuzz-login p.card-cinebuzz { 
padding: 0 0 0 0;
color: #fff;
height: 100px;
font-weight: bold;
padding: 0 10px 20px 140px;
margin: 0;
background: transparent url(/online-ticketing/movies/images/bg-card-cinebuzz.gif) no-repeat 0 0;
}
#cinebuzz-login ul.circle {
margin: 10px 0 10px 15px;
color: #fff;
}
#cinebuzz-login .button-blue:hover { color: #fff; text-decoration: none; }
#cinebuzz-login ul.circle li {
padding: 0 10px 0 20px;
margin: 0 0 10px 0;
background: transparent url(/online-ticketing/movies/images/bg-list-blue-bullet.gif) no-repeat 0 3px;
}
#cb-content {
background: #fff;
position: relative;
padding: 0 0 20px 0;
min-height: 537px;
}
#cinebuzz .black { background: #000 !important; }
#cb-content p { margin: 0 0 15px 0; }
#cb-content p a { text-decoration: none; color: #00b5f5; }
#cb-content p a:hover { text-decoration: underline; }
#cb-content .cb-col-full {
float: left;
width: 630px;
padding: 20px 0 0 20px;
}
#cb-content .cb-col1 {
float: left;
width: 340px;
padding: 20px 0 0 20px;
}
#cb-content .cb-col1 p strong { font-size: 18px; }
#cb-content .cb-col1 p em { font-weight: bold; }
#cb-content .cb-col2 {
float: left;
width: 290px;
padding: 20px 0 0 0;
}
#cb-content .cb-col2 .button-blue { margin: 10px 0 0 85px; }
#cb-content #info-bar {
position: static;
float: left;
margin: 20px 0 0 20px;
}
#cb-content .faq dt {
font-size: 18px;
font-weight: bold;
margin: 0 0 5px 0;
}
#cb-content .faq dd {
margin: 0 0 15px 0;
}
#cb-content .faq dd em { font-weight: bold; }

#cb-content table {
width: 100%;
margin: 0;
padding: 0;
margin-bottom: 20px;
}
#cb-content caption {
font-size: 16px;
margin: 0 0 5px 0;
}
#cb-content th {
color: #fff;
padding: 6px 0 6px 10px;
background: #333;
vertical-align: middle;
}
#cb-content td {
color: #000;
padding: 4px 0 4px 10px;
background: #ccc;
vertical-align: middle;
border-top: 3px solid #fff;
}
#cb-content table .button-red { position: relative; top: 4px; }
#missing { float: right; }
#missing p { font-weight: bold; float: left; line-height: 2em; }
#missing .button-blue { margin-left: 5px; float: left; }

#cb-edit legend {
color: #fff;
font-size: 18px;
}
#cb-edit legend span {
display: block;
width: 804px;
padding: 10px 0 0 20px;
background: transparent url(/online-ticketing/movies/images/bg-edit-details-form-top.png) no-repeat 0 0;
}
#cb-edit fieldset {
margin: 0 0 30px 0;
background: transparent url(/online-ticketing/movies/images/bg-edit-details-form-bottom.png) no-repeat 0 100%;
}
#cb-edit label {
color: #fff;
font-weight: bold;
}
#cb-edit input {
width: 230px;
float: left;
}
#cb-edit label a {
color: #00b5f5;
font-size: 11px;
text-decoration: none;
}
#cb-edit label em {
color: #ff0000;
font-weight: bold;
font-size: 14px;
margin-left: 3px;
}
#cb-edit label a:hover { text-decoration: underline; }
#cb-edit dl { margin: 10px 0 0 0; }
#cb-edit dt {
float: left;
height: 35px;
margin: 0 0 0 20px;
width: 180px;
}
#cb-edit dd {
float: left;
width: 500px;
height: 35px;
margin: 0 0 0 0;
}
#cb-edit dd p {
float: left;
color: #fff;
margin-left: 10px;
line-height: 1.7em;
background: transparent url(/online-ticketing/movies/images/bg-cinebuzz-form-hints.png) no-repeat 0 0;
}
#cb-edit dd p em {
background: #00b5f5;
margin-left: 10px;
display: block;
height: 21px;
padding: 0 10px;
}
#cb-edit #b-submit-details {
height: 24px;
width: 76px;
border: none;
margin: 0 0 0 20px;
text-indent: -9999em;
cursor: pointer;
background: transparent url(/online-ticketing/movies/images/button-submit-grey.gif) no-repeat 0 0;
}

#cb-edit dd.terms-wrap { padding: 0 0 0 20px; }
#cb-edit dd.terms-wrap a { font-size: 12px; }
#cb-edit dd.terms-wrap input { position: relative; top: -4px; margin-right: 5px; }

/* =gold class
-------------- */
#gold h1 {
width: 88px;
height: 56px;
text-indent: -9999em;
background: transparent url(/online-ticketing/movies/images/logo-gold-class.png) no-repeat 0 0;
}
#gold-menu {
background: #000;
position: relative;
min-height: 537px;
}
#gold-menu h2 {
background: #000;
padding: 15px 20px 10px 20px;
margin: 0;
color: #fff;
font: bold 18px arial, sans-serif;
}
#gold-menu h3 {
color: #fff;
font-size: 50px;
margin: 0 0 10px 0;
}
#gold-menu .food-list dt {
font-size: 16px;
color: #8b7440;
position: relative;
}
#gold-menu .food-list dt em {
position: absolute;
right: 20px;
top: 0;
}
#gold-menu .food-list dd {
color: #fff;
margin: 0 0 20px 0;
}
#gold-menu .col1 {
width: 522px;
float: left;
margin: 20px 0 0 20px;
}
#gold-menu .col2 { float: left; }

#gold-feature {
position: relative;
padding: 0 0 44px 0;
}
.gold { background: #8b7440 url(/online-ticketing/movies/images/bg-gold-feature.png) no-repeat 0 100% }
.l-gold { background: #b0965f url(/online-ticketing/movies/images/bg-gold-feature.png) no-repeat 0 100% !important; }
#content-intro p.top {
display: block;
float: none;
background: #b0965f;
margin: 0;
padding: 10px 0 0 20px;
}
#gold-feature img { float: left; }
#gold-feature h2 {
margin: 0 0 0 20px;
padding: 10px 0;
background: #00b5f5;
color: #000;
font: bold 18px arial, sans-serif;
}
#gold-feature img { margin: 0 0 0 20px; }
#gold-feature .button-grey { margin: 15px 0 5px 20px; }

#gold-feature #info-bar {
top: 0;
background: transparent url(/online-ticketing/movies/images/bg-gold-info-bar.png) no-repeat 0 0;
}
#gold-feature #info-bar h2 {
color: #000;
margin: 0 18px 10px 10px;
padding-bottom: 5px;
background: none;
border-bottom: 1px solid #333;
font: bold 16px arial, sans-serif;
}
#gold-feature #info-bar h3 {
color: #b0965f;
font-size: 15px;
margin: 0 0 0 10px;
}
#gold-feature #info-bar p {
color: #fff;
font-size: 12px;
font-weight: normal;
margin: 0 10px 15px 10px;
}
.under-feature {
clear: both;
background: #b9b289;
width: 1002px;
}
#home .under-feature,
#threed .under-feature { background: #fff; }
.under-feature .col1 {
float: left;
width: 542px;
padding: 0 0 20px 0;
}
.under-feature .col2 { width: 460px; float: right; }
.under-feature .col1 p {
margin: 0 20px 15px 20px;
}

#home .under-feature h3,
#threed .under-feature h3 {
color: #fff;
font-size: 18px;
font-weight: bold;
padding: 10px 0 10px 20px;
}
#home .under-feature h3 { background: #333; }
#threed .under-feature h3 { background: #000; margin-bottom: 20px; }

.under-feature .col1 h4 {
color: #000;
padding-bottom: 5px;
margin: 15px 20px 15px 20px;
border-bottom: 1px solid #cfcfcf;
font: bold 16px arial, sans-serif;
}


#gold #state-list { background: #b9b289; }
#gold #state-list ul { background: #b9b289; border: none; }
#gold #state-list ul.text { width: 390px; }
#gold #state-list ul.text p { font-size: 11px; }

#private-screen { background: #b9b289; }
#private-screen h2 {
background: #000;
padding: 10px 20px;
margin: 0;
color: #fff;
font: bold 18px arial, sans-serif;
}
#private-screen dl {
width: 290px;
margin: 20px;
float: left;
position: relative;
}
#private-screen dt {
float: left;
margin-right: 10px;
}
#private-screen h3 { color: #8b7440; font-size: 16px; }
#private-screen h3 em { font-size: 26px; display: block; }
#private-screen h3 em span { font-size: 16px; }
#private-screen dd.m-img { margin-left: 120px; }
#private-screen dd { 
margin-bottom: 4px;
padding-left: 10px;
margin-left: 130px;
background: transparent url(/online-ticketing/movies/images/bg-private-screen-bullet.gif) no-repeat 0 6px;
}

.listing-half .gold-card dt {
float: left;
height: auto;
margin-right: 20px;
}
.listing-half .gold-card dd {
float: left;
width: 280px;
height: auto;
margin: 0 0 10px 0;
}
.listing-half .gold-card dd .button-gold { margin-right: 5px; }

/* =3D page
------------ */
#threed h1 {
width: 79px;
height: 52px;
position: relative;
top: 6px;
text-indent: -9999em;
background: transparent url(/online-ticketing/movies/images/logo-3d-event.png) no-repeat 0 0;
}
#threed h2 {
font: bold 16px arial, sans-serif;
border-bottom: 1px solid #333;
}
img.threed { position: relative; left: 10px; }
#threed #flashnav p { color: #fff; margin: 10px 0 0 10px; }

/* =home page
------------ */
#home #info-bar { height: auto; }
#home #info-bar h1 { margin: 0 0 10px 15px; }
#home #info-bar h1 span {
height: 52px;
width: 149px;
display: block;
margin: 0 0 0 -10px; 
text-indent: -9999em;
background: transparent url(/online-ticketing/movies/images/bg-logo-cinebuzz-home-large.png) no-repeat 0 0;
}
#home #info-bar h2 {
margin: 0 0 2px 15px;
clear: both;
}
#home #info-bar .button-blue {
color: #fff;
text-decoration: none;
margin: 0 0 0 15px;
}
#home #info-bar .button-blue:hover { color: #000; }
#home #info-bar h2 span {
height: 17px;
width: 138px;
text-indent: -9999em;
display: block;
background: transparent url(/online-ticketing/movies/images/bg-cinebuzz-span-home.png) no-repeat 0 0;
}

#mobile-tix {
clear: both;
color: #fff;
position: relative;
top: 5px;
height: 30px;
font-weight: bold;
margin: 0 0 0 20px;
}
#mobile-tix a {
color: #ff0000;
text-decoration: none;
}
#mobile-tix a:hover { text-decoration: underline; }

.top-ten {
margin: 15px 0 0 0;
}
.top-ten li {
position: relative;
height: 30px;
color: #000;
font-weight: bold;
margin: 0 0 0 20px; 
}
.top-ten li em { margin-right: 10px; }
.top-ten li strong { color: #ff0000; margin-left: 4px; }
.top-ten li span {
position: absolute;
top: -5px;
right: 10px;
}
.top-ten li .button-blue span {
position: static;
text-indent: -9999em;
float: left;
width: 57px;
height: 12px;
position: relative;
right: 4px;
top: 2px;
background: transparent url(/online-ticketing/movies/images/button-blue-cinebuzz-replace.png) no-repeat 0 0;
}
.top-ten li .button-blue:hover span { background-position: 0 -12px; }

/* =advertisements
------------------- */
#top-banner {
float: right;
}
#ad-tower {
position: absolute;
top: 0;
left: 842px;
width: 160px;
height: 600px;
z-index: 250;
}
#cinebuzz-feature #ad-tower { top: 0; left: 822px; }
#cinebuzz-login #ad-tower { top: 20px; right: 0; }
#cb-content #ad-tower { top: -42px; right: 0; }
#gold-menu #ad-tower { top: 0; right: 0; }
#gold-feature #ad-tower { top: 0; left: 822px; }
#home #flash-wrap #ad-tower { top: 0; right: 0; }
.promo-blog {
background: #061c44;
color: #fff;
font-weight: bold;
font-size: 16px;
text-align: center;
padding: 10px 5px 10px 5px;
}
.promo-blog a { text-decoration: none; color: #ff2d7e; }
.promo-blog a:hover { text-decoration: underline; }

/* =preference pane
=================== */
#preferences {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 350;
}
#preferences dl {
height: 27px;
padding-right: 10px;
background: transparent url(/online-ticketing/movies/images/bg-preference-bar-right.png) no-repeat 100% 0;
}
#preferences dt {
height: 27px;
float: left;
padding-left: 110px;
background: transparent url(/online-ticketing/movies/images/bg-preference-bar-left.png) no-repeat 0 0;
}
#preferences dd {
float: right;
margin-right: 15px;
}
#preferences a {
color: #fff;
text-decoration: none;
font-size: 13px;
line-height: 1.9em;
}
#preferences em { float: left; text-indent: -9999em; }
#preferences dd a:hover { text-decoration: underline; }

/* =overlays (lightbox)
======================= */
.overlay {
background: #f4f4ee;
z-index: 300;
width: 310px;
position: absolute;
top: 30%;
left: 35%;
padding: 15px;
display: none;
text-align: left;
}
.overlay h4 {
clear: both;
font-size: 14px;
font-weight: bold;
}
.overlay p { margin-bottom: 10px; }
.overlay form {
clear: both;
margin-top: 30px;
}
.overlay form label {
display: block;
margin: 0 0 2px 0;
}
.overlay form legend {
font-weight: bold;
padding: 10px 0 3px 0;
}
.overlay form input,
.overlay form textarea {
width: 300px;
height: 20px;
border: none;
padding: 5px 0 0 5px;
margin: 0 0 10px 0;
background: #cfcec3;
}
.overlay .close {
width: 23px;
height: 24px;
position: absolute;
top: 0;
right: 0;
margin: 10px 10px 0 0;
text-indent: -9999em;
overflow: hidden;
background: transparent url(/online-ticketing/movies/images/bg-close-window.gif) no-repeat 0 0;
}
.overlay dl.share {
margin: 5px 0 0 0;
border: none;
}
.overlay dl.share dt {
position: absolute;
top: 0;
left: -9999em;
}
#share-comment,
#comment-comment { height: 100px; }
#b-flash-share {
width: 63px;
height: 20px;
text-indent: -9999em;
cursor: pointer;
background: transparent url(/online-ticketing/movies/images/button-overlay-share.gif) no-repeat 0 0;
}
#b-flash-comment {
width: 83px;
height: 20px;
text-indent: -9999em;
cursor: pointer;
background: transparent url(/online-ticketing/movies/images/button-overlay-comment.gif) no-repeat 0 0;
}
#b-flash-join a {
display: block;
height: 24px;
width: 96px;
text-indent: -9999em;
background: transparent url(/online-ticketing/movies/images/button-overlay-join.gif) no-repeat 0 0;
}
#b-flash-login a {
display: block;
height: 24px;
width: 76px;
text-indent: -9999em;
background: transparent url(/online-ticketing/movies/images/button-overlay-login.gif) no-repeat 0 0;
}
#b-list-email {
display: block;
height: 24px;
width: 96px;
text-indent: -9999em;
background: transparent url(/online-ticketing/movies/images/button-overlay-submit.gif) no-repeat 0 0;
}
.login-links { margin: 20px 0 0 0; }
.login-links p { font-weight: bold; }
.login-links a { color: #ff001d; text-decoration: none; }
.login-links a:hover { text-decoration: underline; }
.login-links ul { margin-top: 5px; }
.login-links ul li { float: left; margin-right: 10px; }
#flash-email-modal input { width: 250px; }
#classify-modal { width: 533px; }
#classify-modal h4 { font-size: 18px; }
#classify-modal ul { margin: 10px 0; }
#classify-modal ul li {
font-weight: bold;
margin-bottom: 15px;
height: 25px;
padding: 10px 0 0 40px;
float: left;
width: 220px;
}
#classify-modal ul li img { margin-right: 10px; }
#classify-modal ul li.one { background: transparent url(/online-ticketing/movies/images/icon-classify-general.png) no-repeat 0 0; }
#classify-modal ul li.two { background: transparent url(/online-ticketing/movies/images/icon-classify-pg.png) no-repeat 0 0; }
#classify-modal ul li.three { background: transparent url(/online-ticketing/movies/images/icon-classify-mature.png) no-repeat 0 0; }
#classify-modal ul li.four { background: transparent url(/online-ticketing/movies/images/icon-classify-plus15.png) no-repeat 0 0; }
#classify-modal ul li.five { background: transparent url(/online-ticketing/movies/images/icon-classify-restricted.png) no-repeat 0 0; }
#classify-modal ul li.six { background: transparent url(/online-ticketing/movies/images/icon-classify-xrated.png) no-repeat 0 0; }

.jqmOverlay { 
background: #000;
}	
.jqmWindow {
display: none;
position: fixed;
top: 17%;
left: 50%;
margin-left: -300px;
width: 600px;
z-index: 300px;
background-color: #EEE;
color: #333;
border: 1px solid black;
padding: 12px;
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
width: expression(this.parentNode.offsetWidth+'px');
height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
Star selector used to hide definition from browsers other than IE6
For valid CSS, use a conditional include instead */
* html .jqmWindow {
position: absolute;
top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* =footer
---------- */
#footer {
color: #fff;
padding: 20px !important;
background: #000;
width: 962px;
margin: 0 auto;
clear: both;
font: bold 11px arial, sans-serif;
}
#footer p.copy {
font-weight: normal;
font-size: 16px;
width: 200px;
margin-bottom: 10px;
}
#footer #foot-icons { float: none; }
#footer #foot-icons li {
float: left;
font-size: 12px;
}
#footer #foot-icons p { width: auto; margin-bottom: 3px; }
#footer #foot-icons img { display: block; margin-right: 5px; }
#footer #foot-icons .triple { margin-right: 30px; }
#footer #foot-icons .triple img { float: left; }
#foot-links {
text-align: right;
float: right;
position: relative;
top: -25px;
}
#foot-links ul {
width: 125px;
float: left;
}
#foot-links ul li {
margin: 0 0 3px 0;
}
#foot-links a {
color: #fff;
text-decoration: none;
}
#foot-links a:hover { text-decoration: underline; }
#foot-links h6 {
color: #ff0000;
font-size: 12px;
}