/* Default tags */

body { 
 margin: 0px; 
 padding: 0px; 
 text-align: center; 
 background: #010101;
 color: #fff;
 border: 0px;
 border-collapse: collapse;
}

img {
 border: 0px;
}

table, tr {
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
}

td { vertical-align: top; }

a {
  color: #036;
  font-weight: bold;
}

a.white { color: #fff; }
a:hover { color: #900; }

a.home { color: #fff; }
a.home:visited { text-decoration: underline; color: #fff; } 

p
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  margin: 10px 20px;
}

p.bottom 
{
  text-align: right;
}

p.quote
{
  font-family : Arial, Helvetica, sans-serif;
  font-style : italic;
  margin-left : 2em;
}

h1,h2,h3,h4,h5,h6
{
  font-family: Arial, Helvetica, sans-serif;
  color: #900;
  margin: 10px;
}

h1 {
  font-size: 16pt;
  font-weight: bold;
}

h2 {
  font-weight: bold;
  font-size: 14pt;
}

h3 {
  font-weight: bold;
  font-size: 12pt;
}

h4 {
  font-style: italic;
  font-size: 10pt;
  color: #000;
}

h5 {
  font-size: 8pt;
}

h6 {
  font-size: 8pt;
  font-style: italic;
}

div {
  padding: 0px;
  margin: 0px;
}

ul {
  color: #000;
  font-size: 8pt;
  font-family: Arial, Helvetica, sans-serif;
  list-style-type: disc;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Inline quote for articles */
.iq
{
  font-style: italic;
  color: #00f;
}

#page {
 margin-left: auto;
 margin-right: auto;
 width: 980px;
 padding: 0px 0px;
 margin-top: 5px;
}

#header {
 width: 980px;
 padding: 0px;
 background: url("/images/cinema_banner.jpg") #036 no-repeat;
 color: #fff;
 text-align: left;
}


#body
{
 /* position: relative; */
 margin-left: auto;
 margin-right: auto;
 padding: 0px;
 text-align: left;
}

#footer {
 margin-left: auto;
 margin-right: auto;
 clear: both;
 width: 980px;
 padding: 0px 0px 0px 0px;
 background: url("/images/reel.gif") #036 repeat-x top left;
 color: #fff;
}


#footertext {
 /* position: relative; */
 margin-left: auto;
 margin-right: auto;
 width: 980px;
 padding: 10px 0px 10px 0px;
 background: #010101;
 color: #FC3;
 clear: both;
}

#footertext a {
 color: #FC3;
}

#footertext a:hover {
  color: red;
}

#footertext p {
}


#footerbanner {
 margin: 0px;
 padding: 20px 0px 10px 0px;
}

/*
** HEADER COMPONENTS
*/

#headerbanner {
 padding-left: 242px;
 padding-top: 10px;
}

#toolbar {
 margin: 20px 0px 0px 0px;
}

/*
** BODY COMPONENTS
*/
#navbar {
 background: url("/images/i_menu-ds-blue.gif") repeat-x top left #036;
 padding: 10px 0px 0px 0px;
 margin: 0px;
 text-align: center;
 width: 160px;
 color: #fff;
}

#content
{
 width: 820px;
 padding: 5px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 color: black;
 background: url("/images/i_menu-ds-white.gif") #fff repeat-x top left;
}

#content_nonav
{
 width: 980px;
 padding: 5px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 color: black;
 background: url("/images/i_menu-ds-white.gif") #fff repeat-x top left;
}

#navbar ul {
 margin : 0px;
 padding: 0px 0px 0px 0px;
 text-align: left;
}

#navbar li {
 margin : 4px 0px 4px 20px;
 padding: 0px;
 list-style-image: url("/images/i_orangebullet.gif");
}

#navbar li a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  text-decoration: none;
}

#navbar img {
 border: 0px;
}


#navbar input {
 padding: 0px;
 margin: 0px;
}

#navbarsearch {
 margin: 0px;
 padding: 25px 0px 10px 0px;
 background: url("/images/navbar_search.gif") #036 no-repeat top center;
 color: #fff;
}

#navbarsearch form {
 background: #aeb8cc;
 margin: 0px 8px 0px 8px;
 padding: 0px;
}

#navbargoogle {
 padding: 0px 0px 15px 0px;
}

#navbarboxoffice {
 margin: 10px 8px 10px 8px;
 padding: 20px 0px 0px 0px;
 background: url("/images/navbar_boxoffice.gif") #aeb8cc no-repeat top center;
 text-align: center;
}

#navbarusthisweek {
 margin: 10px 8px 10px 8px;
 padding: 30px 0px 0px 0px;
 background: url("/images/navbar_usnowshowing.gif") #aeb8cc no-repeat top center;
 text-align: center;
}

#navbarukthisweek {
 margin: 10px 8px 10px 8px;
 padding: 30px 0px 0px 0px;
 background: url("/images/navbar_uknowshowing.gif") #aeb8cc no-repeat top center;
 text-align: center;
}


#navbarquizzes {
 margin: 10px 8px 10px 8px;
 padding: 30px 0px 0px 0px;
 background: url("/images/navbar_quizzes.gif") #aeb8cc no-repeat top center;
 text-align: center;
}

#navbarquizzes a 
{
  cursor: pointer;
}

#navbareasysoft {
 background: #aeb8cc;
 margin: 20px 8px 20px 8px;
}

#navbareasysoft ul {
  background: #aeb8cc;
}

#navbarbanner {
 margin: 20px 0px 20px 0px;
}

#navbarbanner a {
 color: #fff; 
}

#navbarbanner a:hover {
 color: red;
}

/*
**
** Content components
**
*/
#frontpage
{
 margin-top: -5px;
 padding: 16px 0px 0px 0px;
 background: url("/images/mainheader_top.jpg") no-repeat top left;
 float: left;
}

#topstory
{
 padding: 0px;
 margin: 0px;
 background: url("/images/topstory_bg2.gif") no-repeat 0px 0px;
 width: 640px;
 height: 173px;
}

#topstory img
{
  padding: 0px 0px 0px 0px;
  /*margin: 0px;*/
  margin-top: 33px;
  margin-left: 21px;
  margin-right: 10px;
  float: left;
}

#topstory h4
{
  padding-top: 10px;
  padding-bottom: 0px;
  margin: 0px;
}

#topstory p
{
  padding: 10px;
  margin: 10px 0px 0px 0px;
  font-size: 8pt;
  font-weight: bold;
  color: #000;
}

#topstory p.bottom
{
  margin: -40px 10px 0px 0px;
  padding: 0px;
  text-align: right;
  clear: both; 
}

#otherstories
{
  margin: 0px 0px 20px 0px;
  width: 640px;
}

#otherstories p
{
  margin: 10px 0px 10px 0px;
  padding: 5px 0px 0px 5px;
  font-size: 8pt;
  background: #AFB7CC;
  color: #000;
}

#featuremovie
{
  margin: 0px 0px 0px 0px;
  width: 640px;
  text-align: center;
}

#featuremovie p
{
  padding: 5px;
  margin: 5px;
  font-size: 8pt;
  font-weight: bold;
  text-align: left;
}

#featuremovie p.bottom
{
  margin: 0px;
  padding: 0px 10px 0px 0px;
  text-align: right;
}

#othermovies
{
  margin: 10px 0px 10px 0px;
  width: 640px;
  text-align: center;
}

#othermovies img
{
  padding: 5px 0px;
}

#starofweek
{
  border: 0px;
  border-collapse: collapse;
  background: url("/images/heading_s_star.gif") no-repeat top left;
  width: 205px;
  height: 168px;
  padding: 0px;
  margin: 0px 0px 0px 5px;
  float: left;
}

#reviewofweek
{
  border: 0px;
  border-collapse: collapse;
  background: url("/images/rightbox_heading_review.gif") no-repeat top left;
  width: 205px;
  height: 168px;
  padding: 0px;
  margin: 0px 0px 0px 5px;
  float: left;
}

div.feature
{
  border: 1px #000;
  background: url("/images/heading_s_feature.gif") no-repeat top left;
  padding: 0px;
  margin: 0px 0px 0px 5px;
  width: 205px;
  height: 168px;
  float: left;
}

#starofweek img, #reviewofweek img
{
  padding: 0px;
  margin-top: 33px;
  margin-right: 5px;
  margin-bottom: -20px;
  float: left;
}
div.feature img
{
  padding: 0px;
  margin-top: 33px;
  margin-right: 5px;
  float: left;
}

#starofweek h4, #reviewofweek h4, div.feature h4
{
  padding-top: 30px;
  margin: 0px;
}

#starofweek p, #reviewofweek p, div.feature p
{
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px;
  padding: 10px 0px 0px 0px;
  font-size: 8pt;
  color: #000;
}

#starofweek p.bottom, #reviewofweek p.bottom
{
  margin: 0px 10px 0px 0px;
  padding: 0px;
  text-align: right;
  clear: both;
}

#whatsnew
{
  width: 165px;
  background: url("/images/whats_new.gif") #aeb8cc repeat-x top center;
  padding: 20px 0px 0px 0px;
  margin: 0px 5px 10px 8px;
}

#whatsnew ul
{
  padding: 20px 0px 10px 0px;
  margin: 0px;
  text-align: left;
  color: #000;
}

#whatsnew li
{
  margin : 4px 0px 4px 30px;
  padding: 0px;
  list-style-image: url("/images/i_orangebullet.gif");
}

#whatsnew li a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  text-decoration: none;
}

#whatsnew ul.trailers
{
  background: url("/images/wn_trailers.gif") #aeb8cc no-repeat top center;
}

#whatsnew ul.galleries
{
  background: url("/images/wn_galleries.gif") #aeb8cc no-repeat top center;
}

#whatsnew ul.news
{
  background: url("/images/wn_news.gif") #aeb8cc no-repeat top center;
}

#whatsnew ul.interviews
{
  background: url("/images/wn_interviews.gif") #aeb8cc no-repeat top center;
}

#whatsnew ul.reviews
{
  background: url("/images/wn_reviews.gif") #aeb8cc no-repeat top center;
}

#whatsnew ul.dvds
{
  background: url("/images/wn_dvds.gif") #aeb8cc no-repeat top center;
}

#whatsnew ul.soundtracks
{
  background: url("/images/wn_soundtracks.gif") #aeb8cc no-repeat top center;
}

#footer p {
 padding: 0px;
 margin: 0px;
 clear: both;
}

#footer a {
  margin: 0px 5px 0px 5px;
}

div.spacer { clear: both; }
div.left { float: left; }
div.right { float: right; }


td.nav, td.content
{
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
}

td.nav, td.content
{
  vertical-align: top;
}

td.nav {
  background: #036;
  color: #fff;
  width: 160px;
}

td.content{
  width: 820px;
  background: #fff;
  color: #000;
}


/*
** could be split into a seperate css
*/
#movies
{
  margin-top: -5px;
  margin-left: 0px;
  background: url("/images/tbr_bg.gif") repeat-x top left;
  padding: 0px 0px 0px 0px;
  text-align: center;
}

#moviesblank
{
  text-align: center;
  color: #000;
}

#moviesatoz
{
 margin: 0px;
 padding: 0px;
 background: url("/images/tb_movies.gif") no-repeat top left;
 height: 61px;
}

#moviesatoz img{
 margin: 15px 0px 0px 370px;
}


#moviesfeatured{
 margin-bottom: 30px;
 margin-left: auto;
 margin-right: auto;
 width: 700px;
}

#moviesfeatured p
{
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
}

#moviesfeatured p.bottom
{
  text-align: right;
}

#moviesnew
{
  background: url("/images/heading_newmovies.gif") no-repeat 10px 0px;
  padding: 30px 0px 0px 10px;
  text-align: left;
  width: 400px;
  float: left;
}

#moviestop
{
  background: url("/images/heading_topmovies.gif") no-repeat 10px 0px;
  padding: 30px 0px 0px 0px;
  text-align: left;
  width: 400px;
  float: left;
}

#moviesindex, #galleryindex, #peopleindex, #trailerindex, #featuresindex
{
  padding: 10px;
  text-align: center;
}

#moviesindex h1, #galleryindex h1, #peopleindex h1, #trailerindex h1, #featuresindex h1
{
  padding: 0px;
  margin: 0px 0px 10px 0px;
  text-align: left;
}

#moviesindex table, #galleryindex table, #peopleindex table, #trailerindex table, #featuresindex table
{
  border: 1px solid #aeb8cc;
  margin: auto;
  width: 780px;
}

#moviesindex th, #galleryindex th, #peopleindex th, #trailerindex th, #featuresindex th
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #ffffff;
  font-weight: bold;
  background: #003366;
  text-align: left;
  padding-left: 1px;
  border: 1px solid #aeb8cc;
}

#moviesindex td, #galleryindex td, #peopleindex td, #trailerindex td, #featuresindex td
{
  font-family: Arial, Helvetica, sans-serif;
  text-decoration : none;
  background: #FCFAE4;
  color: #900;
  font-size: 8pt;
  font-weight: bold;
  text-align: left;
  padding-left: 1px;
  border: 1px solid #aeb8cc;
}

#moviesindex a, #galleryindex a, #peopleindex a, #trailerindex a, #featuresindex a
{
 font-family: Arial, Helvetica, sans-serif;
 text-decoration : none;
 background: #FCFAE4;
 font-size: 8pt;
 font-weight: bold;
 text-align: left;
 padding-left: 1px;
}



#filmtoolbar ul
{
  display: inline;
  padding: 0px;
  margin: 0px;
}

#filmtoolbar li
{
  display: inline;
  background: url(/images/filmtoolbar_li.gif) no-repeat center left;
  padding: 0px;
  padding-left: 15px;
  padding-right: 10px;
  margin: 0px;
}

#filmtoolbar a
{
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

#filmtoolbar a:hover
{
  text-decoration: none;
  color: #900;
}

#filmtoolbar
{
  background: url(/images/filmtoolbar.gif) repeat-x;
  height: 20px;
  padding: 0px;
  padding-top: 5px;
  text-align: center;
}

#filmheader h1
{
  padding: 0px 0px 10px 0px;
  margin: 0px;
  color: #900;
}

#filmdetail, #filmcast, #filmcrew, #filmtrailer, #filmproductionnotes, #filmsynopsis, #filmnews
{
  padding: 10px 0px 0px 0px;
  margin-top: 0px;
  margin-bottom: 10px;
  text-align: left;
}


#filmdetail h2, #filmcast h2, #filmcrew h2, #filmtrailer h2, 
#filmproductionnotes h2, #filmsynopsis h2, #filmgallery h2, #filmnews h2
{
  text-align: center;
  color: #900;
  padding: 10px;
  margin: 0px;
}

#filmcast ul, #filmcrew ul, #filmnews ul
{
  margin-top: 5px;
  padding-top: 0px;

}

#filmsynopsis p 
{
  padding: 20px;
}

#filmsmallsynopsis
{
  padding-bottom: 10px;
}

#filmsmallsynopsis p
{
  padding: 10px;
}


/*
**
** Film gallery
**
*/

#galleryatoz{
 margin: 0px;
 padding: 0px;
 background: url("/images/tb_galleries.gif") no-repeat top left;
 height: 61px;
}

#galleryatoz img{
 margin: 15px 0px 0px 370px;
}

#filmgallery, #persongallery
{
  text-align: center;
  padding: 10px;
}

#filmgallery img
{
  text-align: center;
}


/*
** Gallery  (film and people)
*/
#galleryimage
{
  text-align: center;
}

#gallerybuttons
{
  padding: 10px;
  margin: 0px 0px 10px 0px;
}

#gallerybuttons img
{
    cursor:pointer;
}

#galleryimage
{
  clear: both;
}

#gallerythumbs
{
  padding: 20px;
  margin: 0px;
}

#gallerythumbs p
{
  font-weight: bold;
}

#gallerythumbs img
{
  cursor:pointer;
  border: 2px solid;
  padding: 2px;
  margin: 2px;
}

#featuredgallery
{
  background: url("/images/heading_featuredgallery.gif") no-repeat top left;
  margin: 10px;
  padding: 40px 0px 0px 0px;
}

#featuredgallery p
{
  vertical-align: middle;
  padding: 0px 20px 0px 20px; 
  margin: auto;
  float: left;
  width: 200px;
  text-align: left;
}

#featuredgallery a
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}

#othergalleries
{
  margin: 10px;
  clear: both;
  text-align: left;
  padding: 10px 0px 0px 0px;
}

#othergalleries p
{
  float: left;
  width: 147px;
  padding: 0px;
  margin: 10px;
  text-align: center;
}

#othergalleries img
{
  display: block;
  padding: 0px;
  margin: 0px auto;
}

#othergalleries a
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}

#galleriesnew
{
  background: url("/images/heading_newgalleries.gif") no-repeat 10px 0px;
  margin-top: 30px;
  padding: 30px 0px 0px 10px;
  text-align: left;
  width: 400px;
  float: left;
}

#galleriestop
{
  background: url("/images/heading_topgalleries.gif") no-repeat 10px 0px;
  padding: 30px 0px 0px 0px;
  text-align: left;
  width: 400px;
  margin-top: 30px;
  float: left;
}

/*
** NEWS ITEMS
  margin-top: -5px;
  background: url("/images/tbr_bg.gif") repeat-x top left;
*/
#newsmain {
  margin-top: -5px;
  background: url("/images/tbr_bg.gif") repeat-x top left;
  margin-left: 0px;
  padding: 0px 0px 0px 0px;
}

#news {
  margin-left: 0px;
  padding: 0px 0px 0px 0px;
}

#newsatoz{
 margin: 0px;
 padding: 0px;
 background: url("/images/tb_news.gif") no-repeat top left;
 height: 61px;
}

#news h2
{
  text-align: center;
  color: #900;
  padding: 10px;
  margin: 0px;
}

#news h3
{
  color: #900;
}

#news h4
{
  color: #900;
  font-style: normal;
}

#news h4 a
{
  font-style: normal;
}

#news p 
{
  float: left;
  margin: 0px;
  padding: 20px;
}

#news p.source,
p.date
{
  clear: both;
  float: none;
  padding: 0px;
  margin: 0px 10px 0px 0px;
  text-align: right;
  font-size: 8pt;
}

/* ON THIS DAY */
#otd {
  margin-top: -5px;
  margin-left: 0px;
  background: url("/images/tbr_bg.gif") repeat-x top left;
  padding: 0px 0px 0px 0px;
}

#otdatoz{
 margin: 0px;
 padding: 0px;
 background: url("/images/tb_onthisday.gif") no-repeat top left;
 height: 61px;
}

#otd h2
{
  text-align: left;
}

#otdcalendar
{
  float: right;
}

#otdarchive
{
  float: left;
}

#otdcalendar table
{
  padding: 0px;
  margin: 6px;
}

#otdcalendar tr
{
  padding: 0px;
  margin: 0px;
}

#otdcalendar th
{
  font-size: 9pt;
  font-weight: bold;
  text-align: center;
  /* background: #036;
  border: 1px #036 solid;
  */

  background: #5b7da0;
  border: 1px #5b7da0 solid;
  color: #fff;
}

#otdcalendar th.title
{
  background: #036;
  border: 1px #036 solid;
}

#otdcalendar th a
{
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

#otdcalendar td
{
  font-size: 8pt;
  font-weight: normal;
  width: 14px;
  text-align: center;
  border: 1px solid #5b7da0;
  background: #aeb8cc;
}

#otdcalendar td.selected
{
  background: #fff;
}

#otdcalendar td a
{
  color: #036;
  text-decoration: none;
  font-weight: bold;
}
#otdcalendar td a:hover
{
  color: #900;
}

#otdstories
{
}

#otdstories h3
{
  text-align: left;
}

#otdstories ul
{
}

#otdstories li
{
}

/*
** People
*/
#people{
  margin-top: -5px;
  margin-left: 0px;
  background: url("/images/tbr_bg.gif") repeat-x top left;
  padding: 0px 0px 0px 0px;
  text-align: center;
}

#peopleblank
{
  text-align: left;
  color: #000;
}
#peopleblank h1
{
  text-align: center;
}


#peopleatoz{
 margin: 0px;
 padding: 0px;
 background: url("/images/tb_people.gif") no-repeat top left;
 height: 61px;
}

#peopleatoz img{
 margin: 15px 0px 0px 370px;
}

#featuredactors { 
  background: url("/img/featured_actors.gif") no-repeat 10px 0px;
  margin-top: 40px;
  padding: 30px 0px 0px 10px;
  text-align: left;
  width: 400px;
  float: left;
}

#featuredactresses{ 
  margin-top: 40px;
  background: url("/img/featured_actresses.gif") no-repeat 10px 0px;
  padding: 30px 0px 0px 10px;
  text-align: left;
  width: 400px;
  float: left;
}

#persontoolbar ul
{
  display: inline;
  padding: 0px;
  margin: 0px;
}

#persontoolbar li
{
  display: inline;
  background: url(/images/filmtoolbar_li.gif) no-repeat center left;
  padding: 0px;
  padding-left: 15px;
  padding-right: 10px;
  margin: 0px;
}

#persontoolbar a
{
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

#persontoolbar a:hover
{
  text-decoration: none;
  color: #900;
}

#persontoolbar
{
  background: url(/images/filmtoolbar.gif) repeat-x;
  height: 20px;
  padding: 0px;
  padding-top: 5px;
  text-align: center;
}

#personheader h1
{
  padding: 0px 0px 10px 0px;
  margin: 0px;
  color: #900;
}

#biography p
{
  text-align : left;
}

#biography p img
{
  float: right;
}

#people h3, ul
{
  text-align: left;
}

/* 
** articles 
 margin-top: -5px;
 background: url("/images/tbr_bg.gif") repeat-x top left;
*/
#articles {
  margin-left: 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
}

#articlesatoz{
 margin: 0px;
 padding: 0px;
 background: url("/images/tb_articles.gif") no-repeat top left;
 height: 61px;
}

/* Film Trailers */
#trailersatoz{
 margin: 0px;
 padding: 0px;
 background: url("/images/tb_trailers.gif") no-repeat top left;
 height: 61px;
}

#trailersatoz img{
 margin: 15px 0px 0px 370px;
}

#filmtrailers
{
  text-align: center;
}

#filmtrailers img
{
  text-align: center;
}

#featuredtrailer
{
  background: url("/images/heading_featuredtrailer.gif") no-repeat top left;
  margin: 10px;
  padding: 40px 0px 0px 0px;
}

#featuredtrailer p
{
  vertical-align: middle;
  padding: 0px 20px 0px 20px; 
  margin: auto;
  float: left;
  width: 200px;
  text-align: left;
}

#featuredtrailer a
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}

#othertrailers
{
  margin: 10px;
  clear: both;
  text-align: left;
  padding: 10px 0px 0px 0px;
}

#othertrailers p
{
  float: left;
  width: 147px;
  padding: 0px;
  margin: 0px;
  text-align: center;
}

#othertrailers img
{
  display: block;
  padding: 0px;
  margin: 0px;
}

#othertrailers a
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}

#trailersnew
{
  background: url("/images/heading_newtrailers.gif") no-repeat 10px 0px;
  margin-top: 30px;
  padding: 30px 0px 0px 10px;
  text-align: left;
  width: 400px;
  float: left;
}

#trailerstop
{
  background: url("/images/heading_toptrailers.gif") no-repeat 10px 0px;
  padding: 30px 0px 0px 0px;
  text-align: left;
  width: 400px;
  margin-top: 30px;
  float: left;
}

/* Film Features */
#featuresatoz{
 margin: 0px;
 padding: 0px;
 background: url("/images/tb_features.gif") no-repeat top left;
 height: 61px;
}

#featuresatoz img{
 margin: 15px 0px 0px 370px;
}

#filmfeatures
{
  text-align: center;
}

#filmtrailers img
{
  text-align: center;
}

#recentfeatures
{
  text-align: left;
}

/*
** Article
*/
#article{
  text-align: left;
}

p.center{
  text-align: center;
}

p.center img{
  float: none;
}

p.right{
  text-align: left;
  float: right;
}

p.right img{
  float: left;
}

/*
** Festivals
*/
#festivals
{
  margin-top: -5px;
  margin-left: 0px;
  background: url("/images/tbr_bg.gif") repeat-x top left;
  padding: 0px 0px 0px 0px;
  text-align: center;
}

#festivals h2
{
  margin: 20px 0px 20px 0px;
}

#festivals h3
{
  text-align: left;
  margin: 10px 20px;
}

#festivals ul
{
}

#festivalatoz
{
 margin: 0px;
 padding: 0px;
 background: url("/images/tb_festivals.gif") no-repeat top left;
 height: 61px;
}


#festival
{
  text-align: left;
}

#festival h4
{
  padding: 0px 30px;
  margin: 20px 0px 0px 0px;
}

#festival address
{
  padding: 5px 35px;
  margin: 0px;
}

#festival p
{
  margin: 0;
  padding: 5px 35px;
}

#reviews
{
  margin-top: -5px;
  margin-left: 0px;
  background: url("/images/tbr_bg.gif") repeat-x top left;
  padding: 0px 0px 0px 0px;
  text-align: left;
}

#reviewsatoz
{
 margin: 0px;
 padding: 0px;
 background: url("/images/tb_reviews.gif") no-repeat top left;
 height: 61px;
}

/* interviews */
#interviews
{
  margin-top: -5px;
  margin-left: 0px;
  background: url("/images/tbr_bg.gif") repeat-x top left;
  padding: 0px 0px 0px 0px;
  text-align: left;
}

#interviewsatoz
{
 margin: 0px;
 padding: 0px;
 background: url("/images/tb_interviews.gif") no-repeat top left;
 height: 61px;
}

#interview
{
  margin: 20px;
  padding: 10px 10px 0px 10px;
  border: 1px solid black;
}

#interview img
{
  float: left;
  padding: 0px 20px 0px 0px;
}

#interview h3
{
 padding: 0px 0px 0px 10px;
}

/* competitions */
#competitions
{
  margin-top: -5px;
  margin-left: 0px;
  background: url("/images/tbr_bg.gif") repeat-x top left;
  padding: 0px 0px 0px 0px;
  text-align: center;
}

#competitionsatoz
{
 margin: 0px;
 padding: 0px;
 background: url("/images/tb_competitions.gif") no-repeat top left;
 height: 61px;
}


#competition
{
  text-align: left;
}

#competition h2, #competition h3
{
  text-align: center;
  margin: 20px 10px 20px 10px;
}

#competition p
{
  padding: 0px;
  margin: 20px 10px 10px 10px;
}

#competition p img
{
  float: left;
  padding: 0px 10px 0px 0px;
}

#competition input
{
  margin: 10px 0px 0px 10px;
}

#competition form 
{
  float: left;
}

div.comp
{
  float: left;
  width: 390px;
  text-align: left;
  margin: 10px 5px;
  padding: 0px;
}

div.comp img
{
  float: left;
  margin: 0px 10px 0px 10px;
}

div.comp p
{
  font-size: 8pt;
}

div.comp h4
{
  font-style: normal;
  color: red;
}

div.comp p.bottom
{
  margin: -30px 0px 0px 0px;
  clear: both;
  text-align: right;
  font-size: 12pt;
  padding: 0px;
}

#usboxoffice
{
  text-align: left;
  margin: 20px 10px 0px 10px;
  border-bottom: 1px solid black;
    background-color: #ebebeb;
    padding-top: 14px;
}

#usboxoffice img
{
  float: left;
    margin-left: 6px;
    width:100px;
    height: 148px;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 1px solid #000;
    box-shadow: 4px 4px 4px #a4a4a4;
}
#usboxoffice .boxofficeposition
{
    float: left;
    width: 40px;
    height: 150px;
    margin-top: 0px;
    font-size: 40px;
    line-height: 150px;
    text-align: center;
    vertical-align: middle;
    color: orange;
}

#usboxoffice h4
{
}

#usboxoffice p
{
}

#usboxoffice p.bottom
{
  clear:both;
}

#trailer_player
{
}

#player
{
  margin: 20px 0px 20px 50px;
  padding: 0px;
  height: 484px;
  min-height: 484px;
  width: 712px;
  min-width: 712px;
  background-color: #000000;
}


/* BLANK */
#blank
{
  margin-top: -5px;
  margin-left: 0px;
  background: url("/images/tbr_bg.gif") repeat-x top left;
  padding: 0px 0px 0px 0px;
  text-align: left;
}
#blankatoz
{
 margin: 0px;
 padding: 0px;
 background: url("/images/tb_blank.gif") no-repeat top left;
 height: 61px;
}

#blankatoz h3
{
  color: white;
}

/* SEARCH */
#search
{
  margin-top: -5px;
  margin-left: 0px;
  background: url("/images/tbr_bg.gif") repeat-x top left;
  padding: 0px 0px 0px 0px;
  text-align: left;
}

#searchresults
{
  padding: 10px;
}

#searchatoz
{
 margin: 0px;
 padding: 0px;
 background: url("/images/tb_search.gif") no-repeat top left;
 height: 61px;
}

#search a
{
  font-weight: normal;
  text-decoration: underline;
}

#search small
{
  color: green;
}

div.center 
{
  text-align: center;
  width: 100%;
}

#dvd
{
  margin-top: -5px;
  margin-left: 0px;
  background: url("/images/tbr_bg.gif") repeat-x top left;
  padding: 0px 0px 0px 0px;
  text-align: center;
}

#flashtrailernew 
{
 margin-left: 4px;
}

#dvdatoz
{
 margin: 0px;
 padding: 0px;
 background: url("/images/tb_dvd.gif") no-repeat top left;
 height: 61px;
}

/* google search box */
#headersearch {
 float :right;
 margin-top: 10px;
}

form#cse-search-box { 
 margin-bottom: 10px;
 background: #036;
 width: 260px;
 text-align: center;
}

/* ****************************************************************************** */
/* New styles for video player on '/film/trailers/', replacement for flash player */
/* ****************************************************************************** */
.video-container{
    position: relative;
    height: 340px;
    padding: 0px;
    margin: 3px;
}
#movie-list-container {
    border-left: 1px solid #000;
    font-family: "Arial", sans-serif;
    position: absolute;
    left: 584px;
    color: #003366;
    width: 230px;
    height: 327px;
    overflow-y: scroll;
}

#movie-list-container ul{
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}
#movie-list-container li{
    background-color: #aeb8cc;
    list-style: none;
    cursor:pointer;
    padding: 4px;
}

#movie-list-container li:nth-of-type(odd) {
  background-color: #8e9ebf;
}
#movie-list-container li:hover{
    background-color: #ebebeb;
}

.selectedContainer{
    color:yellow;
}

#html-video-player{
    position: absolute;
    left: 0px;
    width: 584px;
    height: 327px;
    background-color: black;
    padding: 0px;
    margin: 0px;
}
#YT-video-player{   
    position: absolute;
    left: 0px;
}
.display-video{z-index: 1000;}
.video-container .movie-title{
    position: absolute;
    font-family: "Arial", sans-serif;
    font-size: 18px;
    font-weight: 100;
    text-align: left;
    text-shadow: 1px 1px 4px #000000;
    top: 10px;
    left: 20px;
    width: 544px;
    color: #fff;
    padding: 0px;
    margin: 0px;
    z-index: 1200;
    cursor:default;
    -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  user-select: none; 
}



/* ****************************************************************************** */
/* ********************* New small video features on homepage *******************  /*
/* ****************************************************************************** */

    .featureContainer{
      margin-top: 6px;
      margin-left: 10px;
        width: 625px;
        height: 61px;
    }
    
    .featureHolder{
        position: relative;
        top: 0px;
        left: 0px;
        width: 625px;
        height: 61px;
        overflow: hidden;
        cursor: pointer;
    }
    .featureHolder > img{
      margin: 0px !important;
      padding: 0px !important;
    }
    .featureHolder .closeFeatureButtonOn{
        display: block;
        position: absolute;
        bottom: 3px;
        right: 3px;
        z-index: 224;
        color: floralwhite;
        cursor: pointer;
    }
    .featureHolder .closeFeatureButtonOff{
        display: none;
    }
    
    
    .featureHolder .detailsFeatureButtonOn{
        display: block;
        position: absolute;
        bottom: 3px;
        left: 3px;
        z-index: 225;
        color: floralwhite;
        cursor: pointer;
    }
    .featureHolder .detailsFeatureButtonOff{
        display: none;
    }
    .featureHolder .detailsFeatureButtonOn a{
        color: white;
    }
    
    
    .featureHolder video{
        position: absolute;
        top: 70px;
        left: 40px;
        z-index: 10;
    }
    .featureHolder .videoOn{
        display:block;
    }
    .featureHolder .videoOff{
        display: none;
    }

    
    .featureHolder .playButton{
        background-image:url(/image_lib/playButton.png);
        opacity: 0.6;
        width: 123px;
        height: 123px;
        position: absolute;
        top:165px;
        left: 251px;
        z-index: 200;
    }
    .featureHolder .playButton:hover{
      cursor: pointer;
    }
    
    .featureHolder .playButtonOn{
        display:block;
        animation: animatePlayBtnIn 1.0s;
        animation-fill-mode:forwards;
    }
    .featureHolder .playButtonOff{
        display: none;
    }
        
    @keyframes animatePlayBtnIn {
        from {
            opacity: 0;
            transform: translateY(30px);
        }
        to {
            opacity: 0.6;
            transform: translateY(0px);
        }
    } 
    
    .selectedVideoContainer{
        height: 400px;
        z-index: 100;
        cursor:auto;
    }

/* ********************* blockquote *******************  */

blockquote {
    position: relative;
    background-color: antiquewhite;
    margin-top: 50px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 12px;
    padding-bottom: 40px;
    font-size: 1.2rem;
}

blockquote:before {
    content: '';
    width: 50px; 
    height: 50px;
    position: absolute;
    top: 10px; 
    left:10px;
    background-image: url('/images/openquote1.png');
    background-repeat: no-repeat;	
}

blockquote:after{
    content: ''; 
    width: 50px; 
    height: 50px; 
    position: absolute;
    bottom: 10px; 
    right:-10px;
    background-image: url('/images/closequote1.png');
    background-repeat: no-repeat;	
}

blockquote .quotename{
    background-color:#aeb8cc;
    color: #003366;
    position: absolute; 
    bottom: -20px; 
    right:25px; 
    padding: 10px;
    font-size: 0.8rem;
    font-weight: 900;
}



/* ****************************************  */
/* ***** fix for responsive trailers in iframe ( youtube trailers ) *************  */
/* ***************************************  */

.iframe-YoutubeTrailerContainer{
  position: relative;
  width: 90%;
  padding-bottom: 56.25%; 
  height: 0;
    margin: 0 auto;
    clear: both;
}
.iframe-YoutubeTrailerContainer iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}