@import url('zero.css');
@import url('jquery.lightbox-0.4.css');

body, table { font: 11px/1.4 Helvetica, Arial, sans-serif; color: #12234b; }
	body { background: #d6d6d6 url(../images/bg.gif) no-repeat center center; }

h2 { font-size: 16px; font-weight: normal; color: #267fc4; text-transform: uppercase; }
h3 { font-size: 14px; font-weight: normal; color: #267fc4; text-transform: uppercase; }

img { border: 0; }

a { text-decoration: none; color: #267fc4; }

strong { font-weight: bold; }

table.list { font-size: 12px; }
  table.list td { border-bottom: 1px solid #B8B8B8; }
  table.list th, td { padding: 5px; vertical-align: middle; }
  table.list th { background: #3296DA; color: white; text-transform: uppercase; font-weight: bold; }

.first { margin-top: 0 }

.c { clear: both; }

.hr { height: 1px; background: #B8B8B8; margin: 18px 0; }
	.hr hr { display: none; }

.iw { background: white; padding: 2px; }
	.iw input,
	.iw textarea { display: block; width: 100%; border: 0; padding: 0; font-size: 11px; line-height: 1; color: #12234b; background: none; }
	.iw textarea { height: 100px; }
	
input.hint { color: #a0a0a0; }

.tabular-form { width: 425px; }
	.tabular-form table { width: 100% }
	.tabular-form td,
	.tabular-form th { vertical-align: top; }
	.tabular-form th { width: 180px; font-weight: bold; text-transform: uppercase; padding-top: 4px; }
	.tabular-form select { display: block; width: 100%; margin-bottom: 5px; }
	.tabular-form .iw { margin-bottom: 5px; }
	.tabular-form .submit { float: right; }
	
ul.hilighted { }
	ul.hilighted li { margin-bottom: 2px; }
	ul.hilighted a { background: #12234b; color: white; padding: 1px 3px; }
	
ul.downloads { font-weight: bold; }
	ul.downloads .meta { font-weight: normal; }

.flash-movie { position: relative; }
	.flash-movie a { display: none; }
	
.pagebar { margin: 20px 0; }
	.pagebar .pages { float: left; }
	.pagebar .display-all { float: right; }
	.pagebar a,
	.pagebar span { display: block; float: left; margin-right: 1px;}
	.pagebar .display-all a,
	.pagebar .display-all span { margin-right: 0; }
	.pagebar .pages .number { width: 22px; height: 12px; background: url(../images/pager-off.gif); color: white; text-align: center; font-size: 12px; line-height: 1; padding: 4px 0 3px 0; }
	  .pagebar .pages .number:hover,
	  .pagebar .pages .selected { background: url(../images/pager-on.gif); }

.content { }
	.content h2 { line-height: 1.2; margin-bottom: 10px; }
	.content p { margin: 10px 0; }
	
	.content table { }
		.content th,
		.content td { padding: 1px; font-weight: bold; text-transform: uppercase; }
		.content th { color: #12234b; }
		.content td { color: #267fc4; }
		
.feature-box { position: relative; }
	.feature-box .frame { position: absolute; z-index: 0 }
	.feature-box .image-with-overlay,
	.feature-box .slideshow,
	.feature-box .video-player,
	.feature-box .youtube-player { position: absolute; top: 0; left: 0; z-index: 200 }
	
	.feature-box-caption { font-size: 14px; margin: -15px 0 15px 0; text-transform: uppercase; }
	
	.feature-box-default,
    .feature-box-default .image-with-overlay,
    .feature-box-default .slideshow,
    .feature-box-default .video-player,
    .feature-box-default .youtube-player { width: 415px; height: 220px; }
    .feature-box-default .frame { width: 577px; height: 256px; left: -83px; top: -8px; background-image: url(../images/featured-default.png); }
  
	.feature-box-large,
    .feature-box-large .image-with-overlay,
    .feature-box-large .slideshow,
    .feature-box-large .video-player { width: 422px; height: 285px; }
    .feature-box-large .frame { width: 552px; height: 318px; left: -68px; top: -9px; background-image: url(../images/featured-large.png); }
	
	
.video-player { width: 100%; height: 100%; }
	.video-player a { display: none; }
	
.slideshow { position: relative; overflow: hidden; }
	.slideshow li { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
	.slideshow img { display: block; width: 100%; height: 100%; }
	  .slideshow .image-with-overlay { width: 100%; height: 100%; }
		
.carousel { overflow: hidden; position: relative; }
  .carousel ul { width: 10000px; }
  .carousel li { float: left; position: relative; }
  
  .carousel .image-with-overlay { width: 100%; height: 100%; }
  
  .carousel-default li { width: 270px; height: 160px; margin-right: 10px; }
  .carousel-large li { width: 295px; height: 180px; margin-right: 5px; }
  
.image-with-overlay { overflow: hidden; position: relative; display: block; }
	.image-with-overlay img { display: block; width: 100%; height: 100%; }
	.image-with-overlay .overlay { color: #267fc4; text-transform: uppercase; width: 100%; position: absolute; bottom: 0; left: 0; background: black; opacity: 0.8; filter: alpha(opacity=80); font-weight: bold; }
		.image-with-overlay .multi-line .inner { padding: 5px; }
		.image-with-overlay .single-line .inner { padding: 10px; }
		
		.image-with-overlay .overlay strong { font-weight: bold; color: white; }
		.image-with-overlay .overlay span { color: white; }

.quick-catalogue-search { background: #2477B8 url(../images/search-bg.png) repeat-y right; }
	.quick-catalogue-search form { padding: 7px; }
	.quick-catalogue-search label { color: white; font-size: 10px; text-transform: uppercase; display: block; margin-bottom: 5px; }
	.quick-catalogue-search .iw { margin-right: 23px; padding: 2px 2px 0 2px; height: 18px; }
	.quick-catalogue-search .submit { float: right }

.news-nav { padding-right: 55px; text-align: right; }
	.news-nav h3 { margin: 15px 0 5px 0; }

.news-list { }
	.news-list li { border-bottom: 1px solid #B8B8B8; margin-bottom: 20px; padding-bottom: 10px }
	.news-list .news-list-date { font-weight: bold; margin-bottom: 3px; }
	.news-list .news-list-meta { font-weight: bold; }
	.news-list .category { color: #267fc4; }

.home-page { }
	.home-page .flash-movie { margin: -30px 0 20px 0; }
	.home-page-blurb { width: 330px; float: left; margin-right: 20px; min-height: 140px; position: relative; padding-bottom: 60px; }
	  * html .home-page-blurb { height: 140px; }
	  
	  .home-page-blurb .quick-catalogue-search { position: absolute; bottom: 0; left: 0; width: 330px; }
	
	.home-page .featured-films { float: left; width: 550px; }
	  .home-page .featured-films .header { height: 40px; }
	  .home-page .featured-films h2 { float: left; }
	  .home-page .featured-films .pagebar { float: right; margin: 0; }
	    .home-page .featured-films .pagebar a { margin: 0 0 0 1px; }

.two-column { }
	.two-column-1 { width: 475px; float: left; }
		.two-column-1 .flash-movie { margin: -13px 0 20px -45px; }
	.two-column-2 { width: 425px; float: left; }
	
.two-column-header { }
	.two-column-header .column-1 { width: 485px; float: left; }
		.two-column-header .column-1 .flash-movie { margin: -15px 0 0 -33px; }
		.two-column-header .inner { padding-right: 50px; }
	.two-column-header .column-2 { width: 415px; float: left; }
	.two-column-header .feature-box { padding-bottom: 30px; }

.catalogue { }
	.catalogue .column-1 { width: 250px; float: left; }
	.catalogue .column-2 { width: 600px; float: left; margin-left: 50px; }
	
.catalogue-list { font-weight: bold; text-transform: uppercase; }
	.catalogue-list li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #B4B4B4; position: relative; }
	.catalogue-list h3 { font-weight: bold; }
	.catalogue-list .meta { margin-top: 5px; }
	.catalogue-list .separator { margin: 0 5px; }
	.catalogue-list .year,
	.catalogue-list .director { color: #267fc4; }
	.catalogue-list .more { position: absolute; right: 0; bottom: 15px; }
	
.catalogue-search-panel { border: 1px solid #b8b8b8; border-left: none; border-right: none; padding: 25px 0; }
	.catalogue-search-panel .column-1 { width: 260px; float: left; }
	.catalogue-search-panel .column-2 { width: 600px; float: left; margin-left: 40px; }
	
.catalogue-collections-panel { padding: 25px 0; border-bottom: 1px solid #b8b8b8; }

#catalogue-carousel-wrapper { position: relative; }
  #catalogue-carousel-wrapper .back { position: absolute; right: 0; top: -34px; }
  #catalogue-carousel-wrapper .pagebar { float: right; margin: 0; }
  
  .carousel-collection { margin: 15px 0; }
    .carousel-collection li { width: 900px; margin-right: 10px; }
    
    .collection-item-1 { float: left; margin-right: 10px; margin-bottom: 10px; }
    .collection-item-2 { float: left; margin-bottom: 10px; }
    .collection-item-3 { float: left; margin-right: 10px; clear: left; }
    .collection-item-4 { float: left; }

.catalogue-search-form { padding: 12px; background: url(../images/catalogue-search-bg.png) top repeat-y; width: 576px; }
	.catalogue-search-form .row { margin-bottom: 12px; }
	.catalogue-search-form .layout { float: left; }
	.catalogue-search-form select { display: block; width: 100%; font-size: 11px; }
	.catalogue-search-form .buttons { text-align: right; }
	.catalogue-search-form .iw { background: #EFF2FA }
	
.catalogue-intro { width: 460px; }
	
.show-title { }
	.show-title .column-1 { width: 415px; float: left; }
	.show-title .column-2 { width: 460px; float: left; margin-left: 25px; }
	.show-title .feature-box { margin-bottom: 20px; }
	.show-title .press-quotes { float: right; width: 160px; padding-left: 20px; background: url(../images/quotebox-corner.gif) no-repeat top left; }
		.show-title .press-quotes .inner { padding: 10px; background: #101929 url(../images/press-quotes.png) top repeat-x; }
		.show-title .press-quotes li { padding: 5px 0 10px 0; border-bottom: 1px solid #152E52; }
		.show-title .press-quotes blockquote { color: white; font-style: italic; font-weight: bold; margin-bottom: 5px; }
		.show-title .press-quotes cite { display: block; color: #349ADE; font-weight: bold; font-style: normal; }
		.show-title .press-quotes .rating { }
			.show-title .press-quotes .rating img { margin-right: 5px; width: 15px; height: 14px; }
	.show-title h1 { font-size: 16px; font-weight: bold; color: #267fc4; text-transform: uppercase; border-bottom: 1px solid #BDBDBD; padding-bottom: 5px; }

	.show-title .info-block { border-bottom: 1px solid #BDBDBD; padding-bottom: 10px; margin: 10px 0; }
	.show-title table { width: 100%; }
	.show-title th { width: 140px; }
	.show-title table td.starring { text-transform: none; font-weight: normal }
	.show-title table a { text-transform: none; }
	.show-title .imdb-link { float: left; margin-top: 20px; }
	.show-title .buttons { float: right; margin-top: 20px; }
		.show-title .buttons a { margin-left: 10px; }
		
	.show-title .overall-summary { float: left; font-weight: bold; text-transform: uppercase; line-height: 1.6 }
		.show-title .overall-summary .value { color: #267fc4 }
	
	.show-title .buy-now { float: right; text-align: right; font-weight: bold; text-transform: uppercase }
		
.film-library-info { }
  .film-library-info .row { border-bottom: 1px solid #bebebe; clear: left; }
  .film-library-info li { width: 450px; float: left; }
    .film-library-info .inner { min-height: 115px; padding: 10px 0; }
    .film-library-info .image { float: left; width: 150px; }
      .film-library-info .image img { display: block; margin: 0 auto; }
    .film-library-info .text { padding: 15px 15px 15px 165px; }
    .film-library-info h3 { margin-bottom: 5px; }

.releases-list { }
  .releases-item { padding: 30px 0; border-bottom: 1px solid #bebebe; }
  .releases-list li.first { border-top: 1px solid #bebebe; }
  .releases-list .blurb { float: left; width: 250px; min-height: 180px; position: relative; }
    * html .releases-list .blurb { height: 180px; }
  .releases-list .pagebar { position: absolute; bottom: 0; left: 0; margin: 0; }
  .releases-list .carousel { float: right; width: 595px; }

.all-releases { }
  .all-releases .row { clear: left; border-bottom: 1px solid #bebebe; padding: 20px 0; }
  .all-releases .first-row { padding-top: 0; }
  .all-releases .buttons { clear: left; margin: 10px 0; }
  
.collection-box { height: 133px; background: url(../images/collection-bg.png) repeat-y right; overflow: hidden }
  * html .collection-box { height: 133px; }
  .collection-box .image { display: block; width: 220px; height: 133px; float: left; }
    .collection-box .image img { display: block; width: 100%; height: 100%; }
  .collection-box .text { margin-left: 220px; padding: 20px; color: white; }
    .collection-box .text h3 { margin-bottom: 5px; font-size: 16px; }
      .collection-box .text h3 a { color: white; }
      
.general-page { }
  .general-page .column-1 { width: 422px; float: left; }
  .general-page .column-2 { width: 453px; float: left; margin-left: 25px; }
  

.now-showing-search { border: 1px solid #bebebe; border-left-width: 0; border-right-width: 0; padding: 30px 0; margin: 15px 0 30px 0; }
  .now-showing-search form { padding: 20px; background: url(../images/search-bg-wide.jpg); color: white; }
    .now-showing-search form a,
    .now-showing-search form select,
    .now-showing-search form input { float: left; margin-right: 5px; }
    .now-showing-search a { color: white; }
      .now-showing-search form select,
      .now-showing-search form input { vertical-align: middle; }
  
#catalogue-carousel-wrapper .collection-box { width: 445px; }

.dvd-footer { margin-top: 20px; }
  .dvd-footer .left { float: left; width: 600px; }
    .dvd-footer .left a { color: #12234b; }
  .dvd-footer .right { float: right; text-transform: uppercase; font-weight: bold; }
    .dvd-footer .right a { color: #267fc4; }
    
#dvd-newsletter-signup { float: left; overflow: hidden; }
  #dvd-newsletter-signup .inner { width: 220px; }
  #dvd-newsletter-signup input.text { border: 0; background: white; font-size: 11px; width: 210px; }
#dvd-newsletter-blurb { float: left; }

/* sticky footer */
html, body { height: 100%; }
	#container { min-height: 100%; position: relative; }
	#non-footer { padding-bottom: 80px; }

#container { width: 900px; margin: 0 auto; }
	
	#header { padding-top: 30px; margin-bottom: 50px; }
		#logo { float: left; text-indent: -5000px; }
			#logo a { display: block; background: url(../images/logo.png); width: 188px; height: 53px; }
		#main-nav { float: right; text-transform: uppercase; color: #267fc4; font-size: 11px; line-height: 1.5; padding-top: 15px; text-align: right }
		#main-nav .nav-line-1 { font-weight: bold }
		  #main-nav a { color: #12234b; margin: 0 3px; }
				#main-nav a.selected { text-decoration: none; color: #267fc4; }
		
#footer { padding: 8px 13px 0 13px; height: 24px; margin-top: -32px; color: white; font-size: 11px; line-height: 1; background: #008AC9 url(../images/footer.png) repeat-y right; position: relative; }
	#footer .left { float: left; padding-top: 3px; }
	#footer .credit { float: right; padding-top: 3px; padding-left: 13px; }
	  #footer .credit a { font-weight: bold; color: white; }
	#footer .right { float: right; }