﻿* html body {behavior: url(library/styles/csshover.htc)}
body {height: 100%; padding: 0px; margin: 0px; text-align: left; background-color: #ffffff; font-family: Frugal Sans, Myriad Pro, Kozuka Gothic Pro, Gill Sans, Calibri, Helvetica, Tahoma, sans serif; color: #262424; font-size: 12pt}
a {color: #9a958f; font-weight: bold; text-decoration: none}
a:hover {text-decoration: underline}
a img {border: none;}
form {position: absolute; top: 0px; left: 0px; margin: 0px; padding: 0px; height: 100%; width: 100%;}
h1, h2, h3 {padding: 0; margin: 0; margin-bottom: 15px}
h1 {color: #1a1818; font-size: 26pt; text-transform: uppercase}
h2 {color: #39281c; font-size: 24px; text-transform: uppercase}
h3 {color: #8ac7d2; font-size: 14pt; text-transform: uppercase}

.clsTextBox {background-color: #FFFFFF; color: #39281c; border: solid 1px #39281c; padding: 2px 4px;}
.clsDropDown {background-color: #FFFFFF; color: #39281c; border: solid 1px #39281c;}
.clsColumn1 {width: 247px}
.clsColumn2 {width: 521px}
.clsColumn3 {width: 222px}
.clsPageTitle {position: absolute; top: 240px; left: 0; height: 60px; width: 990px; z-index: 10}

#divContainer {position: relative; top: 0px; left: 0px; width: 990px; margin: 0px; text-align: left; background: url(../images/content_container_bg.jpg) no-repeat 0px 236px}
#divHeaderContainer {position: relative; top: 0px; left: 0px; width: 100%; height: 300px; padding: 0px; z-index: 10; background: url(../images/header_container_bg.jpg) no-repeat top}
#divHeader {position: relative; top: 0px; left: 0px; margin: 0px auto; width: 990px; height: 100%;}
#divContentContainer {position: relative; top: 0px; left: 0px; width: 100%; z-index: 0; background: url(../images/content_container_bg.png) no-repeat}
#divContent {padding: 10px 0 20px 20px; color: #39281c}
#divContentTable {position: relative; top: 0px; left: 0px; width: 100%; margin: 0px auto;}
#divContentContainer .clsContentTable {position: relative; top: 0px; left: 0px; width: 100%; height: 400px; padding: 10px 0 0 0}
#divLeftCallout,
#divRightCallout {padding: 20px 10px 10px 20px; text-align: center}
#divLeftCallout {padding-top: 0}
#divUpcomingMovies {padding: 10px 15px 10px 25px}
#divMailingList {padding: 10px 20px 0 25px; text-align: center}
#divMailingList img {margin-bottom: 10px}
div#divNavigationPrimary {position: absolute; top: 10px; left: 10px; padding: 0px; height: 43px; width: 500px; z-index: 10;}
div#divNavigationPrimary ul {position: relative; top: 0px; left: 0px; list-style-type: none; margin: 0px; padding: 0px;}
div#divNavigationPrimary ul li {position: relative; top: 0px; left: 0px; float: left; margin-right: 8px;}
div#divNavigationPrimary a {display: block;}
#divFooterContainer {position: relative; top: 0px; left: 0px; width: 990px; height: 60px; padding-top: 40px; background: transparent url(../images/template100_column_background.png) scroll repeat-y top left}
#divFooter {position: relative; top: 0px; left: 0px; padding: 20px;}
#divFooterText {position: relative; top: 0px; left: 0px; float: left; font-size: 8pt;}
#divFooter a {font-size: 10px; font-weight: normal; color: #39281c; font-family: Verdana, Sans-Serif}

.clsMoviesComingSoon {width: 190px}
.clsMoviesComingSoon .clsHeader {margin-left: 23px}
.clsMoviesPlayingTomorrow {margin-bottom: 7px; text-align: left}
.clsMoviesPlayingTomorrow .clsHeader {position: relative; top: 0; left: 0; width: 223px; height: 31px; background: transparent url(../images/upcoming_movies_top_background.png) scroll no-repeat top left; overflow: hidden}
.clsMoviesPlayingTomorrow .clsHeader img {position: relative; top: 0; left: 7px}
.clsMoviesPlayingTomorrow .clsContent {position: relative; top: 0; left: 0; width: 223px; height: auto; background: transparent url(../images/upcoming_movies_middle_background.png) scroll repeat-y top left; color: #DFD8CE}
.clsMoviesPlayingTomorrow .clsContent .clsNone {margin-left: 10px; font-size: 9pt; width: 200px}
.clsMoviesPlayingTomorrow .clsFooter {position: relative; top: 0; left: 0; width: 223px; height: 15px; background: transparent url(../images/upcoming_movies_bottom_background.png) scroll no-repeat top left}
.clsMoviesPlayingToday {margin-bottom: 7px; text-align: left}
.clsMoviesPlayingToday .clsHeader {position: relative; top: 0; left: 0; width: 223px; height: 31px; background: transparent url(../images/upcoming_movies_top_background.png) scroll no-repeat top left; overflow: hidden}
.clsMoviesPlayingToday .clsHeader img {position: relative; top: 0; left: 7px}
.clsMoviesPlayingToday .clsContent {position: relative; top: 0; left: 0; width: 223px; height: auto; background: transparent url(../images/upcoming_movies_middle_background.png) scroll repeat-y top left; color: #DFD8CE}
.clsMoviesPlayingToday .clsContent .clsNone {margin-left: 10px; font-size: 9pt; width: 200px}
.clsMoviesPlayingToday .clsFooter {position: relative; top: 0; left: 0; width: 223px; height: 15px; background: transparent url(../images/upcoming_movies_bottom_background.png) scroll no-repeat top left}
.clsMovieContainer {position: relative; top: 0; left: 0; float: none; clear: both; text-align: left; background-color: transparent}
.clsMovieContainer.clsComingSoon {width: 190px; margin-top: 15px}
.clsMovieContainer.clsTodayTomorrow {width: 200px; left: 8px}
.clsMovieContainer.clsRelated {width: 135px; float: left; clear: none; margin-right: 7px}
.clsMovieContainer .clsImageContainer {position: relative; float: left; top: 0; left: 0}
.clsMovieContainer.clsComingSoon .clsImageContainer {width: 80px}
.clsMovieContainer.clsTodayTomorrow .clsImageContainer {width: 115px}
.clsMovieContainer.clsRelated .clsImageContainer {width: 135px; height: 73px; float: none; background: transparent url(../images/related_movies_top_background.png) scroll no-repeat top left; padding-bottom: 5px}
.clsMovieContainer.clsRelated .clsImageContainer img {position: absolute; top: 8px; left: 9px}
.clsMovieContainer .clsDetailsContainer {position: relative; line-height: 12px; float: right; top: 0; right: 0; font-family: Frugal Sans, Arial, san serif; font-size: 8pt; color: #99948e}
.clsMovieContainer .clsDetailsContainer .clsTitle {font-size: 11pt; line-height: 15px; text-transform: uppercase; font-weight: bold; letter-spacing: -1px}
.clsMovieContainer.clsComingSoon .clsDetailsContainer {width: 110px; font-size: 9pt}
.clsMovieContainer.clsComingSoon .clsDetailsContainer .clsTitle {color: #282623}
.clsMovieContainer.clsComingSoon .clsDetailsContainer .clsTitle a {text-decoration: none; color: #282623}
.clsMovieContainer.clsTodayTomorrow .clsDetailsContainer {width: 85px; color: #DFD8CE}
.clsMovieContainer.clsTodayTomorrow .clsDetailsContainer .clsTitle {color: #DFD8CE}
.clsMovieContainer.clsTodayTomorrow .clsDetailsContainer .clsTitle a {text-decoration: none; color: #DFD8CE}
.clsMovieContainer.clsRelated .clsDetailsContainer {width: 135px; float: none; color: #DFD8CE; background: transparent url(../images/related_movies_bottom_background.png) scroll no-repeat bottom left}
.clsMovieContainer.clsRelated .clsDetailsContainer .clsTitle {margin: 0 17px 0 9px; color: #DFD8CE; font-size: 9pt; letter-spacing: 0px; line-height: 11px}
.clsMovieContainer.clsRelated .clsDetailsContainer .clsTitle a {text-decoration: none; color: #DFD8CE}
.clsMovieContainer.clsRelated .clsDetailsContainer .clsTimes {margin: 0 17px 0 9px; padding-bottom: 10px; line-height: 11px}
.clsMovieContainer .clsClear {position: relative; float: none; clear: both}