/*
RESET
############################################################################# */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header, 
hgroup, menu, nav, section,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article, aside, dialog, figure, footer, header, 
hgroup, nav, section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

button { background: transparent; }

:focus { outline: 0 none; }


.clearfix {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/*
TYPOGRAPHY
############################################################################# */

body { border: 0 none; font-family: Arial, sans-serif; font-size: 12px; line-height: 18px; margin: 0; padding: 0; vertical-align: baseline; }

/* Hide from sighted users */
.superfluous-visual { left: -99999px; position: absolute; top: -99999px; }

/* Hide from everyone except machines */
.superfluous-human { display: none; visibility: hidden; }

img, a img { border: 0 none; margin: 0 0 18px; }

/* Headings
-------------------------------------- */

h1 { font-size: 36px; font-weight: normal; line-height: 36px; margin: 0 0 18px; }

h2 { font-size: 24px; font-weight: normal; line-height: 36px; margin: 0 0 18px; }

h3 { font-size: 18px; font-weight: normal; line-height: 24px; margin: 0 0 18px; }

h4 { font-size: 15px; font-weight: normal; line-height: 18px; margin: 0 0 18px; }

h5 { font-size: 12px; font-weight: bold; line-height: 18px; margin: 0 0 18px; }

h6 { font-size: 12px; font-weight: bold; line-height: 18px; margin: 0; }

/* Text Elements
-------------------------------------- */

a { text-decoration: none; }

p, address, pre { display: block; line-height: 1.5; margin: 0 0 18px; }

strong { font-weight: bold; }

em { font-style: italic; }

dfn { font-style: italic; font-weight: bold; }

sub, sup { line-height: 0; }

abbr { border-bottom: 1px dotted; }

pre { white-space: pre; }

code, tt, kbd, samp { font-family: courier, 'courier new', 'lucida console', 'andale mono', sans-serif; line-height: 1.3333; }

/* Lists
-------------------------------------- */

dl, ol, ul { margin: 0 0 18px; }

ol li { list-style: decimal; }

ul li { list-style: disc; }

li ol, li ul { margin: 0 18px 18px; }

li, dd { line-height: 1.5; margin: 0 0 0 18px; }

dt { font-weight: bold; line-height: 1.5; }

/* Tables
-------------------------------------- */

table { margin: 0 0 18px; width: 100%; }

th, td { line-height: 1.5; text-align: left; }

th { font-weight: bold; }

/* Forms
-------------------------------------- */

legend { font-weight: bold; height: 18px; line-height: 18px; margin: 0 0 18px; }

input[type="text"], input[type="password"], textarea, select, button { border: 1px solid #000; font-size: 12px; margin: 0 0 18px; padding: 0; vertical-align: baseline; }

input[type="text"], input[type="password"], select { height: 16px; line-height: 18px; text-indent: 2px; width: 298px; }

/*input[type="checkbox"], input[type="radio"] { position: relative; top: 2px; }*/

.radio { background: transparent !important; border: 0 none !important; }

select { vertical-align: 50%; }

optgroup {  }

option { height: 18px; line-height: 18px; text-indent: 2px; }

textarea { height: 142px; padding: 0; text-indent: 2px; width: 458px; }

label { margin: 0 0 18px; }

button { height: 16px; line-height: 18px; text-align: center; padding: 0 18px; vertical-align: 50%; }

p label, p input[type], p select, p button, li label, li input[type], li select, li button { margin-bottom: 0; }

/* Quotes
-------------------------------------- */

blockquote { display: block; margin: 0 18px; }

q { quotes: "\201C" "\201D" "\2018" "\2019"; }
q:before { content: '\201C'; content: open-quote; }
q:after { content: '\201D'; content: close-quote; }
q q:before { content: '\2018'; content: open-quote; }
q q:after { content: '\2019'; content: close-quote; }

blockquote * { quotes: none; }
blockquote > *:before { content: '\201C'; content: open-quote; }
blockquote > *:after { content: '\201D'; content: close-quote; }
blockquote q:before { content: '\2018'; content: open-quote; }
blockquote q:after { content: '\2019'; content: close-quote; }

/* Misc
-------------------------------------- */

hr { background: #ddd; border: none; clear: both; color: #ddd; float: none; height: 1px; margin: 0 0 17px; width: 100%; }
.clear{ clear:both; margin: 0;}
.clear_left {clear: left;margin: 0;}
.clear_right {clear: right;margin: 0;}

/*
GLOBAL
############################################################################# */

body { background: #202020 url("/images/curtain.jpg") repeat-x 50% 0; color: #fff; font-family: Arial, sans-serif; }

a { color: #fff; text-decoration: none; }

  a:hover { color: #f8dc00; }
  
  .main a, #full-info a, #about-cinema a { color: #f8dc00; }
  
  .main a:hover, #full-info a:hover, #about-cinema a:hover { color: #fff; }

/*
HEADER
############################################################################# */

.footer h1, .footer h2 { text-transform: uppercase; }

.header { color: #fff; clear: both; margin: 0 auto; padding: 0; position: relative; width: 992px; }

  .header ul, .header li { list-style: none; margin: 0; }

  .header .skip { left: -9999px; position: absolute; top: -99999px; }

/* Logo
-------------------------------------- */

.header .logo { background: url("/images/logo.png") no-repeat 0% 50%; display: block; height: 137px; line-height: 137px; margin: 0; text-indent: -99999px; width: 220px; }

/* Navigation
-------------------------------------- */

.header .navigation { background: #000; border: 1px solid #000; border-width: 0 27px; height: 54px; margin: 0; width: 933px; padding-left: 5px; }

  .header .navigation li { float: left; padding: 0 4px; }
  
  .header .navigation .top-10s { padding: 0 5px 0 4px; }
  
  /* Standard */
  
  .header .navigation a { background: url("/images/navigation.gif") no-repeat 0 19px; display: block; height: 54px; text-indent: -99999px; }
  
  .header .home a { width: 46px; }
  .header .now-playing a { background-position: -51px 19px; width: 106px; }
  .header .coming-soon a { background-position: -163px 19px; width: 110px; }
  .header .trailers a { background-position: -279px 19px; width: 74px; }
  .header .dvds a { background-position: -871px 19px; width: 47px; }
  .header .cinemas a { background-position: -359px 19px; width: 70px; }
  .header .news a { background-position: -435px 19px; width: 44px; }
  .header .top-10s a { background-position: -927px 19px; width: 112px; }
  .header .box-office a { background-position: -541px 19px; width: 89px; }
  .header .win a { background-position: -634px 19px; width: 31px; }
  .header .features a { background-position: -670px 19px; width: 77px; }
  .header .search a { background-position: -752px 19px; width: 61px; }
  .header .more a { background-position: -819px 19px; width: 44px; }
  
  /* Hover OR Active */
  
  .header .home a:hover { background-position: 0 -18px; }
  .header .now-playing a:hover, body.now-playing .header .now-playing a { background-position: -51px -18px; }
  .header .coming-soon a:hover, body.coming-soon .header .coming-soon a { background-position: -163px -18px; }
  .header .trailers a:hover, body.trailers .header .trailers a { background-position: -279px -18px; }
  .header .dvds a:hover { background-position: -871px -18px; }
  body.dvds .header .dvds a { background-position: -871px -18px; }
  body.dvds-coming-soon .header .dvds a { background-position: -871px -18px; }
  body.dvds-new-releases .header .dvds a { background-position: -871px -18px; }
  body.dvds-search .header .dvds a { background-position: -871px -18px; }
  body.dvd .header .dvds a { background-position: -871px -18px; }
  body.dvd-coming-soon .header .dvds a { background-position: -871px -18px; }
  body.dvd-new-release .header .dvds a { background-position: -871px -18px; }
  .header .cinemas a:hover, body.cinemas .header .cinemas a { background-position: -359px -18px; }
  .header .news a:hover, body.news .header .news a { background-position: -435px -18px; }
  .header .top-10s a:hover, body.top-10s .header .top-10s a { background-position: -927px -18px; }
  .header .box-office a:hover, body.box-office .header .box-office a { background-position: -541px -18px; }
  .header .win a:hover, body.win .header .win a { background-position: -634px -18px; }
  .header .features a:hover, body.features .header .features a { background-position: -670px -18px; }
  .header .search a:hover, body.search .header .search a { background-position: -752px -18px; }
  .header .more a:hover, body.more .header .more a { background-position: -819px -18px; }
  
  /* Hover AND Active */

  body.home .header .home a:hover { background-position: 0 -55px; }
  body.now-playing .header .now-playing a:hover { background-position: -51px -55px; }
  body.coming-soon .header .coming-soon a:hover { background-position: -163px -55px; }
  body.trailers .header .trailers a:hover { background-position: -279px -55px; }
  body.dvds .header .dvds a:hover { background-position: -871px -55px; }
  body.dvds-coming-soon .header .dvds a:hover { background-position: -871px -55px; }
  body.dvds-new-releases .header .dvds a:hover { background-position: -871px -55px; }
  body.dvds-search .header .dvds a:hover { background-position: -871px -55px; }
  body.dvd .header .dvds a:hover { background-position: -871px -55px; }
  body.dvd-coming-soon .header .dvds a:hover { background-position: -871px -55px; }
  body.dvd-new-release .header .dvds a:hover { background-position: -871px -55px; }
  body.cinemas .header .cinemas a:hover { background-position: -359px -55px; }
  body.news .header .news a:hover { background-position: -435px -55px; }
  body.top-10s .header .top-10s a:hover { background-position: -927px -55px; }
  body.box-office .header .box-office a:hover { background-position: -541px -55px; }
  body.win .header .win a:hover { background-position: -634px -55px; }
  body.features .header .features a:hover { background-position: -670px -55px; }
  body.search .header .search a:hover { background-position: -752px -55px; }
  body.more .header .more a:hover { background-position: -819px -55px; }

/* Advertisements
-------------------------------------- */

.header .advertisement { padding: 8px 0 0; position: absolute; right: 0; top: 0; }


/*
FOOTER
############################################################################# */

.footer { background: #303030 url("/images/footer.gif") repeat-x; border: 1px solid #000; border-width: 0 27px; margin: 0 auto; padding: 22px 0 0; text-align: center; width: 938px; }

.footer a { color: #9a9a9a; }
  
  .footer a:hover { color: #fff; }

.footer h2 { background: url("/images/footer.png") no-repeat 50% 60px; height: 78px; margin: 0 0 20px; text-indent: -99999px; }

  .footer h2 strong { background: url("/images/logo-footer.png") no-repeat 50% 50%; display: block; height: 54px; text-indent: -99999px; }

  .footer h2 span { left: -99999px; position: absolute; top: -99999px; }

.footer ul, .footer li { list-style: none; margin: 0; text-align: left; }

  .footer ul { margin: 0 auto; width: 780px; }

  .footer li { float: left; margin: 0 20px 0 0; width: 180px; }
  
  .footer h3 { background: url("/images/footer.png") no-repeat -1px 0; height: 18px; margin: 0 0 6px; text-indent: -99999px; width: 100%; }

    .footer #footer-cinemas { background-position: -1px -144px; }
    
    .footer #footer-movies { background-position: -1px -162px; }
    
    .footer #footer-competitions { background-position: -1px -90px; }
    
    .footer #footer-news { background-position: -1px -126px; }
    
    .footer #footer-bits { background-position: -1px -108px; }
    
    .footer #footer-signup { background-position: -1px -72px; }
    
    .footer #footer-advertise { background-position: -1px -54px; clear:both; }

  .footer li ul { margin: 0 0 18px; width: 180px; }
  
  .footer li li { float: none; margin: 0; }

  .footer .endline { background: url("/images/footer.png") no-repeat -1px -18px; clear: both; display: block; height: 18px; margin: 0 auto; text-indent: -99999px; width: 272px; }

.footer .signup { margin: 0; overflow: hidden; }

  .footer .signup strong { display: block; }

  .footer label { font-size: 11px; line-height: 18px; vertical-align: baseline; overflow:hidden; margin: 0; }

  .footer legend { display: none; }

  .footer input { background: #ddd; padding: 2px 0; width: 178px; margin: 0;}
  
  .footer input:focus { background: #fff; }

  .footer form { margin: 0 0 18px; float: left; width: 180px;}

  .footer button, .form-button { background: #666; border: 1px solid #777; border-bottom-color: #555; border-right-color: #555; color: #ff0; cursor: pointer; float: right; height: 20px; line-height: 12px; margin: 2px 0 0; padding: 0 4px 8px; }

.fineprint { background: #202020; border: 1px solid #0e0e0e; border-width: 6px 0 0; clear: both; color: #666; font-size: 11px; margin: 18px 0 0; padding: 22px 92px; text-align: center; }

  .fineprint strong { color: #fff; font-weight: normal; }
  
  .fineprint p { margin: 0 0 12px; }

  .fineprint q { background: url("/images/footer.png") no-repeat -1px -36px; display: block; height: 18px; margin: 0 auto; padding: 0; text-indent: -99999px; width: 242px; }


/*
BODY
############################################################################# */

.body { background: #000; border: 1px solid #000; border-width: 0 27px; margin: 0 auto; overflow: hidden; width:938px; /*width: 924px;*/ }

#content { float: left; margin: 0 6px 6px 0; width:752px; overflow: hidden; }

/* Main Column
-------------------------------------- */

.main { background: #202020; float: right;}

  .main h2, .main h1 { background: #e40405 url("/images/section-headings-main.gif") no-repeat 9px 0; height: 42px; line-height: 42px;margin: 0; padding: 0 9px; text-indent: -99999px; }
    body.home .main h2, body.home .main h1 { height: 42px; line-height: 42px; }

/* Advertisements Column
-------------------------------------- */

.body .advertisements { clear: right; float: right; margin: 0; width: 180px; }
  
  .body .advertisements li { list-style: none; margin: 0; border-bottom:5px solid black;}
  .body .advertisements li a {margin: 0;padding:0;display:block; }
  .body .advertisements li div {margin: 0;}
  .body .advertisements li img {margin: 0; }
  
  /* ie related tests*/
  .body .advertisements li { list-style: none; margin: 0; }
  .body .advertisements li a {margin: 0;padding:0;display:block; }
  .body .advertisements li div {margin: 0;}
  .body .advertisements li img {margin: 0; }

/* Flicks Theatre
-------------------------------------- */

.body .flicks-theatre { clear: right; float: right; width: 180px; }
  
  .body .flicks-theatre h2 { margin: 0; }
  
  .body .flicks-theatre li { list-style: none; margin: 0 0 6px; }

/* Movies Column
-------------------------------------- */

.body .movies, .body .headlines { background: #4d0a04; float: left; margin: 0 6px 0 0; width: 180px; }
.body .movies div {border-top:solid 6px #000;margin:0;padding:0;}

  .body .movies h2, .body .headlines h2 { background: url("/images/column-headings.gif") no-repeat 6px 24px; height: 96px; margin: 0 9px; text-align: center; text-indent: -99999px; }

  .body .movies h2.now-playing, .body .headlines h2.now-playing { background-position: -150px 50%; height: 72px; margin: 0 9px 4px; }
  
  .body .movies h2.coming-soon, .body .headlines h2.coming-soon { background-position: -296px 57%; }
  
  .body .movies h2.search-archive, .body .headlines h2.search-archive { background-position: -762px 50%; }

  .body .movies ul, .body .headlines ul { padding: 0 9px; }
  
  .body .movies li, .body .headlines li { border: 1px dotted #ccc; border-width: 0 0 1px; font-size: 11px; line-height: 17px; list-style: none; margin: 0; padding:3px}
  
  .body .movies li a, .body .headlines li a { display: block; }

/* DVDs Column
-------------------------------------- */

.body .dvdsColumn { background: #5a166d; }
.body .dvdsColumn h2.search-dvd { background: url('/images/section-headings-dvds.gif') no-repeat 18px -266px; height: 97px; }

/* Cinemas Column
-------------------------------------- */

.body .cinemas { background: #861004; float: left; margin: 0 6px 0 0; width: 180px; }

  .body .cinemas h2 { background: url("/images/column-headings.gif") no-repeat -588px 24px; height: 96px; margin: 0 9px; text-align: center; text-indent: -99999px; }

  .body .cinemas ul { padding: 0 9px; }
  
  .body .cinemas li { border: 1px dotted #fff; border-width: 0 0 1px; font-size: 11px; line-height: 17px; list-style: none; margin: 0; padding:3px}
  
  .body .cinemas li a { display: block; }

/* Error page layout
-------------------------------------- */
.error .main h2 { margin:0 0 6px 0; background-image:none; background-color:#000;text-indent:4px; color:#f8dc00; font-family:Georgia;font-style:italic; font-weight:700; height:auto;}
.error #content { width: 100%; }
.error #content .main { margin: 22px 114px 48px 114px; background-color: #000; }
.not-found-error { border: 6px solid #333; width: 710px; background: url("/images/oh-noes-1.jpg") no-repeat -4px 0; height: 400px; }
.server-error { border: 6px solid #333; width: 680px; background: url("/images/oh-noes-3.jpg") no-repeat -4px 0; height: 366px; }
.error .display-error .follow-me { margin-top: 148px; padding-top:18px; background-color: #333; height: 100px; }
.error .display-error .follow-me p { margin: 0 12px 8px 12px; font-size: 15px; font-style:italic; }
.error .display-error .follow-me ul { text-align: center; }
.error .display-error .follow-me li { list-style-type: none; display: inline; font-size: 15px; }
.error .display-error .message h3 { margin: 16px 0 0 20px; font-size: 36px; font-family:Georgia,serif; font-weight:bold; font-style:italic; letter-spacing: -1px; }
.error .display-error .message p { margin: 28px 0 0 466px; font-size: 26px; font-family:Georgia,serif; font-weight:bold; font-style:italic; letter-spacing: -1px; }

#netratings { display:none; }
#netratings img { display:none; margin:0; }

/* Advertising
---------------------------------------- */

div.cinemas .advertisement { background: #333; border: 1px solid #000; border-width: 6px 0 0; clear: both; }

div.cinemas .advertisement .wrapper { padding: 10px; }

.main div.homepage-advertisement { background: #333; border: 1px solid #000; border-width: 6px 0; margin: 0; padding: 10px 40px; }

ul.movie-list li.advertisement { margin: 0; padding: 10px 125px 10px 121px; min-height: auto; }

body.movie-archive ul.movie-list li.advertisement, body.cinemas ul.movie-list li.advertisement { padding: 10px 218px 10px 214px; }

ul.advertisements li { background: #333; margin: 0 0 6px; padding: 10px; }

#content-home ul.list2 .advertisement { border: 0 none; margin: 22px 6px 21px; }

.island-wrapper { background: #333; float: right; margin: 0 10px 12px 0; padding: 10px 65px; }

.spray-back .island-wrapper, .flicks-review .island-wrapper { margin: 0 0 12px 12px; padding: 10px; }

.box-office .island-wrapper, .info .island-wrapper { background: none; padding: 0; margin: 10px 22px 10px 0; }

.adzone * { margin: 0 !important; padding: 0 !important; }

.debug .adzone { background-color: #f80; }

.bigbanner { width: 760px !important; }

.debug .bigbanner { min-height: 120px; }
* html .debug .bigbanner { height: 120px; }

.skyscraper { width: 160px !important; }

.debug .skyscraper { min-height: 600px; }
* html .debug .skyscraper { height: 600px; }

.island { width: 300px !important; }

.debug .island { min-height: 250px; }
* html .debug .island { height: 250px; }

/* Marketplace */

#adSpace4, #adSpace5, #adSpace6, #adSpace7, #adSpace8, #adSpace9 { border: 0 none; clear: both; float: left; margin: 0 !important; overflow: hidden; padding: 0 !important; position: relative; width: 178px; }

#marketPlace a img { margin: 0 0 0 !important; }

html body .body #beforeMarketPlace, html body .body #afterMarketPlace { background-color: #000; clear: both; height: 6px; margin: 0; overflow: hidden; width: 180px; }

html body.coming-soon .body #beforeMarketPlace, html body.coming-soon .body #afterMarketPlace { height: 1px; }

html body.now-playing .body #beforeMarketPlace, html body.now-playing .body #afterMarketPlace { height: 1px; }

html body .body #marketPlace { border: 1px solid #333; border-width: 0 1px; clear: both; margin: 0; overflow: hidden; width: 178px }

html body .body #mp_logo { background: #4D0A04 url('/images/MP_header.gif') no-repeat 8px 9px; border: 1px solid #333; border-width: 1px 0; clear: both; display: block; float: left; height: 40px; margin: 0; text-indent: -99999px; width: 178px; }

html body .body .mpBox { background-color: #202020; border: 1px solid #333; border-width: 0 0 1px; clear: both; float: left; height: 110px; margin: 0 !important; overflow: hidden; text-align: center; width: 178px }

html body .body .mpBox a img { border: 0 none !important; }

html body .body .mpImageBlock { float: left; height: 100px; margin: 10px 5px 0; width: 50px; }

html body .body .mpTextBlock { border: 0 none; color: #eee; float: left; font: 11px Arial, Helvetica, sans-serif; height: 100px; line-height: 15px; margin: 10px 0; overflow: hidden; text-align: left; width: 113px; }

html body .body .mpTextBlock ul { height: 100px; margin: 0; overflow: hidden; padding: 0; width: 113px; }

html body .body .mpSingle ul { margin: 0 0 0 10px; width: 102px; }

html body .body .mpSingle li { background-image: none; border: 0 none; line-height: 15px; list-style: none; list-style-image: none !important; margin: 0; padding: 0; }

html body .body .mpDouble li { background: url('/images/bullet_3Point.gif') no-repeat 0 5px; border: 0 none; line-height: 15px; list-style: none; margin: 0; padding: 0 0 0 10px; }

html body .body .mpTriple li { background: url('/images/bullet_3Point.gif') no-repeat 0 5px; border: 0 none; line-height: 15px; list-style: none; margin: 0; padding:0 0 0 10px; white-space: nowrap; }

html body .body .mpTextBlock li a { color: #eee; text-decoration: none; }

html body .body .mpTextBlock li a:hover { color: #f8dc00; text-decoration: none; }

html body .body .mpTextBlock li a:visited {text-decoration:none;}