html, body
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    text-align: center;

    /* default font settings */
    font-family: Verdana, Sans-Serif;
    font-weight: normal;
    font-size: 12px;
    color: #000;

    /* centered background */
    background-image: url(../media/background.jpg);
    background-position: top center;
    background-color: #000;
    background-repeat: no-repeat;

    min-width: 800px;
}

div#page
{
    position: relative;
    display: block;
    height: 100%;
    width: 800px;
    text-align: left;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
}


/*

                HEADER

 */


div#header_top_space
{
    display: block;
    width: 800px;
    height: 23px;
}

div#header
{
    position: relative;
    display: block;
    width: 800px;
    height: 38px;

    margin-left: 0px;
    margin-bottom: 32px;

    overflow: hidden;

    font-weight: bold;
}

div#header ul
{
    position: absolute;
    display: block;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

div#header ul li
{
    display: inline;
    margin: 0px;
    padding: 0px;
}

div#header ul li a
{
    text-decoration: none;
}

div#header ul#navigationMenu
{
    top: 6px;
    left: 110px;

    font-size: 10px;
}

div#header ul#navigationMenu li a
{
    text-transform: uppercase;
    color: #000;
    padding-right: 5px;
}

div#header ul#navigationMenu li strong.searchlabel
{
    margin-left: 2px;
    padding-left: 8px;
    border-left: solid 1px #000;
    text-transform: uppercase;
    color: #000;
}

div#header ul#serviceMenu
{
    top: 21px;
    left: 103px;
    font-size: 11px;
}

div#header ul#serviceMenu li a
{
    color: #8c1b1e;
    padding-left: 7px;
    padding-right: 9px;
    border-right: solid 1px #8c1b1e;
}

div#header ul#serviceMenu li a.last_item
{
    border-right-style: none !important;
    padding-right: 0px !important;
}

div#header input.searchTextBox
{
    position: absolute;
    top: 5px;
    left: 387px;

    padding: 0px;
    padding-left: 2px;

    width: 127px;
    height: 13px;

    border-style: none;

    font-size: 10px !important;
    overflow: hidden;

    background-color: Transparent;
}

div#header .searchButton
{
    position: absolute;
    top: 4px;
    left: 517px;

    width: 14px;
    height: 15px;

    border-style: none;

    padding-top: 1000px;
    overflow: hidden;

    cursor: pointer;
    background-color: Transparent;
}


/*

                CONTENT

 */

div#content
{
    width: 800px;
}

div.column
{ 
    display: block;
    float: left;
    height: 100%;
    margin: 0px;
    padding: 0px;
    min-height: 757px;
    overflow-x: hidden;
}

div.width100
{
    width: 100px !important;
}

div.width130
{
    width: 120px !important;
}


div.width150
{
    width: 150px !important;
}

div.width200
{
    width: 200px !important;
}

div.width350
{
    width: 350px !important;
}

div.width450
{
    width: 450px !important;
}

div.width550
{
    width: 550px !important;
}

div.width600
{
    width: 600px !important;
}

div.width700
{
    width: 700px !important;
}

div.width800
{
    width: 800px !important;
}

div#content .document
{
    padding-top: 34px;
    padding-left: 11px;
    padding-right: 11px;
    padding-bottom: 11px;
}

div#content .document h1
{
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0px;
    margin-bottom: 22px;
    padding: 0px;
}

div#content .document h2,
div#content .document h3,
div#content .document h4
{
    font-weight: normal;
    font-size: 12px;
    color: #fff;
    margin: 0px;
    padding: 0px;
}

div#content .document ul
{
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: 15px;
    margin-right: 0px;
}

/*

                NAVIGATION COLUMN

 */

div.column ul#mainNavigation
{
    display: block;
    margin: 0px;
    padding: 0px;
}

div.column ul#mainNavigation li
{
    /* rendering the list item as block level element causes strange gaps in IE, 
       see: http://phonophunk.com/articles/ie-fix-for-gaps-between-list-items.php */
    display: inline; 

    margin: 0px;
    padding: 0px;
}

div.column ul#mainNavigation li a
{
    display: block;
    margin: 0px;
    padding: 0px;
    padding-left: 8px;
    padding-top: 8px;
    width: 92px;
    height: 32px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    overflow: hidden;
    text-decoration: none;
}

div.maxheight
{
    height: 757px;
}

div#author
{
    position: absolute;
    top: 834px;
}

div#author a
{
    color: #fff;
    font-size: 10px;
    text-decoration: none;
    letter-spacing: -1px;
    padding-left: 2px;
}


/*

                HOME / POSTERPLACES

 */

div.containsPosterPlaces
{
    position: relative;
    padding-top: 0px;
}

div.posterplace,
div.posterplace a,
div.posterplace a img
{
    margin: 0px;
    padding: 0px;
    border-style: none;
    cursor: pointer;
    color: #000 !important;
    text-decoration: none;
}

div.posterplace
{
    position: absolute;
    overflow: hidden;
}

div#poster1
{
    top: 0px;
    left: 0px;
    width: 100px;
    height: 151px;
}

div#poster2
{
    top: 0px;
    left: 100px;
    width: 160px;
    height: 107px;
}

div#poster3
{
    top: 0px;
    left: 260px;
    width: 200px;
    height: 133px;
}

div#poster4
{
    top: 0px;
    left: 460px;
    width: 240px;
    height: 160px;
}

div#poster5
{
    top: 160px;
    left: 535px;
    width: 165px;
    height: 248px;
}

div#poster6
{
    top: 408px;
    left: 520px;
    width: 180px;
    height: 121px;
}

div#poster7
{
    top: 529px;
    left: 600px;
    width: 100px;
    height: 151px;
}

div.posterplace span.label
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 12px;
    width: 100%;
    background-image: url(../media/blocks.gif);
    background-position: top left;
    background-repeat: no-repeat;
    overflow: hidden;
    background-color: #ccc;
    padding-left: 27px;
    font-size: 10px;
    opacity: 0.80;
}

div.posterplace span.info
{
    background-color: #fa3424 !important;   
}

div.posterplace span.rental
{
    background-color: #a07eaf !important;   
}

div.posterplace span.theatre
{
    background-color: #ef5e11 !important;   
}

div.posterplace span.movie
{
    background-color: #bdc827 !important;   
}

div.homespacercolumn
{
    float: left;
    width: 17px;
    overflow-x: hidden;
}

div.homecolumn
{
    float: left;
    width: 225px;
    overflow-x: hidden;
    padding: 0px;
    margin: 0px;
    margin-right: 4px;
    margin-top: 170px;
}

div.homecolumn hr
{
    border-style: none;
    background-color: #999;
    height: 1px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 8px;
}

div.homecolumn h1
{
    display: block;
    margin: 0px;
    margin-top: 2px;
    margin-bottom: 6px;
    padding: 0px;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
}

div.homecolumn h1 span
{
    padding: 2px;
    text-transform: uppercase;
    margin-right: 6px;
}

div.homecolumn h1 span.theatre
{
    background-color: #ea7036;
}

div.homecolumn h1 span.movie
{
    background-color: #abb345;
}

div.homecolumn h1 span.news
{
    background-color: #ea3a2d;
}

/*

                COLOR SCHEMES

 */

body.orange { }

body.orange div.darkbackground,
body.orange div.theatre_darkbackground
{
    background-color: #ef5e11;
}
body.orange div.mediumbackground
{
    background-color: #f46d25;
}
body.orange div.lightbackground
{
    background-color: #f97c3a;
}



body.green { }

body.green div.darkbackground
{
    background-color: #b4be2a;
}
body.green div.movie_lightbackground,
body.green div.mediumbackground
{
    background-color: #bdc827;
}
body.green div.lightbackground
{
    background-color: #cdd837;
}

body.purple { }

body.purple div.darkbackground
{
    background-color: #a872c0;
}
body.purple div.mediumbackground
{
    background-color: #a07eaf;
}
body.purple div.lightbackground
{
    background-color: #b58cc6;
}

body.red { }

body.red div.darkbackground
{
    background-color: #fa3424;
}
body.red div.mediumbackground
{
    background-color: #f34a3d;
}
body.red div.lightbackground
{
    background-color: #f3665b;
}

body.grey { }

body.grey div.darkbackground
{
    background-color: #aaa;
}
body.grey div.mediumbackground
{
    background-color: #aaa;
}
body.grey div.lightbackground
{
    background-color: #c8c8c8;
}

body.blue { }

body.blue div.darkbackground
{
    background-color: #509ab5;
}
body.blue div.mediumbackground
{
    background-color: #60aac5;
}
body.blue div.lightbackground
{
    background-color: #76a7b6;
}


body.orange div#content .document h1
{
    color: #fd935f;
}

body.green div#content .document h1
{
    color: #d9e369;
}

body.purple div#content .document h1
{
    color: #cf9fe3;
}

body.red div#content .document h1
{
    color: #ffa49d;
}

body.blue div#content .document h1
{
    color: #88bad1;
}

body.grey div#content .document h1
{
    color: #fff;
}

body div#content .containsProgramDetail a,
body div#content .document a
{
    color: #000;
}


body.green hr.divider
{
    display: block;
    border-style: solid;
    height: 1px;
    border-color: #d5dc6a;
    background-color: #d5dc6a;
    overflow: hidden;
    margin-top: 16px;
    margin-bottom: 16px;
}

body.orange hr.divider
{
    display: block;
    border-style: solid;
    height: 1px;
    border-color: #ff9160;
    background-color: #ff9160;
    overflow: hidden;
    margin-top: 16px;
    margin-bottom: 16px;
}


/*

                SLIDE OUT MENUS

 */

div.slideOutMenu
{
    position: absolute;
    top: 93px;
    left: 100px;
    display: none;
    height: 757px;
}

div.sideMenu
{
    padding-left: 9px;
    padding-right: 6px;
    font-weight: normal;
    width: 105px;
}

div.sideMenu div.offset
{
    display: block;
    overflow: hidden;
    height: 9px;
}

div.sideMenu strong.section
{
    display: block;
    margin-bottom: 4px;
    color: #000;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
}

div.sideMenu ul,
div.sideMenu ul li,
div.sideMenu ul li a
{
    padding: 0px;
    margin: 0px;
}

div.sideMenu ul
{
    margin-bottom: 16px;
}

div.sideMenu ul li
{
    padding-left: 11px;
    display: block;
    margin-bottom: 4px;
    background-image: url(../media/bullet.gif);
    background-repeat: no-repeat;
    background-position: 0px 7px;
}

div.sideMenu ul,
div.sideMenu ul li a, a.indexLink
{
    color: #fff;
    text-decoration: none;
    font-size: 11px;
}

a.indexLink.selected, a.indexLink:hover
{
    color:Black;
}

div.sideMenu ul li a.selected
{
    color: #000;
}

div.sideMenu ul li a:hover
{
    color: #000;
}

div#hideMenuTrigger
{
    display: none;
    position: absolute;
    top: 93px;
    left: 250px;
    width: 100px;
    height: 757px;
}

div#theatreMenu
{
    background-color: #f46d25;
    /*background-color: #ef5e11;*/
}

div.theatreMenu div.offset
{
    height: 9px !important;
}

div#movieMenu
{
    background-color: #bdc827;
}

div.movieMenu div.offset
{
    height: 49px !important;
}

div#grandCafeMenu
{
    background-color: #a07eaf;
}

div.grandCafeMenu div.offset
{
    height: 89px !important;
}

div#infoMenu
{
    background-color: #f34a3d;
    /* background-color: #fa3424; */
}

div.infoMenu div.offset
{
    height: 129px !important;
}

div#rentalMenu
{
    background-color: #519bb6;
}

div.rentalMenu div.offset
{
    height: 169px !important;
}

/*              SITEMAP             */

.sitemapPadding
{
    padding: 5px;
    padding-top: 10px;
}

.sitemapHeader
{
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
    padding-top: 8px;
    padding-left: 8px;
    padding-bottom: 2px;
}

.sitemapTheatre
{
    background-color: #ef5e11;
}

.sitemapMovie
{
    background-color: #bdc827;
}

.sitemapRental
{
    background-color: #519bb6;
}

.sitemapGrandCafe
{
    background-color: #a872c0;
}


.sitemapInfo
{
    background-color: #f34a3d;
}

.sitemapOther
{
    background-color: #aaa;
}

/*          MEDIA OPENER            */

.mediaOpener
{
    display: block;
    height: 28px;
    cursor: pointer;
    padding-left: 20px;
    text-decoration: none;
}

.mediaOpener img.icon
{
    vertical-align: middle;
}

.mediaPlayer
{
    width: 350px;
    height: 263px;
    overflow: hidden;
    position: relative;
}

.mediaPlayer,
.mediaPlayer a,
.mediaPlayer a img
{
    margin: 0px;
    padding: 0px;
    border-style: none;
    cursor: pointer;
    color: #000 !important;
    text-decoration: none;
}

.mediaPlayer span.label
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 13px;
    width: 100%;
    text-align: right;
    overflow: hidden;
    background-color: #ccc;
    opacity: 0.80;
    text-transform: uppercase;
    font-size: 10px;
}

body.orange .mediaPlayer span.label
{
    background-color: #ef5e11 !important;
}

body.green .mediaPlayer span.label
{
    background-color: #bdc827 !important;
}

.containsProgramDetail .genre
{
    font-size: 10px;
    margin-bottom: 8px;
}

.containsProgramDetail h1
{
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    font-size: 12px;

    margin: 0px;
    margin-bottom: 12px;
    padding: 0px;
}

.containsProgramDetail h2
{
    font-weight: normal;
    color: #fff;
    font-size: 11px;

    margin: 0px;
    margin-bottom: 20px;
    padding: 0px;
}

a.detailNavigation
{
    font-size: 11px;
    color: #fff;
    text-transform: lowercase;
}

a.detailNavigation img
{
    padding-left: 5px;
    padding-right: 5px;
    border: none 0px #fff;
    text-decoration: none;
    vertical-align: bottom;
}


/*        PROGRAM LINE IMPLEMENTATIONS      */

.navigation,
.navigation a,
a.alternativeEventLink
{
    color: #8c1b1e !important;
    font-size: 10px;
    font-weight: normal;
}

.navigation a
{
        text-decoration: underline;
}

.navigation .specialstatus
{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
    text-decoration: none;
}




div.homecolumn div.item
{
    display: block;
    margin: 0px;
    margin-bottom: 18px;  
    padding: 0px;
    color: #000;
    font-size: 11px
}

div.homecolumn div.item span.title
{
    text-transform: uppercase;
    font-weight: bold;   
}

div.homecolumn div.item a
{
    color: #8c1b1e;
    font-size: 10px;
    font-weight: normal;
}


.programDetailLine
{
    display: block;
    margin-bottom: 16px;
    font-size: 11px;
}

.programDetailLine .price
{
    color: #fff;
}

.programDetailLine a
{
    font-size: 10px;
    color: #8c1a1a;
    text-decoration: underline;
}

.programDetailLine a.specialstatus
{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
    text-decoration: none;
}


table.defaultProgramLine,
table.defaultProgramLine tr,
table.defaultProgramLine td
{
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
    min-height: 70px;
    overflow: visible;
    vertical-align: top;
    font-size: 11px;
}

table.defaultProgramLine
{
    margin-bottom: 11px;
}

table.defaultProgramLine td.datetime
{
    width: 150px;
    overflow: hidden;
    white-space: nowrap;
    color: #fff;
}

table.defaultProgramLine td.info
{
    width: 290px;
}

table.defaultProgramLine td.media
{
    width: 76px;
    overflow: hidden;
}

table.defaultProgramLine td.media div.mediaContainer,
table.defaultProgramLine td.media div.mediaContainer img
{
    width: 76px;
    height: 57px;
    overflow: hidden;
}

table.defaultProgramLine td.info span.header
{
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
}

table.defaultProgramLine td.info span.subheader
{
    color: #fff;
}

table.defaultProgramLine td.info span.genre
{
    color: #000;
}


.RanksPanelButtonSetCssClass a
{
    font-size: 11px;
    font-weight: bold;
    color: #8c1a1a;
    text-decoration: underline;
    padding-right: 10px;
}


body.orange div#content  h1.programHeader,
body.green div#content h1.programHeader
{
    font-size: 24px !important;
    font-weight: bold !important;
    letter-spacing: 5px;
}

body.orange div#content  h1.programHeader
{
    color: #fd935f !important;
}

body.green div#content h1.programHeader
{
    color: #d9e369 !important;
}

div#content div.askAQuestion h1
{
    display: inline;
    margin: 0px;
    padding: 2px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    background-color: #8b1c25;
    text-transform: uppercase;
    margin-bottom: 7px;
}

div#content div.askAQuestion input.button
{
    background-color: Transparent;
    color: #8b1c25;
    text-decoration: underline;
    border: none 0px Transparent !important;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 7px;
    background-image: url(../media/aura-button-arrow.gif);
    background-repeat: no-repeat;
    background-position: center right;
}

a.nextMonthLink
{
    margin-top: 12px;
    text-decoration: none;
    display: inline;
    padding: 3px;
    background-color: #ff8f59;
    /* color: #8c1b1e !important; */
}

a.nextMonthLink:hover
{
    color: #000;
    background-color: #ffb490;
}

span.cartCommitHeader
{
    display: inline;
    background-color: #fff;
    padding: 2px;
    color: #000;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}

.programDetailTextContainer
{
    line-height: 150%;
}

.liwithoutbullet
{
    list-style-type:none;
}