/************************************
** Landmark Theatres © 1999-2008 ****
*************************************
84265b = magenta link
2f3335 = MAIN MENU links, FOOTER links (dark gray)
832757 = light purple link
56d700 = light green link
dbdce1 = HEADER link, SUBNAV links, FOOTER bgColor (light gray)
50555a = SUBNAV bgColor (dark gray)

*/

/* 																													
CORE STYLES																											
----------------------------------------------------------------------------------------------------------------- */

/* expose grid layout bg image for testing */
/*.container_12{background: #FFF url(img/12_col.gif) repeat-y;} */

/* set bg color, and fonts */
body{background:#000 url(../images/core/bg.gif) top left repeat-x;color: #333;font:normal 13px/1em "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial;}

/* default links */
a:link {color:#84265b; text-decoration:none;}
a:visited {color:#84265b;}
a:hover {color:#56d700;}

h1, h2, h3 {font: normal 1.6em/1em "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial; padding-bottom:20px; color:#000;}
h3 { font-size:1.4em; line-height:1.2em;}
h4 { font-size:1.3em; line-height:1.2em; padding:5px 0; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial;}
p {line-height:1.3em;}
/* Unordered and order list styles - bullets and numbers */
.bulletUL {padding-left:1em; margin-left:1em; list-style:disc; list-style-position:outside; line-height:1.3em; padding-bottom:15px}
.bulletUL li {list-style:disc; margin-left:0.2em; padding-left:0.2em}
.numberOL {padding-left:1.5em; margin-left:1.5em; list-style:decimal; list-style-position:outside; line-height:1.3em; padding-bottom:15px}
.numberOL li {list-style:decimal; margin-left:0.2em; padding-left:0.2em}

.hRule20 {border-top:1px solid #D9D9D9; width:460px; margin:20px 0 20px 0;}

/* HEADER													
--------------------------------------------------------- */
#header {margin:0 auto;background:#000 url(../images/core/bgBokeh.jpg) top left no-repeat; height:100px; width:960px;}
/* top padding for header */
#header .grid_2,#header .grid_6 {padding-top:25px;}
#header .grid_4 {/*padding-top:26px;*/} /* disabled while survey is up*/
/* formatting for HEADER links */
a.headerLinkSm:link, a.headerLinkSm:visited {font: normal 0.7em/1.3em "Lucida Grande", "Lucida Sans Unicode"; color:#dbdce1; text-decoration:none;}
a.headerLinkSm:hover {color:#FFF; text-decoration:underline;}
/* .linkNew formats a word in yellow like "NEW" next to a header link  */
.linkNew {font: normal 0.7em/1.0em "Lucida Grande", "Lucida Sans Unicode"; color:#FFFF00;}
/* sets HEADER link white by default  */
a.headerLinkSmHot:link, a.headerLinkSmHot:visited {font: normal 0.7em/1.3em "Lucida Grande", "Lucida Sans Unicode"; color:#FFF; text-decoration:none;}

/* REMOVE WHEN SURVEY PERIOD COMPLETE */
.betaSiteSurvey { background-color:#84265b; padding:5px 10px;; font: normal 0.7em/1.3em "Lucida Grande", "Lucida Sans Unicode"; margin-right:1px; }
a.betaSiteSurvey { color:#FFF; text-decoration:none;}
a.betaSiteSurvey:hover { color:#FFF; background-color:#be0077; text-decoration:underline;}


/* MAIN NAVIGATION											
--------------------------------------------------------- */
.grid_12 #headerNav { background-color:#dbdce1;}
#headerNav {float:left;width:100%;height:25px;background-color:#dbdce1;font-size:11px;}
#headerNav ul {margin:0;padding:0;list-style:none;}
#headerNav li {float:left;background:#dbdce1 url("../images/core/navRolloverL.gif") no-repeat left top;margin:0;padding:0 0 0 5px;}
#headerNav a {float:left;display:block;background:#dbdce1 url("../images/core/navRolloverR.gif") no-repeat right top;padding:5px 11px 6px 6px;text-decoration:none;text-transform:uppercase;font-weight:bold;color:#2f3335; font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans"}
#headerNav > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#headerNav a {float:none;}
/* End IE5-Mac hack */
#home #n-home, #tickets #n-tickets, #films #n-films, #filmClub #n-filmClub, #promotions #n-promotions, #links #n-links, #rentals #n-rentals, #about #n-about, #news #n-news, #contact #n-contact {background-position:0 -25px;border-width:0;}
#home #n-home a, #tickets #n-tickets a, #films #n-films a, #filmClub #n-filmClub a, #promotions #n-promotions a, #links #n-links a, #rentals #n-rentals a, #about #n-about a, #news #n-news a, #contact #n-contact a {background-position:100% -25px;padding-bottom:6px;color:#FFF;}
#headerNav li:hover, #headerNav li:hover a {background-position:0% -25px;color:#FFF;}
#headerNav li:hover a {background-position:100% -25px;color:#FFF;}

/* SUB NAVIGATION											
--------------------------------------------------------- */
#headerSubNav {height:25px; background-color:#50555a;}
#headerSubNav .grid_1, #headerSubNav .grid_2 alpha, #headerSubNav .grid_2 omega, #headerSubNav .grid_2, #headerSubNav .grid_8 {padding-top:7px; color:#dbdce1; font: bold 10px/10px "Lucida Grande", "Lucida Sans Unicode";}
#headerSubNav a {color:#dbdce1; text-decoration:none;}
#headerSubNav a:hover {color:#FFF; text-decoration:underline;}

/* SITE ALERT												
--------------------------------------------------------- */
.alert {background-color:#FF9900; font: normal 10px/10px "Lucida Grande", "Lucida Sans Unicode"; color:#CCCCCC; padding:5px 0 5px 10px;}
.alert a {color:#FFF;}


/* BODY CONTENT												
--------------------------------------------------------- */
/* adds 20 pixels of vertical space in main content area */
.vSpace20 {background-color:#FFF; height:20px; margin:0 auto;}
/* adds 40 pixels of vertical space in main content area */
.vSpace40 {background-color:#FFF; height:40px; margin:0 auto;}
/* set content area to white bg */
.container_12 #bodyContent {margin:0 auto;background-color:#FFF;}
/* set mainContent area at 520px height so that advertising column doesn't wrap with minimal content */
#mainContent .grid_6 { min-height:520px;}

/* MARKET NAVIGATION										
--------------------------------------------------------- */
#marketNav .grid_2 a {font: bold 1em/1.55em "Lucida Grande", "Lucida Sans Unicode";text-decoration:none;padding:0 0 0 10px}
/* "select a location" header text */
#marketNav #marketNavHeader {height:20px; background:#FFF url("../images/core/bg-selectMarket.jpg") no-repeat left top; padding:0 0 10px 0;}
#marketNav #marketNavHeader p { padding:0 0 0 10px;}
/* active market bg and coloring */
.activeMarket {position:relative; background:#FFF url("../images/core/bg-marketNavActive.gif") no-repeat top left;  margin-left:-10px; min-height:20px}
#marketNav .grid_2 .activeMarket a { color:#FFF; margin-left:10px;}
/* active market (theatre) spacing - margin set in a and base to fix li indentation bug */
#marketNav .grid_2 .activeMarket-theatre a {/*position:relative;*/ font: bold 0.7em/0 "Lucida Grande", "Lucida Sans Unicode";text-decoration:none; margin-left:-10px; color:#BE0077}
#marketNav .grid_2 .activeMarket-theatre a:hover {color:#56d700;}
/* adding position:relative displays the negative area of the background graphic  */
#marketNav .grid_2 .activeMarket-theatre {position:inherit; margin:5px 0 5px -10px; padding-left:20px; background:#FFF url("../images/core/bg-selectMarket-theatre.gif") no-repeat left top;}

/* ADVERTISING COLUMN										
--------------------------------------------------------- */
#advertising .grid_4 .grid_2 {text-align:center}
/* link must be 0.9em otherwise it wraps in FF/PC */
#advertising .grid_4 .grid_2 a {font: bold 0.9em/1.55em "Lucida Grande", "Lucida Sans Unicode";text-decoration:none;}
.graphicalAd {background:#FFF url("../images/core/adUnit-graphicalIdentifier.gif") no-repeat left top; margin-top:20px; padding-top:10px;}
.sponsors {margin-top:20px; margin-bottom:20px}
.quarterAd {padding-bottom:10px;}

/* FOOTER													
--------------------------------------------------------- */
#footer .grid_12 {/*background-color:#dbdce1;*/ background:#dbdce1 url("../images/core/footerGrad.png") repeat-x left top; margin:0 auto; padding:50px 0;text-align:center; width:960px; border-top:1px solid #afb0b2}
#footer .grid_12, #footer .grid_12 a {font: bold 0.9em/2em "Lucida Grande", "Lucida Sans Unicode";text-decoration:none; color:#2f3335}
#footer .grid_12 a:hover {text-decoration:underline; color:#84265b;}



/* 																													
HOMEPAGE SPECIFIC STYLES																							
----------------------------------------------------------------------------------------------------------------- */
.homepagePosters td { padding-top:20px; vertical-align:top;}
.homepagePosters img{border:1px solid #858686; margin-bottom:5px;}
.postersGutter {width:20px;}
.homepagePosters a {font: normal 10px/10px "Lucida Grande", "Lucida Sans Unicode"; text-decoration:none;}

/* 																													
TICKETS SPECIFIC STYLES																								
----------------------------------------------------------------------------------------------------------------- */
#skyscraperGraphic .grid_2 {padding-left:10px; width:130px;}
/* mlRow stands for "Market List Row" */
.mlRow p {padding:10px;}
.mlRow a {text-decoration:none;}
.hRule {border-top:1px solid #D9D9D9; width:460px;}

/* ----- tickets-theatre ---------------------------------- */
.pSmaller {font: normal 11px/12px "Lucida Grande", "Lucida Sans Unicode";}
.tDirections {background:#FFF url("../images/core/iconGraphic-tDirections.jpg") no-repeat top left; padding-left:28px;}
.gcBalance {background:#FFF url("../images/core/iconGraphic-giftCard.jpg") no-repeat top left; padding-left:36px;}
.ticketNotes p {font: normal 9px/12px "Lucida Grande", "Lucida Sans Unicode"; padding-top:10px}
.ticketNotes em {color:#949494;}
.tickets .goBackLink {margin-top:-15px; font: normal 9px/12px "Lucida Grande", "Lucida Sans Unicode";}
/* in purchasing screen, this is ticket quantity and price table */
.tixAmtPrice { width:100%;}
.tixAmtPrice .tblCol {width:140px;}
.tixAmtPrice tr {border-bottom:1px solid #D9D9D9;}
.tixAmtPrice td, .tixAmtPrice th {padding:5px 0;}
.tixAmtPrice .tdAlt { background-color:#FFFFDF;}




/* 																													
FILMS SPECIFIC STYLES																								
----------------------------------------------------------------------------------------------------------------- */
#filmsAlpha a {font: bold 1.1em/1.1em "Lucida Grande", "Lucida Sans Unicode"; text-decoration:none; padding:1px;}
/* films letter heading */
.filmsLetter { padding:30px 0; font: normal 1.6em/1em "Lucida Grande", "Lucida Sans Unicode";}
/* films rows formatting */
.filmsRow p {padding:10px 0; width:100%}
.filmsRow a {text-decoration:none;}
/* "tickets coming soon" gray text */
.ticketsCS {color:#a0a6a9;}
.filmDescription, .filmDescription a {font-size:1em; line-height:1.3em; text-decoration:none;}
.filmDescription p {}
.filmSpecs, .filmSpecs a {padding:5px 0; text-decoration:none;}
.filmHeading { font-size:1.2em; line-height:1.3em; padding-top:10px;}
.poster img {border:1px solid #858686;}
/* the callout classes are also used on the market pages */
.callout-academyAward {font: normal 10px/10px "Lucida Grande", "Lucida Sans Unicode"; background-color:#80275b; color:#ffcc19; padding:5px; border-bottom:1px solid #FFF; margin:0; width:130px;}
.callout-exclusive {font: normal 10px/10px "Lucida Grande", "Lucida Sans Unicode"; background-color:#80275b; color:#ff62be; padding:5px; border-bottom:1px solid #FFF; margin:0; width:130px;}
.callout-exclusive a:link, .callout-exclusive a:visited {color:#ff96d8;}
.callout-exclusive a:hover {color:#fff;}


/* FLM PAGES */
.flm h1 {margin-bottom:-10px;}
.flm h2 {font: normal 1.3em/1em "Lucida Grande", "Lucida Sans Unicode"; padding-bottom:20px; color:#000;}
.flm p {line-height:1.3em; padding-bottom:20px;}


/* 																													
MARKET SPECIFIC STYLES																								
----------------------------------------------------------------------------------------------------------------- */
.showtimes {background:#FFF url("../images/core/iconGraphic-showtimes.gif") no-repeat right top; width:122px; height:24px; text-align:right; padding-top:5px;}
/* this rule is used on the main market page to the right of each theatre name */
.mktLink { padding-top:30px; width:140px;}
.showtimesForTheatreP {background:#FFF url("../images/core/iconGraphic-clock.gif") no-repeat left top; width:25px; height:20px; text-align:left; padding:5px 0 5px 30px; margin:0;}
.showtimes a { color:#FFF;}
.showtimes a:hover { color:#ff96d8;}
#mainContent .market h1 {/* border-bottom:1px solid #d9d9d9; padding-bottom:10px;*/}
#mainContent .market h2 {padding-top:5px;}
#mainContent a { text-decoration:none;}

/* MARKET MAIN PAGE											
--------------------------------------------------------- */
/* this class varies slightly from .homepagePosters */
.marketPosters td { padding-top:20px; vertical-align:top;}
.marketPosters img{border:1px solid #858686; margin-bottom:5px}
.postersGutter {width:20px;}
.marketPosters a {font: normal 10px/10px "Lucida Grande", "Lucida Sans Unicode"; text-decoration:none; padding-top:5px;}
.marketPostersTxt {font: normal 10px/11px "Lucida Grande", "Lucida Sans Unicode"; padding-top:5px;}
.postersEmpty {border: none; color:#FFF; width: 138px; height:1px; }
/* width is set to this h1 so that HR will run full content area width */
.marketPosters h1 a{font: normal 1em/1em "Lucida Grande", "Lucida Sans Unicode";}

.selectDate, .selectDate p {background-color:#FFF; text-align:right; color:#4d4d4d; font: normal 12px/10px "Lucida Grande", "Lucida Sans Unicode"; height:19px;}
.tickets .selectDate {text-align:left; color:#4d4d4d; padding-top:5px;}

#mainContent #mktMainLinks { padding-bottom:10px;}
#mktMainLinks p{font: normal 10px/10px "Lucida Grande", "Lucida Sans Unicode"; background-color:#FFF; padding:8px 0 6px 0; /*background:#FFF url("../images/core/bg-marketLinks.jpg") repeat-x left top;*/}
#mainContent #mktMainLinks h1 {margin:0; padding-bottom:10px; border-bottom:1px solid #FFF;}
#mainContent #mktMainLinks h4 { margin:0; padding:0;}
#mktMainLinks h4 a { margin:0; padding:0; border:none; padding-left:35px; font-size:1em; line-height:1.3em; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial;}

.mktIcon-showtimes {background:#FFF url("../images/core/iconGraphic-clock.gif") no-repeat left top; padding-left:35px;}
.mktIcon-theatre {background:#FFF url("../images/core/iconGraphic-mktMarquee.gif") no-repeat left top;  padding-left:35px;}
.mktIcon-bar {background:#FFF url("../images/core/iconGraphic-mktMartini.gif") no-repeat left top;}
.mktIcon-movGuide {background:#FFF url("../images/core/iconGraphic-mktPdf.gif") no-repeat left top;}
.mktIcon-parking {background:#FFF url("../images/core/iconGraphic-mktCar.gif") no-repeat left top;}
.mktIcon-stars {background:#FFF url("../images/core/iconGraphic-mktStars.gif") no-repeat left top;}


/* MARKET SHOWTIMES (SCHEDULE)								
--------------------------------------------------------- */
/* this h2 rule overrules the typical rule for h1 and h2 to have 20px of padding-bottom, 
necessary for the market schedule page */
.market h2 { padding-bottom:0;}
.marketSchedule { padding:10px 0;}
.marketSchedule .flags {font: normal 9px/11px "Lucida Grande", "Lucida Sans Unicode"; color:#949494; padding-bottom:3px;}
.marketSchedule p { padding-bottom:10px}
.marketSchedule .filmTitle {/* nothing here yet */}
.marketSchedule .filmTimes {color:#808080; font: normal 11px/15px "Lucida Grande", "Lucida Sans Unicode"; padding-bottom:10px;}
.marketSchedule .discounted { background-color:#f4e8d1; padding:1px 5px;}
.marketSchedule .timeUnavailable { color:#808080; font-style:italic;}
.marketScheduleHR {background-color:#d9d9d9; width:460px; height:1px; padding-top:0;}
.market .contextual {color:#000; padding:2px 0 0 35px; height:20px; margin-top:20px; font-size:10px; background:#FFF url("../images/core/iconGraphic-ticketSmall2.gif") no-repeat left top;}
.marketSchedule H1 { border-bottom:none;}


/* MARKET THEATRE											
--------------------------------------------------------- */
.theatre h2 {padding-top:5px;}
.theatre h3 {padding-bottom:10px; border-bottom:1px solid #d9d9d9;}
.theatre p {padding-bottom:8px; line-height:1.3em;}
/* stroke around location photos */
.locPhoto {border:1px solid #858686; margin-top:20px;}
/* italicized text for special theatre address information */
.addySpecs {font: italic 9px/11px "Lucida Grande", "Lucida Sans Unicode";}
.locSpecs { padding:5px 0; border-bottom:1px solid #D9D9D9;}
.currentSchedule {background:#FFF url("../images/core/iconGraphic-calendarLeft.gif") no-repeat left top; padding:1px 0 0 35px;}

#tDirections li {list-style:outside; list-style-type:disc; line-height:1.3em; margin:7px 0 0 20px;}

.theatreIcon-signpost {background:#FFF url("../images/core/iconGraphic-signpost.gif") no-repeat left top; padding:1px 0 0 35px;}
.theatreIcon-phone {background:#FFF url("../images/core/iconGraphic-phone.gif") no-repeat left top; padding:1px 0 0 35px;}
.theatreIcon-clock {background:#FFF url("../images/core/iconGraphic-showtimes.gif") no-repeat left top; padding:2px 0 0 45px;}
.theatreIcon-clock a { color:#FFF;}
.theatreIcon-clock a:hover { color:#ff96d8;}

/* MARKET BAR PAGES											
--------------------------------------------------------- */
.barLounge img { padding:10px 0;}
.barHeaderTxt {padding:5px 0; color:#0f496b; font: normal 1em/1.1em "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial; border-bottom:1px solid #D9D9D9;}
.barHeaderInfoTxt {padding-top:10px; font: normal 0.8em/1em "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial;}
.barTxt { padding:0 0 10px 0; font: normal 0.8em/1em "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial;}
.btnCallOut { padding:10px; font: normal 1em/1em "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial; color:#FFF; background-color:#84265b; text-align:center;}
.btnCallOut a { color:#FFF; text-decoration:underline;}
.btnCallOut a:hover { color:#ff96d8; text-decoration:underline;}


/* PROMOTIONS											
--------------------------------------------------------- */
.promos h2 {padding-top:5px;}
.promos p {padding-bottom:4px; line-height:1.3em; margin:5px 0;}
.promosArt a {font: normal 10px/10px "Lucida Grande", "Lucida Sans Unicode"; text-decoration:none; padding-top:5px;}
.promos h3 {padding:5px 0; border-bottom:1px solid #D9D9D9;}


/* SPECIAL APPEARANCES										
--------------------------------------------------------- */
.specialAppearances h1 { padding: 0;}
.specialAppearances h3 { padding:20px 0 0 0; font-size:1.2em;}
.specialAppearances h4 { padding:15px 0 0 0; font-size:1.1em;}


/* CORP PAGES
--------------------------------------------------------- */
/* same rule is at .filmDescription p */
.corp p {line-height:1.3em; padding-bottom:20px;}
/* table form for rentals page */
#rentalForm p {padding:10px 0 0 0;}