/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/*Common Elements*/

html{
    background: none;
}

.hidden{
    visibility: hidden;
}

.none { display: none; }

body{
    background: #000000 url("../images/siteBackground.jpg") center top no-repeat;
    font-family: Arial, Tahoma,Verdana,sans-serif;
    font-size: 0.69em;
    color: #A9A9A9;
}
    a{
        color: #dfee00;
        text-decoration: none;
         outline:none 
    }

    p{
        padding: 0 0 15px 0;
    }

    .top h1, .top .header{
        text-transform: uppercase;
        font-size: 1.56em;
        /*padding: 0 0 1px 0;*/
        /*line-height: 17px;*/
        padding: 3px 0 3px 0;
        display: block;        
    }

    .top h1{
        /*margin-top: 1px;*/
    }

    h2{
        text-transform: uppercase;
        font-size: 1.45em;
    }

    .synopsisHeading{
        color: #020202;
        font-size: 1.6em;
        font-weight: bold;
        margin-bottom: 0.8em;
    }

    .mediumLightHeading{
            
    }

    #container{
        width: 936px;
        margin: 0 auto;
        position: relative;
    }


/*Resuable Classes*/

.last{
    margin: 0;
}

.articleTitle{
    width: 248px;
}


.errors ul{
    color: red;
    margin: 9px 0 9px 0;    
}

.errors ul li{
    list-style-type: disc;
    list-style-position: inside;
    padding: 4px 0 4px 0;
    background: none;
    height: auto;
    float: none;
}

.errors h2{
    color: #FFFFFF;
}

.noBackground{
    background: none;
}

/*Input Fields*/

.inputField{
    background: transparent url("../images/inputFieldSprite.png") top left no-repeat;
    display: block;
}

.inputField input{
    color: #828282;
    border: none;
    background-color: transparent;
    display:block;
    font-family: Tahoma,Verdana,Arial,sans-serif;

}

/*Buttons*/

.button{
    display: block;
    text-indent: -9999px;
    background-image: url("../images/buttonSprite.png");
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
}

    .goButton{
        background-position: 0 0;
        height: 35px;
        width: 36px;
    }

    .goButtonBig{
        background-position: 0 -56px;
        height: 40px;
        width: 40px;
    }

    .submitButton{
        background-position: 0 -35px;
        height: 21px;
        width: 49px;
    }

    .postButton{
        background-position: 0 -96px;
        height: 21px;
        width: 51px;
    }

    .cancelButton{
        background: transparent url("../images/cancelButton.png") top left no-repeat;
        height: 21px;
        width: 58px;
    }

    .postMessageButton{
        background: transparent url("../images/postMessageButton.png") top left no-repeat;
        height: 21px;
        width: 87px;
    }

/*Text Replacement*/

.textImageReplacement{
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    background-color: transparent;
    background-image: url("../images/textImageReplacementSprite.png");
    background-repeat: no-repeat;
}

    .searchTextGotham{
        background-position: 0 -13px;
        width: 44px;
        height: 12px;
    }

    .yourAccountText{
        background-position: 0 0;
        width: 82px;
        height: 13px;
    }

    .screeningCodeEntryText{
        background-position: 0 -25px;
        height: 27px;
        width: 170px;
        margin: 0 0 5px 0;
    }

    .freeScreeningsText{
        background-position: 0 -52px;
        height: 13px;
        width: 149px;
    }

    .topTenDVDsReplacementText{
        background-position: 0 -98px;
        height: 11px;
        width: 142px;
    }

    .latestNewsReplacementText{
        background-position: 0 -65px;
        height: 11px;
        width: 98px;
        margin: 0 0 2px 0;
        position: absolute;
        top: 2px;
    }

    .tweetsReplacementText{
        background-position: 0 -76px;
        height: 11px;
        margin: 0 0 2px 0;
        width: 94px;
    }

    .forumReplacementText{
        background-position: 0 -87px;
        margin: 0 0 2px 0;
        height: 11px;
        width: 50px;
    }

    .topTenMoviesReplacementText{
        background-position: 0 -109px;
        height: 20px;
        width: 129px;
        position: absolute;
        top: 4px;
        left: 11px;
    }

    .reviewsReplacementText{
        background-position: 0 -129px;
        height: 20px;
        width: 82px;
    }


    .poweredByScreenrushText{
        width: 189px;
        height: 21px;
        background-position: 0 -149px;
        float: left;
    }

    .allRightsReservedText{
        width: 169px;
        height: 9px;
        background-position: 0 -169px;
    }

    .newRelease{
        text-indent: -9999px;
        display: block;
        overflow: hidden;
        width: 37px;
        height: 36px;
        background: transparent url("../images/newFilm.png") no-repeat top left;
    }

    .freeScreening{
        background: transparent url("../images/freeScreening.png") no-repeat top left;
        text-indent: -9999px;
        overflow: hidden;
        display: block;
        height: 69px;
        width: 69px;
        position: absolute;
        top: 0;
        left: 0;
    }

        .filmInfoPage .freeScreening{
            top: 11px;
        }

/*Clearfix*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.arrowButton{
    background: transparent url("../images/greenArrow.png") no-repeat right center;
    padding:0 9px 0 0;
}

.greenDoubleArrow{
    background: transparent url("../images/doubleArrowGreen.png") no-repeat right center;
    padding: 0 9px 0 0;
}


/*Header*/

#header{
    padding: 27px 0 0 0;
    margin: 0 0 7px 0;
}

    #logo{
        background: transparent url("../images/logo.png") top left no-repeat;
        display: block;
        width: 175px;
        height: 47px;
        text-indent: -9999px;
        overflow: hidden;
        float: left;
    }

    /*Login Account Form*/

    .register .errors{
        margin-left: 10px;
    }

    #loginForm{
        float: right;
        width: 320px;
        position: relative;
        top: 6px
    }

        #loginForm fieldset{
            width: 320px;
            height: 35px;
            float: left;
            margin: -8px 0 0 0;
        }

        #loginForm div{
            width: 340px;
            color: #4c4c4c;
            padding: 0 0 4px 0;
        }

        #loginForm div span{
            padding: 0;
        }

            #loginForm div span.arrowButton{
               border-left: 1px solid #4c4c4c;
               margin-left: 8px;
               padding:0 10px 0 12px;
               color: #dfee00;
               font-size: 0.91em;
            }

            #loginForm .yourAccountText{
                float: left;
            }

        #loginForm label{
            display: none;
        }

        #loginForm .inputField {
            width: 141px;
            height: 20px;
            float: left;
            margin: 8px 1px 0 0;

        }

            #loginForm .inputField input{
                width: 137px;
                height: 16px;                
                color: #a6a6a6;
                padding: 2px;
            }

        #loginForm .button{
            margin: 0;
        }

        .registerButton{
            background: url(../images/registerButton.png)  no-repeat 0 0;
            width: 65px;
            height: 21px;
        }


    /*Logged in area*/

    #header .loggedInArea{
        float: right;
        text-align: right;
        padding: 32px 6px 0 0;
    }

        #header .loggedInArea span{
            color: #e1e1e1;
            font-weight: bold;
        }

        #header .loggedInArea p{
            float: left;
            border-right: 1px solid #a9a9a9;
            padding: 0 13px 0 0;
            margin: 0 13px 0 0;
        }

        #header .loggedInArea ul{
            float: left;
        }

        #header .loggedInArea li{
            float: left;
            padding: 0 9px 0 0;     
        }

        #header .loggedInArea li.last{
            padding: 0 0 0 0;
        }

        #header .loggedInArea a{
            background: transparent url("../images/greenArrowRight.png") center right no-repeat;
            padding-right: 14px;
        }

    /*Site Navigation*/

    #siteNavigation{
        clear: both;
        background: transparent url("../images/siteNavigation.png") top left no-repeat;
        width: 936px;
        height: 38px;
        font-family: Tahoma,Verdana,Arial,sans-serif;
        text-transform: uppercase;
        margin: 10px 0 0 0;
    }
        
        #primaryNavigation{
            margin: 5px 0 0 4px;
            height: 29px;
            float: left;
        }

            #primaryNavigation li{
                float: left;
                height: 29px;

            }

            #primaryNavigation li a{
                padding:7px 14.6px 0;
                background: transparent url("../images/siteNavigation.png") right -67px no-repeat;
                display: block;
                height: 22px;
                color: #FFFFFF;
                font-weight: bold;
            }

            #primaryNavigation .active, #primaryNavigation li:hover{
                background: transparent url("../images/siteNavigation.png") left -96px no-repeat;

            }

            #primaryNavigation .left.active{
                background: transparent url("../images/siteNavigation.png") left -38px no-repeat;
            }

        #searchForm{
            float: right;
            margin: 6px 14px 0 0;
        }


            #searchForm fieldset{
                width: 268px;
            }

            #searchForm label{
                float: left;
                margin: 8px 7px 0 0;
            }

            #searchForm .inputField{
                background-position: 0 -20px;
                width: 168px;
                height: 27px;
                float: left;
            }

                #searchForm .inputField input{
                    width: 156px;
                    height: 15px;
                    padding: 6px;
                }

            
            #searchForm .submitButton{
                float: left;
                margin: 3px 0 0 0;
            }

/*Body*/

#content{
    width: 630px;
    float: left;
    margin: 0 10px 0 3px;
}

#content .contentArea .content{
    min-height: 829px;
}

#sidebar{
    width: 290px;
    float: left;
    margin: 20px 0 0 0;
}

/*footer*/
    
#footer{
    clear: both;
    color: #7a7a7a;
    padding: 33px 0 20px 0;
    margin:0 0 0 3px;
}

    #footer .poweredByEmpireText{
        float: left;
    }

    #footer div{
        float: left;
        border-left: 1px solid #7a7a7a;
        margin: 0 0 0 16px;
        padding: 0 0 0 10px;
    }

        #footerNavigation{
            margin: 2px 0 0 0;
        }

            #footerNavigation li{
                float: left;
                background-color: transparent;
                background-image: url("../images/textImageReplacementSprite.png");
                background-repeat: no-repeat;
                overflow: hidden;
                text-indent: -9999px;
                display: block;
                height: 8px;
                position: relative;
            }

                #footerNavigation li a{
                    position: absolute;
                    display: block;
                }

                    .privacyPolicy{
                        background-position: 0 -178px;
                        width: 72px;
                    }

                        .privacyPolicy a{
                            width: 63px;
                            height: 8px;
                        }

                    .contactUs{
                        background-position: -72px -178px;
                        width: 62px;
                    }

                        .contactUs a{
                            width: 45px;
                            height: 8px;
                            left: 8px;
                        }

                    .sitemap{
                        background-position: -134px -178px;
                        width: 40px;
                    }

                        .sitemap a{
                            width: 31px;
                            height: 8px;
                            left: 9px;
                        }

                #footerNavigation .last{
                    border: none;
                }

/*Common Content Area Styles*/

.contentArea{
    margin: 0 0 15px 0;
}

.contentArea .top.black{
    background-position: -580px 0;
}

.contentArea.noHeader{
    background: transparent url("../images/contentRepeatDark.png") repeat left top;
    padding: 12px;
}

    .contentArea .top{
        background-image: url("../images/contentAreaHeaderSprite.png");
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: -890px 0;
        padding: 0px 12px 0px 12px;
        color: #FFFFFF;
    }

.contentArea .content{
    clear: both;
    padding: 12px 12px 0 12px;
}

    .contentArea .content, .panel .content{
        background-image: url("../images/contentRepeatDark.png");
        background-color: transparent;
    }

    .contentArea .content h3{
        font-weight: bold;
        color: #c1c1c1;
        font-size: 1.09em;
        padding:0 0 10px;
    }

/*Sidebar Content Area Styles*/

#sidebar .contentArea{
    background: none;
    padding: 0;
    color: #a9a9a9;
}

#sidebar .contentArea.last{
    margin: 0;
    border-bottom:2px solid #646464;
    padding-bottom:2px;
}

#sidebar .contentArea.light .content{
    padding: 12px;
}

#sidebar .contentArea.light .content{
    background: transparent url("../images/contentRepeatLight.png") repeat top left;
}

#sidebar .contentArea.dark .content{
    background-position: -290px 0;
}

    #sidebar .contentArea .top{
        display: block;
        width: 290px;
        color: #000000;
        position: relative;
        min-height: 26px;
        padding: 0;
    }

        /*Side Bar Content Area Top Colours*/

        #sidebar .contentArea .top.yellow{
            background-position: 0 0;
        }


        .contentArea .top.grey{
            background-position: -290px 0
        }
    
            #sidebar .contentArea .top strong{
                position: absolute;
                left: 12px;
                top: 8px;
            }

    #sidebar .contentArea .content{
        padding: 12px;
        width: 266px;
        min-height: 0;
    }

#sidebar .content .first{
    padding: 0 0 6px 0;

}

#sidebar .content .last{
    background: transparent url("../images/greyBorderRepeat2px.png") repeat-x left bottom;
    margin: 0 0 6px 0;
}

#sidebar .content li{
    background: transparent url("../images/greyBorderRepeat1px.png") repeat-x scroll left bottom;
    padding: 6px 0 6px 0;
    line-height:11px;
}

#sidebar .content li a{
    display: block;
    outline: none;
    background: transparent url("../images/greenArrowRight.png") no-repeat right center;
    padding: 0 14px 0 0;
}

#sidebar .content .articleTitle{
    color: #a9a9a9;
    font-family: Tahoma,Verdana,Arial,sans-serif;
    float: left;
    margin: 0 12px 0 0;
    cursor: pointer;
}

#sidebar .content .topTenDVD .articleTitle.active{
    /*margin-bottom: 12px;*/
}

#sidebar .content .topTenDVD .summary{
    padding-top: 12px;
    position:relative;
    top:12px;
}

#sidebar .content .active .articleTitle{
    color: #FFFFFF;
}

#sidebar .content .dateInfo{
    color: #4f4f4f;
    font-family: Tahoma,Verdana,Arial,sans-serif;
    font-size: 0.82em;
    float: right;
}

#sidebar .content strong{
    color: #FFFFFF;
    padding: 0 0 5px 0;
    display: block;
    text-transform: uppercase;
}

#sidebar .content .arrowRight{
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    background: transparent url("../images/greenArrowRight.png") no-repeat 0 -2px;
    width: 6px;
    height: 17px;
    padding: 0;
    margin: 0 0 0 6px;
}

#sidebar .content .arrowLeft{
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    background: transparent url("../images/greenArrowLeft.png") no-repeat 0 -2px;
    width: 6px;
    height: 17px;
    padding: 0;
    margin: 0 6px 0 0;

}

#sidebar .footer{
    background: transparent url("../images/greyBorderRepeat2px.png") repeat-x top left;
    padding: 6px 0 12px 0;
}


/*Content - Content Area*/

#content .contentArea{
    background-position: -580px 0;
}

/*Content Panel*/


#content .panel{
    width: 310px;
    background: none;
    padding: 0;
    float: left;
    margin: 0 10px 0 0;
}

#content .panelColumn{
    float: left;
    width:310px;
}

#content .panel.last{
    margin: 0;
}

    #content .panel .top{
        position: relative;
    }

        #content .panel .top .textImageReplacement{
            display: block;
        }

        #content .panel .top h2{
            display: inline;
            float: left;
        }

        #content .panel .top a{
            float: right;
        }

    #content .panel .content{
        background-position: -1210px 0;
        padding: 15px;
    }


/*Home Page Styles*/

.introduction .content div{
   /*background: transparent url("../images/introductionIcon.png") no-repeat left top;
   padding: 10px 0 0 76px;*/
   padding: 10px 0 0 0;
   clear: both;
}

.introduction h2{
    display: inline;
    background-color: #000000;
    color: #FFFFFF;
    float: left;
    height: 17px;
    margin: 0 0 6px 0;
}

/*Home Hero Box*/

.home .heroBox a{
    text-transform: none;
    font-size: 1.09em;
}

.home .heroBox .subContent{
    border-bottom:2px solid #E8EAEB;
}

.home #content .contentArea .content{
    min-height: 0px;    
}

.home #content .panel{
    min-height: 431px;
    background-image:url(../images/contentRepeatDark.png);
}

.home #content .panel .content{
    border-bottom:2px solid #646464;
}

/*Content Area Herobox*/


.contentArea.heroBox{
    clear: both;
    position: relative;
    padding: 0;
}


    .heroBox img{
       vertical-align: top;
    }

    .filmInfoPage .heroBox img{
       padding: 0 0 0 0;
    }
    .heroBox li{
        float: left;
        background: transparent url(../images/heroNavigation.png) no-repeat scroll right -87px;
        padding: 7px 12px 0 14px;
        height: 20px;
    }

    .heroBox .active{
        background: transparent url("../images/heroNavigation.png") no-repeat top left;
        height: 29px;
        padding: 0 0 0 7px;
    }

    .heroBox li.active.last{
        background: transparent url("../images/heroNavigation.png") no-repeat left top;
    }

    .heroBox li.active.last a{
        background: transparent url("../images/heroNavigation.png") no-repeat right -58px;
    }



        .heroBox a{
            text-transform: uppercase;
            font-weight: bold;
            cursor:pointer;
        }

            .heroBox .active a{
                background: transparent url("../images/heroNavigation.png") no-repeat right -29px;
                height: 19px;
                display: block;
                padding: 7px 19px 0 9px;
                color: #000000;
            }

            .heroBox .last{
                background: none;
            }

    .contentArea.heroBox .content{
        padding: 0;
        position: relative;
    }

        .heroContent{
            position: relative;
        }

            .heroContent div{
                position:relative;
            }

            .heroContent .rating{
                position: absolute;
                right: 15px;
                bottom: -21px;
            }

/*Free Screening Code Entry*/

#screeningCodeEntry{
    margin: 0 0 13px 0;
}

#sidebar #screeningCodeEntry .content{
    padding: 14px 12px 20px 12px;
}

#screeningCodeEntry p{
    padding: 8px 0 0 0;
    font-size: 1.09em;
}

#screeningCodeEntry a{
    font-weight: bold;
}

#screeningCodeEntry fieldset{
    position: relative;
}

    #screeningCodeEntry label{
        width: 290px;
        display: block;
    }
    
    #screeningCodeEntry .inputField{
        width: 135px;
        height: 34px;
        background-position: 0 -47px;
        float: left;
        margin: 4px 0 0 0;
        position: relative;
        left: -4px;
    }

        #screeningCodeEntry .inputField input{
            width: 119px;
            height: 18px;
            padding: 8px

        }
    
    #screeningCodeEntry .goButtonBig{
        float: left;
        position: relative;
        left: -8px;
        top: 2px;
    }


/*Top Ten Movies*/

#content .topTen .content{
    padding: 15px 15px 0px 15px
}

#content .topTen .top{
    padding: 6px 12px 6px 12px;
}
    
    .topTen ol li{
        background: transparent url("../images/greyBorderRepeat1px.png") repeat-x bottom left;
        padding: 0 0 6px 0;
        margin: 0 0 6px 0;
    }

        .topTen ol li.last{
            background: none;
            margin: 0px;
            padding: 0 0 10px 0;
        }

        .topTen .filmPosition{
            font-size: 2em;
            width: 24px;
            float: left;
            display: block;

        }

            .topTen .filmInfomation{
                width: 235px;
                float: left;
                display: block;
                margin: 0 0 0 20px;
                font-family: Tahoma,Verdana,Arial,sans-serif;
            }

                .topTen .filmTitle{
                    display: block;
                    font-weight: bold
                }

                .topTen .releaseInfo{
                    display: block;
                    color: #848484;
                    font-size: 0.82em;
                }

/*Page Numbering*/

.pageNumbering li{
    float: left;
    height: 18px;
    background: transparent url("../images/heroNavigation.png") no-repeat right -91px;
}

.pageNumbering .active{
    background: transparent url("../images/heroNavigation.png") no-repeat 0 -116px;
    padding: 0 0 0 5px;
    height: 21px;
}

    .pageNumbering li a{
        display: block;
        height: 21px;
        padding: 0 9px 0 8px;
        font-family: Tahoma,Verdana,Arial,sans-serif;
        font-size: 1.18em;
        cursor: pointer;
    }

        .pageNumbering .active a{
            background: transparent url("../images/heroNavigation.png") no-repeat right -137px;
            padding: 0 12px 0 7px;
            color: #000000;

        }

/*Review Panel*/

#content .panel.reviews{
    min-height: 304px;
}

.panel.reviews .top{
    border-bottom: 2px solid #e8eaeb;
    padding: 0;
}

    .panel.reviews .top h2{
        top: 4px;
        left: 11px;
        position: absolute;
    }

    .panel.reviews .innerNavigation{
        float: right;
        padding: 5px 12px 0 0;

    }

        .panel.reviews .innerNavigation .pageNumbering{
            float: left;
            margin-right: 15px;
        }

        .panel.reviews .innerNavigation .pageNumbering a{
            margin: 0;
        }

        .panel.reviews .innerNavigation a{
            margin: 2px 0 0 0;
        }

#content .panel.reviews .content{
    padding: 0 0 0 0;
}

.panel.reviews .filmDetails{
    position: relative;
}

    .panel.reviews .filmDetails img{
        vertical-align: top;
    }

    .panel.reviews .filmDetails h3{
        position: absolute;
        bottom: 0;
        display: block;
        background-image: url("../images/lightContentAreaRepeat.png");
        background-color: transparent;
        width: 253px;
        min-height: 19px;
        padding: 5px 45px 0 12px ;
        color: #FFFFFF;
    }

    .panel.reviews .filmDetails .newRelease{
        position: absolute;
        bottom: -5px;
        right: 11px;
    }

.panel.reviews .reviewSummary{
    margin: 0 12px 0 12px;
    padding: 20px 0 0 0;
    background:transparent url("../images/greyBorderRepeat1px.png") repeat-x scroll left bottom;
    width: 286px;
}

.panel.reviews .content .more{
    margin: 8px 0 10px 12px;
    display: block;
    width:69px;
    font-size: 1em;
    float: left;
    line-height: 11px;
}



/*Latest News Sidebar*/

#sidebar #latestNews .top{
    min-height: 25px;
}

#latestNews .articleTitle{
    width: 186px;
}

#sidebar #latestNews .content{
    padding: 12px 12px 9px 12px
}

/*Latest Forum Posts*/

.latestForumPosts{
    background:transparent url(../images/greyBorderRepeat1px.png) repeat-x scroll left top;
    padding: 6px 0 0 0;
    margin: -4px 0 0 0;
}

    .latestForumPosts .articleTitle{
        width: 168px;
    }

.postInfo{
    float: left;
    margin: 0 12px 0 0;
    width: 207px;
    font-family: Tahoma,Verdana,Arial,sans-serif;
    
}

/*Tweets*/

#sidebar .tweets .content{
    padding: 10px 12px 7px 12px;
}

.tweets .content p{
    padding: 9px 0 6px 0;
    font-style: italic;
    background: transparent url("../images/greyBorderRepeat1px.png") repeat-x top left;
}

.tweetBrowser{
    float: left;
}

.tweetBrowser a{
    float: left;
    color: #FFFFFF;
}

#sidebar .tweets .content strong{
    background: transparent url("../images/twitterLogo.png") no-repeat top right;
    padding: 7px 0 3px 0;
    line-height: 11px;
}


/*Top 10 DVD SIdebar*/

#sidebar .content .topTenDVD .last{
    background: none;
    margin: 0;
    padding-bottom: 0;
}
    #sidebar .content .topTenDVD div{
        clear: both;
    }

    #sidebar .content .topTenDVD .summary{
          /*margin: 0 0 7px 0;*/
          overflow: hidden;
          clear: both;
          padding: 12px 0 8px 0;
    }

        #sidebar .content .topTenDVD .summary a{
            display: block;
            padding: 2px 10px 0 0;
            margin-bottom: 12px;
            background: none;
            width: 80px;
        }

        #sidebar .content .topTenDVD .summary P{
            padding: 0 0 12px 0;
        }

    #sidebar .content .topTenDVD .articleTitle.active {
        color: #FFFFFF;
    }

    #sidebar .content .topTenDVD .active .summary{
        display: block;
    }

/*Film Info*/

.hasWidget .contentArea.heroBox .content{
    padding:0 0 80px;
}

.filmInfo{
    background: transparent url("../images/greyBorderRepeat1px.png") repeat-x top left;
    padding: 25px 15px 15px 15px;
}

.filmInfo .synopsis p{
    padding: 0 0 15px 0;
}

.filmInfo dt{
    width: 87px;
    margin: 0 15px 0 0;
    float: left;
    clear: left;
    color: #FFFFFF;
    font-weight: bold;
}

.filmInfo dd{
    float: left;
    width: 498px;
}


.filmInfo dd.synopsis{
    margin: 0 0 8px 0;
}

.filmInfo dd p{
    padding: 0;
}

.filmInfo dd li{
    background:none;
    float:none;
    height: auto;
    padding: 0;
}

.filmInfo dd a{
    text-transform: none;
}

.findFilmWidget{
    position: relative;
}

/*Comments*/

.aggregator .articleSummary{
    background: transparent url("../images/greyBorderRepeat1px.png") repeat-x bottom left;
    margin: 0 0 19px 0;
}



.profilePicture{
    float: left;
    border: 1px solid #c5c5c5;
    margin: 0 28px 0 0;
}

.comments .commentBody{
    float: left;
    width: 498px;
    position: relative
}

.rating{
    width: 123px;
    position: absolute;
    display: block;
}

.comments .commentBody h5{
    top: 0;
    right: 0;
}

.comments .commentBody div{
    margin: 12px 0 10px;
}

.commentBody div p{
    padding: 0 0 16px;
}

.comments .commentBody h3{
    color: #FFFFFF;
}

.more{
    float: right;
    font-size: 1.09em;
}

.readMore{
    margin: 0 0 15px 0;
    display: block;
    width: 60px;
    font-size: 1.09em;
}

.rating span{
    background-color: transparent;
    background-image:  url("../images/ratingSprite.png");
    background-repeat: no-repeat;
    display: block;
    width: 61px;
    height: 10px;
    text-indent: -9999px;
    overflow: hidden;
    float: right;
    margin: 1px 0 0 0;
}

.rating .zeroStars{
    background-position: 0 0;
}

.rating .oneStar{
    background-position: 0 -10px;
}

.rating .twoStar{
    background-position: 0 -20px;
}

.rating .threeStar{
    background-position: 0 -30px;
}

.rating .fourStar{
    background-position: 0 -40px;
}

.rating .fiveStar{
    background-position: 0 -50px;
}

#breadcrumb{
    background: transparent url("../images/breadCrumbArrow.png") no-repeat left center;
    margin: 0 0 8px 3px;
    line-height: 11px;
    padding: 0 0 0 11px;
}

#breadcrumb .current{
    color: #FFFFFF;
    background: none;
}

#breadcrumb span{
    float: left;
    color: #FFFFFF;
}

#breadcrumb ul{
    float: left;
}

#breadcrumb li{
    float: left;
    background: transparent url("../images/doubleArrowWhite.png") no-repeat center right;
    padding: 0 15px 0 6px;
}

.contentArea .top .count{
    color: #797979;
}

/*Hero Box Next Prev*/

.heroBox .heroNextPrev li{
    background-image: url("../images/heroNextPrev.png");
    background-color: transparent;
    background-repeat: no-repeat;
    text-indent: -9999px;
    display: block;
    height: 50px;
    width: 41px;
    overflow: hidden;
    float: none;
    padding: 0;
    top: 88px;
    position: absolute;
}

    .heroNextPrev #previousTab{
        position: absolute;
        left: 0;
    }

        .heroNextPrev #previousTab.active{
            background-position: 0 0;
        }

        .heroNextPrev #previousTab.none{
            display: none;
        }

    .heroNextPrev #nextTab{
        position: absolute;
        right: 0;
    }

        .heroNextPrev #nextTab.active{
            background-position: -41px 0;
        }

        .heroNextPrev #nextTab.none{
            display: none;
        }

    .heroBox .heroNextPrev li a{
        outline: none;
        background: none;
        display: block;
        height: 26px;
        width: 13px;
        margin: 12px 0 0 14px;
        padding: 0;
    }

/*Comments form*/

.comments{
    border-bottom:1px dotted #646464;
    padding-top: 12px;
}

#commentForm{
    clear: both;
    margin-bottom: 10px;
}

#commentForm h2{
    color:#FFFFFF;
    margin: 12px 0 0 0;
}

#commentForm p{
    padding: 0;
}

#commentForm label{
    display: none;
}

#commentForm textarea{
    width: 490px;
    background-color: #494949;
    border: 1px solid #585858;
    color:#A6A6A6;
    margin: 0 0 5px 0;
}


#commentForm fieldset{
    float: left;
    width: 496px;
}

#commentForm img{
    float: left;
}

.commentSuccess{
    margin: 12px 0 0 0;
}

/*Blog Content*/

#blogContent{
    float: left;
    width: 492px;
}


#blogContent.wide{
    float: none;
    width: auto;
}

.summaryPicture{
    float: left;
    margin: 0 12px 0 0;
    border: 2px solid #CACACA;
}

#blogContent #tags{
    background: url("../images/greyBorderRepeat1px.png") repeat-x top left;
    padding: 12px 0 30px 0;
}

#blogContent #tags strong{
    text-transform: uppercase;
    float: left;
    color: #FFFFFF;
}

#blogContent #tags ul{
    float: left;
    margin: 0 0 0 10px;
}

#blogContent #tags ul li{
    display: inline;
}

#blogContent h1{
    color: #FFFFFF;
    text-transform:none;
}

#blogContent h2{
    color: #FFFFFF;
    margin: 0 0 4px 0;
    text-transform:none;
}

#blogContent h3{
    color: #717171;
    margin: 0 0 10px 0;
}


#blogContent div p{
    padding: 0 0 30px 0;
}

/* News Agg */

.aggregator{
    border-bottom: 2px solid #646464; 
}

.articleSummary .aggImage, .articleContent div.summaryImage{
    width: 100px;
    float: left;
    margin: 0 15px 19px 0;
}


.articleSummary .aggImage a{
    display: block;
}

.articleSummary .aggImage img, .articleContent div.summaryImage img{
    border: 1px solid #CACACA;
}


 .data{
    margin-left: 115px;
    margin-bottom: 19px;
}

.articleSummary{
    clear: both;
}


.articleSummary .headline, .articleContent .headline, .articleContent h2{
    color: #ffffff;
    text-transform: none;
    font-size: 1.2em;
}

.articleContent ul{
    padding: 0 0 9px 12px;
}

.articleContent ul li{
    list-style-type: disc;
    list-style-position: outside;
    padding: 0 0 6px 0;
}

.articleContent h2{
    padding: 0 0 12px 0;
}

.articleContent h3{
    font-size: 1em;
    text-transform: none;
    padding: 0 0 12px 0;    
}

.articleContent h4, .articleContent h5{
    font-size: 1em;
    padding: 0 0 12px 0;    
}

.articleContent .article{
    clear: both;
}

.articleContent .summaryImage{
    padding: 0 0 11px 0;
}

.articleContent .article img{
    float: left;
    padding-right:12px;
}

.strapline{
    color: #ffffff;
    font-size: 1em;
}

.articleSummary .date, .articleContent .date{
    display: block;
    margin-top: 5px;
    color: #717171;
    font-size: 0.82em;
}

.articleSummary .story, .articleContent .story{
    font-size: 1.09em;
    margin-top: 7px;
}


.articleContent .story{
    background:transparent url(../images/greyBorderRepeat1px.png) repeat-x scroll left bottom;
}

.story p{
    padding-bottom: 2.5em;
}

.aggregator .story p{
    padding-bottom: 1em;
}

.articleSummary .continueLink{
    font-size: 1.09em;
}

.bottom{
    background-color:transparent;
    background-image:url(../images/contentRepeatDark.png);
}

.previousNews{
    background: url(../images/previousNews.png);
    height: 21px;
    width: 89px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    float: right;
    margin: 0 12px 20px 0;
}

.registrationForm{
    position: relative;
}

.registrationForm input{
    display: block;
    color:#A6A6A6;
    background-color: #4A4A4A;
    border: 1px #4C4C4C solid;
    float: left;
}

.registrationForm label{
    float: left;
    width: 100px;
    
}

.registrationForm .mandatory{
    position: absolute;
    right: 12px;
    top: 0;
    color: #717372;
    font-size: 0.91em;
}

.registrationForm .errorMessage{
    display: block;
    height: 14px;
    width: 14px;
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url("../images/fieldError.png") top left;
    position: absolute;
    left: 234px;
    top: 0;
}

.registrationForm .toolTip{
    float: left;
    padding: 0 0 0 6px;
}

form .singleColumn div{
    position:relative;
    margin-bottom: 12px;
}

.registrationForm .reverse {
    padding-top: 15px;
    padding-bottom: 9px;
    margin-bottom: 0;
    background:transparent url(../images/greyBorderRepeat1px.png) repeat-x scroll left top;

}


.registrationForm .reverse label{
    margin: 0 0 0 10px;
    width: 500px;
}

.registrationForm .reverse input{
    float: left;
}

.registrationForm fieldset.bottom{
    background:transparent url(../images/greyBorderRepeat1px.png) repeat-x scroll left top;
    padding: 12px 0 0 0;
}

.registrationForm h2{
    color: #ffffff;
    text-transform: uppercase;
}

.registrationForm fieldset, .booking .textSection{
    margin: 0 12px 10px 12px;
}

.registrationForm fieldset .split{
    width: 50%;
    float: left;
}

.registrationForm fieldset .split div{
    position: relative;
    margin-bottom: 12px;
}

.registrationForm fieldset .split div.last{
    margin-bottom: 0;
    clear: both;
}


#sex fieldset, #dateOfBirth fieldset{
    background: none;
    margin: 0;
    padding: 0;
}


#sex{
    margin-bottom: 10px;
}

    #sex input{
        height: 16px;
        background: none;
        border: none;
        float:left;
        margin-right: 6px;
    }

    #sex .errorMessage{
        left: 160px;
    }

#dateOfBirth{
    margin-bottom: 10px;
}

    #dateOfBirth select{
        float: left;
        margin-right: 3px;
    }

    #dateOfBirth .errorMessage{
        float: left;
        position:static;
    }

.registrationForm .yes{
    background: url(../images/yesNo.png) no-repeat;
    display: block;
    width: 51px;
    height: 21px;
    float: left;
    margin: 5px 5px 5px 0;
    border: none;
}

.registrationForm .no{
    background: url(../images/yesNo.png) no-repeat right;
    display: block;
    width: 42px;
    height: 21px;
    float: left;
    margin: 5px 0;
    border: none;
}

.registrationForm .button{
    border: none;
}

/*Ticket Selection*/

.registrationForm.ticketSelection{
    padding-top: 0;
}

.registrationForm .none{
    display: none;
}

.registrationForm h2, .booking h2{
    background:transparent url(../images/greyBorderRepeat1px.png) repeat-x scroll left bottom;
    color: #FFFFFF;
    font-size: 1em;
    padding-bottom: 2px;
    text-transform: uppercase;
    margin: 0 0 12px 0;
}

#numberOfTickets label{
    margin: 0 0 6px 12px;
}

#numberOfTickets {
    margin-bottom: 13px;
    background: none;
}

.registrationForm #bookTickets{
    margin-top: 12px;
}


.booking .textSection{
    background-position: 0 2.5em;
}

.booking .errors{
    padding-left: 12px;
}

.booking .errors h2{
    margin: 0 0 9px 0;
    padding: 12px 0 0 0;
}

.booking #bookTickets{
    /*TODO: Add image to sprite*/
    background: transparent url(../images/bookTickets.png) no-repeat left top;
    width: 75px;
    height: 21px;
    border: none;
}

.booking #loginButton{
    /*TODO: Add image to sprite*/
    background: transparent url(../images/logMeIn.png) no-repeat left top;
    width: 69px;
    height: 21px;
    margin-left: 100px;
    border: none;
}

#content .content.bookingProgress{
    min-height: 0;
}

#content .content.booking{
    min-height: 610px;
    padding-top: 12px;
}

.registrationForm li{
    background: none;
    float: none;
    padding: 0;
    height: auto;
}

.bookingProgress{
    margin-bottom: 1px;
}

.filmDescription{
    background: transparent url(../images/sectionGreyBg.jpg) repeat-y top;
    padding: 15px 15px 5px;
}

.filmDescription .poster{
    float: left;
    margin: 0 15px 20px 0;
    width: 86px;
}

.filmDescription .poster img{
    border: #3b3b3b 3px solid;    
}

.filmDescription .synopsis{
    float: left;
    width: 450px;
    color: #3e3e3e;
}

.filmDescription .poster .sponserImage{
    width: 86px;
    border: none;
    margin-top: 16px;
    clear: both;
}

.filmDescription .filmDetails{
    display: block;
    clear: both;
    position: relative;
    height: 40px;
    border-top: 2px solid #cbcccd;
    padding: 5px 0;
    background: transparent url(../images/greyBorderRepeat1px.png) repeat-x scroll left 2em;
}

.filmDescription .filmDetails dt{
    position: absolute;
    text-transform: uppercase;
    color: #828282;
    font-size: 0.9em;
}

.filmDescription .filmDetails dd{
    position: absolute;
    top: 30px;
    color: #3d3d3d;
}

.filmDescription .filmDetails dd a{
    color: #2e8bc1;
    font-weight: normal;
    text-transform: none;
}

.filmDetails .director{
    left: 1px;
    width: 100px;
}

.filmDetails .releaseDate{
    left: 110px;
    width: 205px
}

.filmDetails .length{
    left: 205px;
}

.filmDetails .certificate{
    left: 285px;
}

.filmDetails .information{
    left: 385px; 
}

.filmDetails .video {
    left: 525px;
}

.headerSection{
    margin: 0 12px 0 12px;
}

.headerSection .screeningTitle{
    background: url(../images/allScreeningsText.png) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    height: 13px;
    width: 387px;
    margin: 0 0 0 2px;
    padding: 0;
}

#congratulationsText{
    background: url(../images/congratualtionsText.png) no-repeat -4px 0;
    text-indent: -9999px;
    overflow: hidden;
}

.screeningFlow{
    background-color: black;
    padding-top: 1px;
}

.screeningFlow ul{
    background: #000000 url(../images/screeningProgress.png) no-repeat bottom left;
    margin: 10px 14px;
    height: 25px;
    width: 602px;
    display: block;
}

.screeningFlow ul li{
    text-indent: -9999px;
    overflow: hidden;
    border: none 0px;
    background: none;
    padding: 0;
    display: block;
    width: 100px;
    height: 25px;
}

.screeningFlow ul .last{
    width: 10px;
}

.screeningFlow ul li span{
    display: block;
    height: 10px;
    width: 10px;
    background: none;
    margin-top: 2px;
}

.screeningFlow ul .done span{
    background: transparent url(../images/screeningProgress.png) no-repeat -604px bottom;
}

.screeningFlow ul .inProgress{
    background: transparent url(../images/screeningProgress.png) top left no-repeat ;
    margin: 0;
}

.screeningFlow ul .inProgress span{
    background: transparent url(../images/screeningProgress.png) no-repeat -617px bottom;
    margin-top: 2px;
}

.screeningFlow #enterCode{
    background-position: 0 0;
}

.screeningFlow #enterCode span{
    margin: 2px;    
}

.screeningFlow #selectCinema{
    background-position: -100px 0;
}

.screeningFlow #selectCinema span{
    margin-left: 49px;    
}


.screeningFlow #yourDetails{
    background-position: -250px 0;
    margin-left: 50px;
}

.screeningFlow #yourDetails span{
    margin-left: 46px;
}

.screeningFlow #confirmation{
    background-position: -400px 0;
    margin-left: 49px;
}

.screeningFlow #confirmation span{
    margin-left: 44px;    
}

.screeningFlow #getYourTicket{
    background-position: -500px 0;
    width:101px;
}

.screeningFlow #getYourTicket span{
    margin-left: 91px;        
}

/*Film Agg*/

/*.films .articleSummary .aggImage img, .reviews .articleSummary .aggImage img{*/
    /*width: 98px;*/
/*}*/

.bottom{
    padding: 0px 12px 18px 12px;
}

.aggregator.news{
    border-bottom: 0px;
}

.aggregator.films .data{
    position: relative;
}

.aggregator .articleSummary .headline{
    font-size: 1.09em;
}

.aggregator.films .data .rating{
    top: 0px;
    right: 0px;
    text-transform:uppercase;
    width: 146px;
}


.pageRange{
    color: #FFFFFF;
    float: left;
    width: 605px;
    background:transparent url(../images/greyBorderRepeat1px.png) repeat-x scroll left bottom;
    padding:0 0 15px;
    margin:0 0 19px;
}

.pageRange span{
    font-weight: bold;
}

.bottom .pageRange{
    width: auto;
    background: none;
    padding: 0px;
    margin: 0px;
}

.pagination{
    color: #FFFFFF;
    float: right;
    text-align: right;
    width: 124px;
    margin: 6px 0 0 0;
}

.pagination ol{
    display: inline;
    margin: 0px 0px 0px 4px;
}

.pagination ol li{
    display: inline;
    margin: 0px 6px 0px 0px;
    background: none;
}

.pagination .previous{
    background: transparent url("../images/greenArrowLeft.png") no-repeat center left;
    padding: 0px 8px 0px 11px;
    border-right:1px solid #4C4C4C;
    margin: 0px 12px 0px 0px;
}

.pagination .next{
    background: transparent url("../images/greenArrowRight.png") no-repeat center right;
    padding: 0px 11px 0px 8px;
    margin: 0px 0px 0px 8px;    
    border-left:1px solid #4C4C4C;    
}

.pagination .lastPage a{
    margin-left: 6px;
}

.screenings{
    width: 600px;
    margin: 5px 15px 15px 15px;
}

th{
    border-bottom: 2px solid #4C4C4C;
    text-transform: uppercase;
    padding: 5px 5px 5px 1px;
    color: #646464;
}

.screenings thead .noCol{
    width: 5%;  
}

.screenings thead .cinemaCol{
    width: 25%;
}

.screenings thead .infoCol{
    width: 20%;
}

.screenings thead .dateCol{
    width: 25%;
}

.screenings thead .timeCol{
    width: 15%;
}

.screenings thead .availibilityCol{
    width: 10%;
}

td{
    border-bottom: 1px dotted #4c4c4c;
    padding: 5px 5px 5px 1px;
}

.screenings tr .noCol{
    font-size: 1.5em;
}

.screenings tr .cinemaCol{
    color: #A9A9A9;
    font-weight : bold;
}

.screenings tr .infoCol a{
    text-transform: lowercase;
    font-weight: normal;
    background: none;
    padding: 0;
    height: auto;
}

.screenings .cinemaInfo{
    background-color: #000000;
    display: block;
    position: absolute;
    width: 200px;
    padding: 5px;
    border: 1px dotted #828282;
    overflow: hidden;
}

.screenings .cinemaInfo strong{
    font-weight: bold;
    color:#A9A9A9;
    margin-bottom: 10px;
}

.screenings .cinemaInfo .close{
    float: right;
    background: url(../images/close.png) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    width: 12px;
    height: 12px;
}

.screenings .cinemaInfo.none{
    display: none;
}

.screenings tr .availibilityCol{
    color: #ff7878;
    text-transform: uppercase;
}

.screenings tr .availibilityCol .button{
    background: url(../images/bookNow.png) no-repeat;
    display: block;
    height: 21px;
}

.ticket{
    width: 598px;
    height: 221px;
    margin: 12px;
    position: relative;
    padding-bottom: 12px;
}

.ticket dl{
    color: #000000;
}

.ticketInfo{
       width: 598px;
    height: 221px;
    position: absolute;
    top: 0;
    left: 0;
}

.ticket img{
    border: none;
}

.ticket .mainInfo{
    top: 80px;
    position: absolute;
    left: 20px;
    color:#000000;
}

.ticket .bookingSummary{
    position: absolute;
    left: 480px;
    top: 60px;
    font-size: 0.91em;
    line-height: 10px;
    width: 117px;
}

.bookingSummary .admit, .bookingSummary .time, .bookingSummary .date{
    float: left;
}

.ticket .mainInfo dd{
    float: left;
}

.ticket .terms{
    position: absolute;
    bottom: 17px;
    left: 6px;
    width: 446px;
    color: #FFFFFF;
    padding: 0;
    font-size: 0.7em;
    line-height: 7px;
}

.ticket .terms a{
    color: #FFFFFF;
    text-transform: none;
}


.ticket .logo{
    width: 117px;
    height: 20px;
    display: block;
    overflow: hidden;
    left: 14px;
    top: 20px;
    position: absolute;
}

.sponser{
    height: 44px;
    position: absolute;
    top: 10px;
    right: 126px;
}

/*Main Info*/

.ticket .mainInfo .guestName{
    width: 124px;
    margin-right: 15px;
}

.ticket .mainInfo .admit{
    margin-right:15px;
    width:14px;
}

.ticket .mainInfo .time{
    width: 34px;
    margin-right: 15px;
}

.ticket .mainInfo .date{
    width: 119px;
    margin-right: 15px;
}

.ticket .mainInfo .confirmationNumber {
    width: 64px;
    margin-right: 15px;    
}

.ticket .mainInfo .filmName{
    margin: 20px 0 5px 0;
    font-size: 1.27em;
}

.ticket .vcard, .ticket .filmName, .ticket .certificate{
    clear: both;
}

.ticket .mainInfo .vcard div, .ticket .mainInfo .vcard span{
    float: left
}

.ticket .filmName, .bookingSummary .guestName, .bookingSummary .org {
    font-weight: bold;
}

.mainInfo .vcard .adr{
    clear: both;
    width: 220px;
}

.mainInfo .vcard{
    width: 450px;
}

.ticket .mainInfo dt.certificate{
    position: absolute;
    bottom: -20px;
}

.ticket .mainInfo dd.certificate{
    position: absolute;
    bottom: -20px;
    left: 60px;
}

.ticket .bookingSummary .admit{
    padding-right: 12px;
}

.ticket .bookingSummary .time{
    padding-right: 14px;
}

.ticket .bookingSummary .vcard div, .ticket .bookingSummary .vcard span{
    display: inline;
}

.ticket .bookingSummary .vcard .org, .ticket .bookingSummary .vcard .postal-code{
    display: block;
}

.ticket .bookingSummary .filmName{
    padding: 10px 0 0 0;
}
.ticket .bookingSummary .vcard{
    padding: 10px 0 12px 0;
}

.ticket .bookingSummary .certificate{
    clear: none;
    margin: 0px 7px 0 0;
    float: left;
}

.ticket .confirmationNumber{
    text-transform: uppercase;
}

.ticketOptions li{
    background: none;
    margin: 0 3px 0 0;
    padding: 0;
}

.ticketOptions li a{
    background: url(../images/confirmationButtons.png) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    height: 21px;
}

.ticketOptions .printTicket{
    background-position: left top;
    width: 63px;
}

.ticketOptions .savePdf{
    background-position: -74px top ;
    width:77px;
}

.ticketOptions .sendSMS{
    background-position: -150px top;
    width: 80px;
}

.smsDetail strong{
    color: #FFFFFF;
}

/*Full Width Content Area*/

.fullWidth .contentArea .top{
    background-position: -1520px 0px;
}

.fullWidth .contentArea{
    width: 930px;
    margin: 0 0 0px 3px;    
}


.forumDiscussion h1.fullWidth, .forumThreads h1.fullWidth{
    width: auto;
    padding:3px 0;
}

.forumDiscussion h1{
    float: left;
    padding: 3px 12px 3px 0;
    width: 470px;    
}

.forumDiscussion .profilePicture{
    margin: 0px;
}

.forumDiscussion .userInfo{
    width: 156px;
    margin: 0 20px 0 0;
    float: left;
}

.forumDiscussion .comments .commentBody{
    width: 421px;
}

.userInfo ul{
    padding: 11px 0 0 0;
    clear: both;
    color: #FFFFFF;
}

.forumDiscussion .userInfo ul li{
    margin: 0;
    background: none;
}

.userInfo .postedBy{
    font-weight: bold;
}

.commentOptions li{
    float: left;
    /*border-right:1px solid #4C4C4C;*/
    margin: 0;
    background: none;
    padding: 0 7px 0 0;
    line-height:10px;
}

.forumDiscussion .comments .commentOptions li{
    margin: 0;
}

.forumDiscussion .comments .commentOptions li.last{
    border: none;
    padding: 0 0 0 7px;
    margin: 0;
}

.commentOptions .first{
    padding: 0 7px 0 0;
}

.commentOptions{
    background: transparent url("../images/greyBorderRepeat1px.png") top left repeat-x;
    padding: 10px 0 0 0;
}

.postDate{
    background: transparent url("../images/greyBorderRepeat1px.png") bottom left repeat-x;
    padding: 0 0 2px 0;
    color: #858585;
    font-size: 0.82em;
}



.forumDiscussion .comments li.contentArea{
    background: transparent url("../images/contentRepeatDark.png") bottom left;
}

.forumDiscussion .comments li.contentArea.top{
    background: none;
    padding: 0;
}

.forumDiscussion .commentBody{
    color: #a7a7a7;
}

.forumDiscussion .comments li{
    margin: 0 0 35px 0;
}

.forumDiscussion .comments li.last{
    margin: 0 0 0 0;
}

.forumDiscussion .comments li.last .pagination{
    float: left;
    margin: 32px 0 0 176px;
}


#content .comments li .content{
    min-height: 0px    
}

.forumDiscussion .comments li.top .content{
    padding: 12px 15px 20px 15px;        
}

.forumDiscussion .comments{
    border: none;
    padding-top: 0;
}



.forumDiscussion #commentForm{
    background: transparent url("../images/contentRepeatCommentForm.png") top left;
    border-bottom: 2px solid #777777;
    margin: 0 0 0 3px;
    width: 900px;
    padding: 12px 15px 12px 15px;
}

.forumDiscussion #commentForm textarea{
    margin: 0 0 9px 0;
    width: 722px;
}

.adminOptions{
    clear: both;
    padding: 6px 0 0 0;
}

.adminOptions ul{
    display: inline;
}

.adminOptions li{
    display: inline;
}

/*Forum Index Page*/

.forumTable{
    margin: 0 0 12px 0;
    border-bottom:2px solid #4C4C4C;
}

.forumTable th{
    padding:5px 5px 5px 5px;    
}

.forumTable td{
    border-right: 1px dotted #4C4C4C;
    padding:5px 5px 5px 5px;
}

#forumIndexTable .titleCol{
    width: 522px;
}

#forumIndexTable .topicCol{
    width: 70px;
}

#forumIndexTable .postCountCol{
    width: 70px;
}

#forumIndexTable .lastCol{
    width: 214px;
}

.forumTable .lastCol{
    border-right: none;
}

/*Forum Thread Index Page*/

.forumThreads h1{
    width: 470px;
    float: left;
    padding-right: 12px;
}

#forumThreadIndex .threadSubject{
    width: 522px;
}

#forumThreadIndex .threadReplyCount{
    width: 60px;
}

#forumThreadIndex .threadAuthor{
    width: 125px;
}

#forumThreadIndex .threadViewCount{
    width: 60px;
}

#forumThreadIndex .lastPost{
     width: 108px;   
}

.startNewThread{
    background: transparent url("../images/startNewThreadButton.png") no-repeat top left;
    height: 21px;
    width: 101px;
    display: block;
    text-indent: -9999px;
    clear:both;
    overflow: hidden;
    padding-bottom: 12px;
}

.top .startNewThread{
    margin: 0 0 18px 0;
    padding-bottom: 0;
    position: relative;
    top: 6px;
}

.postReply{
    background: transparent url("../images/postReplyButton.png") top left;
    height: 21px;
    width: 72px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
}

/*Post New Thread Form and Post Reply Styles*/

.postForm label{
    float: left;
    display: block;
    width: 174px;
}

.postForm input{
    float: left;
    background-color:#494949;
    border:1px solid #585858;
    color:#A6A6A6;
    width:428px;
}

.postForm div{
    clear: both;
    margin: 0 0 12px 0;
}


.postForm #formControl{
    padding: 0 0 0 174px;    
}


.postForm #formControl input{
    float: none;
    background-color: transparent;
    border: none;
}

.postForm textarea{
    float: left;
    background-color:#494949;
    border:1px solid #585858;
    color:#A6A6A6;
    width: 428px;
}

.postForm ul{
    margin: 12px 0 12px 174px;
}

.postForm .notifyMe{
    padding-left: 174px;
}

.postForm .notifyMe input{
    width: auto;
}


.postForm .notifyMe label{
    padding-left: 12px;
    width: auto;
}

.forumThread .postForm{
    border-top: 2px solid #646464;
    margin-top: 25px;
    padding-top: 25px;
}

.postForm .postMessageButton{
    width: 87px;
}


/*Overlay Tabs*/

#overlayTabs .overlayTab{
    width: 630px;
    position: relative;
    top: 0;
    height: 100%;
}

#overlayTabs .overlayTab div{
    position: absolute;
    top: 0;
    left: 0;
    background: transparent url("../images/filmOverlay.png") top left;
    height: 100%;
}

#overlayTabs .tab ul li{
    float: left;
    margin-right: 15px;
    height: auto;
    padding: 0px;
    background: none;
}

#overlayTabs .tab ul li img{
    border: none;    
}

#overlayTabs .tab .last{
    margin: 0;
}

.filmImages{
    padding: 25px 0px 25px 15px;
    width:615px;
}

#overlayTabs .trailerTab{
    background-color: black;
    width: 630px;
    text-align: center;
}

#overlayTabs .trailerTab a{
    display: none;
}

.heroContent div.top{
    background: none;
    padding: 0;
    border-bottom: 2px solid #e8eaeb;    
}

.filmPageBrowser{
    clear: both;
}

/*temporary Welcome page*/

.contentArea.noHeader.welcome h1{
    color:#FFFFFF;
    height:17px;
    font-size:1.45em;
    text-transform:uppercase;
}


/*Sitemap*/

.siteMap .content{
   padding:0px 12px 12px 12px;
}


.siteMap .content h2{
    padding: 12px 0px 0px 0px;

}

.siteMap .content h3{
    padding: 0 0 0 12px;
    background: transparent url("../images/greenArrowRight.png") no-repeat;
    margin: 0 0 0 24px;
}

/*Login Form in screening flow/on login form error page flow*/

.loginForm.registrationForm{
    margin: 0 12px 0 12px;
    padding-top: 0;
}

.loginForm.registrationForm .none{
    display: none;    
}

.registrationForm.loginForm h2{
    padding: 12px 0 0 0;
}

.registrationForm.loginForm fieldset{
    margin: 0;
    padding: 0 0 0 0;
    background:transparent url(../images/greyBorderRepeat1px.png) repeat-x scroll center top;
}

.registrationForm.loginForm p{
    padding: 0 0 12px 0;
}

.registrationForm.loginForm div{
    margin: 12px 0 12px 0; 
}

.registrationForm.loginForm .error{
    margin: 0;
}

/*Screenings help*/

#screeningArticle{
    padding: 12px;
}

div.error, .error {
    color: red;
}

.forgotPassword{
    padding: 0 0 12px 0;
    display: block;
}

/*Featured Releases*/

.contentArea.heroBox.featuredReleases{
    padding: 19px 0 0 0;
}

 .featuredReleases div.active{
    background: none;
    height:auto;
    padding:0;
 }


.featuredReleases div.section.active a{
    height: auto;
    background: none;
    padding: 0;
}

.featuredReleases .releaseNavigation li a{
    width: 120px;
    display: block;
    text-align: center;
}

.category{
    position: absolute;
    right: 0;
    top: 0;
    1em;
}

/*Profile*/

.activitySection{
    padding-bottom: 46px;
}

.activitySection.last{
    padding-bottom: 0;
}

.profile #content .contentArea .content{
    border-bottom: 2px solid #777777;
    padding-bottom: 20px;
}


.profile strong{
    font-weight: bold;
}

#mb_inline{
    display: none;
}


/*Recent Activites Table*/

#recentActivitiesTable .area{
    width: 107px;
}

.profile th{
    padding: 12px 5px 5px 1px;
}

#recentActivitiesTable .contribution{
    width: 382px;
}

#recentActivitiesTable .date{
    width: 97px;
}

#recentActivitiesTable .options{
    width: 49px;
}


/*User Screenings Table*/

.userScreenings .filmNumber{
    width: 26px;
}

.userScreenings .filmTitle{
    width: 105px;
}

.userScreenings td.filmTitle{
    color: #dadada;
    font-weight: bold;
    font-family: Tahoma,Verdana,Arial,sans-serif;    
}

.userScreenings .cinema{
    width: 118px;
}

.userScreenings .date{
    width: 116px;
}

.userScreenings .time{
    width: 38px; 
}

.userScreenings .actions{
   width: 171px;
   padding: 0;
}


.userScreenings th.actions{
    padding:7px 0 0 0; 
}

.userScreenings td.actions li{
    padding-left: 10px;
    border-left: 1px solid #5c5c5c;
    height: 10px;
    float: left;
}


/*Profile Infomation*/

#profileInformation {
    padding: 13px 0 33px 0;
    position:relative;
}


#profileInformation .userInformation{
    margin-right: 12px;
    width: 472px;
    float: left;
}

#profileInformation dt{
    width: 129px;
    padding: 0 12px 0 0;
    float: left;
    clear: left;
}

    #profileInformation dt.options{
        visibility: hidden;
    }

    #profileInformation .options li{
        float: left;
    }

#profileInformation dd{
    float: left;
    width: 331px;
    color: #e2e2e2;
    padding: 0 0 3px 0;
}

.profileNotice{
    padding: 5px 0 0 0;
    position: absolute;
    top: -24px;
    right: 0;
    font-size:0.91em;
    color:#717372;
}

.profile h2{
    clear: both;
    text-transform: uppercase;
    font-size: 1em;
    color: #FFFFFF;
    border-bottom: 1px dotted #3a3a3a;
    padding: 0 0 5px 0;
}

.profile .profilePicture{
    width: 118px;
    border: none;
    margin: 0;
}

.profile .profilePicture img{
    border: 1px solid #b3b3b3;
    margin: 0 0 5px 0;
}

/*Profile Text Replace*/

.profileTextReplace{
    background-image: url("../images/profileTextReplacement.png");
    background-color:transparent;
    background-repeat: no-repeat;
    display: block;
    text-indent: -9999px;
    border: none;
    cursor: pointer;
}

.printTicket{
    background-position: 0-7px;
    width: 63px;
    height: 9px;
    padding: 0 11px 0 0;    
}

.cancelTicket{
    background-position: 0 -16px;
    width: 71px;
    height: 10px;

}

.uploadPicture{
    height: 7px;
    width: 72px;
    padding:0 14px 0 0;
    clear: both;
}

.reviewThisfilm{
    height: 10px;
    width: 123px;
    background-position: right -26px;
    border-left: 1px solid #5c5c5c;
    padding-left: 10px;    
}

.saveChanges{
    height: 21px;
    width: 89px;
    background-position: 0 -36px;
    margin: 18px 0 0 0;
}

.editProfile{
    height: 21px;
    width: 94px;
    background-position: 0 -57px;
}

.seePublicView{
    height: 21px;
    width: 112px;
    background-position: right -78px;
    padding-left: 2px;
}

.nextActivity{
    height: 7px;
    width: 51px;
    background-position: 0 -99px;
}

.forumComments{
    width: 77px;
    height: 10px;
    background-position: 0 -106px;
}

.forumPosts{
    width: 64px;
    height: 10px;
    background-position: 0 -115px;
}

/*Edit Profile*/

.profile .registrationForm fieldset{
    margin: 0;
}

.profile .registrationForm .profilePicture{
    float: right;
}

.profile .registrationForm{
    margin: 0 0 21px 0;
    padding: 0;
}

.profile .registrationForm .mandatory{
    top: 0;
    right: 0;
}

.profile .registrationForm .reverse label{
   margin: 0 0 0 15px;
}

.profile .registrationForm .reverse.terms{
   padding:15px 0 0;
}

.profile .registrationForm .cancelButton{
    float: left;
    margin-left: 6px;
}

.profile .registrationForm #newPassword{
    float: left;
}

.profile .registrationForm .submitButton{
    float: left;
}

.profile .registrationForm .confirmPassword{
    clear: both;
}

.profile .registrationForm .newPassword .errorMessage{
    left: 370px;        
}

/*Correspondance Form*/

#correspondenceForm h3{
    padding: 17px 0 0 0;
    font-weight: normal;
    font-size: 1em;
    color: #999999;
}

#correspondenceForm div{
    border-bottom: 1px solid #2c2c2c;
    padding: 12px 0 11px 0;  
}

#correspondenceForm input{
    float: left;
}

#correspondenceForm label{
    padding: 1px 0 0 7px;
}

/*Twitter page*/

.twitter #content .contentArea .content{
    min-height: 0;
}

#content .tweets{
    float: left;
    margin-right: 10px;
}

#content .tweets .top .greenDoubleArrow{
    margin-top: 5px;
}

#content .tweets.right{
    margin-right: 0;
}

.tweetRow{
    margin: 0 0 15px 0;
}

.tweetRow .contentArea .top{
    height: 25px;
}

.tweetRow .contentArea .top h2{
    margin-top: 2px;
}

.tweetList{
    float: left;
    margin: 0 0 0 15px;
    width: 193px;
    border-bottom:  1px dotted #666666;
}

.tweetList li{
    border-top: 1px dotted #666666;
    padding-bottom: 9px;
}


.twitterProfilePicture{
    float: left;
}

.tweets .content p{
    background: none;
}

/*Film Broweser*/

.films .top{
    /*border-bottom: 1px solid #444444;*/
}

    .films .top span{
        float: left;
        line-height: 10px;
        margin-top: 20px;
    }

    .films .top .legend{
        border-bottom: 1px solid #353535;
        padding: 12px 0 9px 0;
        color: #969696;
        font-family: Tahoma,Verdana,Arial,sans-serif;
    }

.azFilmBrowser {
    clear: both;
    margin: 0 0 16px 0;
}

    .azFilmBrowser li{
        float: left;
        background: transparent url("../images/filterLetterBackground.png") no-repeat top left;
        width: 22px;
        height: 21px;
        display: block;
        margin-right: 1px;
        font-size: 0.82em;
        font-family: Tahoma,Verdana,Arial,sans-serif;
    }

    .azFilmBrowser li.last{
        margin-right: 0;
    }

    .azFilmBrowser li a{
        color: #FFFFFF;
        display: block;
        height: 17px;
        width: 14px;
        padding: 4px 0 0 8px;
    }

.filmBrowserNaivgation {
    float: left;
    margin: 17px 0 12px 0;
}
    .filmBrowserNaivgation li{
        float: left;
        border-right: 1px solid #FFFFFF;
        line-height: 10px;
        padding: 0px 10px 0 10px;
        margin-top: 4px;
    }
   
        .filmBrowserNaivgation a{
            text-decoration: underline;
        }


        .filmBrowserNaivgation li.active a{
            color: #FFFFFF;
            text-decoration: none;
        }

    .filmBrowserNaivgation li.last{
        border-right: 0px;
        margin-top: 0px;
    }

    .filmBrowserNaivgation input{
        border: 1px solid #a6aeb1;
        height: 17px;
        
    }

    .filmBrowserNaivgation .submitButton{
        background: transparent url("../images/searchButton.png") no-repeat top left;
        height: 21px;
        width: 54px;
        border: 0;
        text-indent: -9999px;
        cursor: pointer;
    }


/*Web Form*/

.webForm{
    margin-bottom: 15px;
}

.webForm input, .webForm textarea{
    background-color:#4A4A4A;
    border:1px solid #4C4C4C;
    color:#A6A6A6;
    font-family:Tahoma,Verdana,Arial,sans-serif;
    width: 450px;    
}

.webForm .twoColumnField{
    margin-bottom: 12px;
}

.webForm label{
    float: left;
    width: 150px;
}

.webForm textArea{
    height: 100px;
}

.webForm #formControl input{
    margin: 10px 0 0 150px;
    background-color: transparent;
    border: none;
}


/*Facebook Fan Panel*/

.home #content .panel.facebookFan{
    min-height: 0;        
}

.home #content .panel.facebookFan .content{
    background-color: #f3f6f9;
    background-image: none;
    border-top: 1px solid #cad3e5;
}

.home #content .panel.facebookFan .top{
    padding: 8px 0 6px 12px;
}

.home #content .facebookText{
    background: transparent url("../images/facebookText.png") no-repeat top left;
    height: 11px;
    width: 90px;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}


#content .articleContent .postedBy{
    color: #DFEE00;
}

#content .articleContent .commentDate{
    border-bottom: 1px dotted #646464;
    padding-bottom: 0;
}

#content .articleContent .commentBody{
    padding: 15px 0 15px 0;
    float: none;
    color: #c3c3c3;
}

#survey td {
    border-bottom: dotted 1px;
    
}

.profilePictureUpload{
    background-color: #000000;
    background-image: none;
}

.profilePictureUpload form{
    padding: 12px;
}

.fileUploadLabel{
    float: left;
    width: 100px;
    padding-top: 3px;
}

.inputFile{
    float: left;
    position: relative;
}

#selectImage {
    cursor: pointer;
    height: 21px;
    opacity: 0;
    position:relative;
    text-align:right;
    width:202px;
    z-index:2;
}

.inputFile .fakeInputFile {
    left:0;
    position:absolute;
    top:0;
    width:202px;
    z-index:1;
}

    .inputFile .fakeInputFile img {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
    }

    .inputFile .fakeInputFile #fakeFile {
        background:transparent none repeat scroll 0 0;
        border:medium none;
        color:#A6A6A6;
        left:0;
        position:absolute;
        width:131px;
        padding: 4px 3px 3px 3px;
        z-index: 1;
    }

.uploadButton{
    background: transparent url("../images/uploadButton.png") no-repeat top left;
    height: 21px;
    width: 58px;
    color: transparent;
    text-transform: capitalize;
}


.profilePictureUpload .selectFile .uploadButton{
    float: left;
    margin-left: 3px;
}

.cropButton{
    background: transparent url("../images/cropButton.png") no-repeat top left;
    height: 21px;
    width: 49px;
}

.profilePictureUpload .errorMessage{
    clear: both;
    padding-top: 12px;
    padding-left: 12px;
}

/*GlobalAdverts*/


#globalAdverts a{
    position: absolute;
    top: 20px;
}

#globalAdverts .left{
    right: 950px;
}

#globalAdverts .right{
    left: 950px;
}


.subscribeButton{
    background: transparent url("../images/subscribeToThisThread.png") no-repeat top left;
    width: 134px;
    height: 21px;
    color: transparent;
    clear: both;
    margin: 5px 0 0 0;
    float: left;
}

.unsubscribeButton{
    background: transparent url("../images/unsubscribeFromThisThread.png") no-repeat top left;        
    width: 156px;
    height: 21px;
    color: transparent;
    clear: both;
    margin: 5px 0 0 0;
    float: left;
}

.registerButtonBig{
    background: transparent url("../images/registerButtonBig.png") no-repeat top left;
    width: 291px;
    height: 26px;
    color: transparent;
    margin: 11px 0 11px 0;
}

.advertPanel{
    border-top:2px solid #E8ECEF;
    display: block;
    margin: 0 0 13px 0;
}

.advertPanel img{
    vertical-align: top;
}

/* promotional */
#promotional{
    background: url(../images/pinkBg.png) #252525 repeat-x;
    color: #383838;
    font-size: 12px;
}

#promotional.noBackground{
    background: none;
}

#promotional a{
    color:  #E01A22;
}

#promotional #header{
    background: url(../images/promotionalSprite.png) repeat-x 0 -7px;
    height: 61px;
    padding: 0;
    margin: 0;
    position:relative;
    z-index:200;
}

#promotional #header div{
    display: block;
    width: 921px;
    margin: 0 auto;
    padding: 0;
    z-index: 100;
}
#promotional #container{
    position: relative;
    top:-1px;
}

#promotional #container #main{
    width: 919px;
    border: 1px solid #cbcbcb;
    border-width: 0 1px;
    background-color: #ffffff;
}

#promotional #container #main.landing{
    background-color: #000000;
    border: solid #000000;
    border-width: 0 1px;
}

#promotional #container #main #hero{
    height: 636px;
    overflow: hidden;
    text-indent: -99999px;
}

#promotional #container #main #hero #videoContainer{
    text-indent: 0;
}

#promotional #container #main #smallHero{
    height: 160px;
    overflow: hidden;
    text-indent: -99999px;
}


#promotional #container #mainBottom{
    background: url(../images/promotionalSprite.png) no-repeat 0 0px;
    height: 7px;
}

#promotional #container #mainBottom.landing{
    background: url(../images/blackRoundedBottom.png) no-repeat 0 0;
    height: 7px;
}

#promotional #container #inner{
    min-height: 160px;
    padding: 75px 45px 0 45px;
}

#promotional #container #inner.plain{
    background: none;
    padding-top: 38px;
    display:inline-block;
    width: 829px;
}

#promotional #container #inner #offer{
    float: left;
    display: inline-block;
    margin-right:7px;
    width:515px;
}

#promotional #container #inner #codeEntry{
    width: 285px;
    float: left;
    display: inline-block;
    margin-left: 22px;
}

#promotional h1{
    color: #3b3b3b;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}

#promotional .offerText{
    color: #3b3b3b;
    text-transform: uppercase;
    font-size: 14px;
    margin: 25px 0 20px 0;
}

#promotional .offerText strong{
    color: #E01A22;

}

#promotional #entryForm{
    background: url(../images/codeBoxSprite.png) no-repeat -1px 0px;
    width: 282px;
    height: 88px;
    padding-top: 15px
}

#promotional #videoContainer{
    background-color:#000000;
    border:7px solid #E5E5E5;
    height:204px;
    left:215px;
    position:absolute;
    top:290px;
    width:480px;
}

#promotional .screeningCodeEntryText{
    background: url(../images/codeBoxSprite.png) no-repeat 0px -115px;
    width: 240px;
    margin: 0 20px 8px;
    height: 15px;
}

#promotional .inputField{
    height: 19px;
    width: 187px;
    background: none #ffffff;
    margin: 6px 19px;
    float: left;
    border: solid 2px #a6aeb1; 
}

#promotional .goButtonBig{
    background: url(../images/codeBoxSprite.png) no-repeat -244px -105px;
    height: 32px;
    width: 32px;
}

#promotional .helpText{
    margin: 6px 20px;
}

#promotional .buttonLinks li a{
    background: url(../images/buttons.png) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    float: left;
    margin-right: 10px;
    height: 25px;
    width: 152px; 
    color: #fff;
}

#promotional .buttonLinks #officialSite a{
    background-position: -152px 0;
    width: 146px;
}

#promotional .buttonLinks #quiz a{
    background-position: -1324px 0;
}

#promotional .buttonLinks #facebook a{
    background: url(../images/facebook.png) no-repeat;
    width: 25px;
}

#promotional #partners{
    margin: 5px 0;
}

#promotional #partners.play a{
    margin-left: 0;
}

#promotional #partners.play #play{
    width: 110px;
}

#promotional #partners a{
   display:inline-block;
    float:left;
    height:40px;
    margin-left:42px;
    width:175px;
}

#promotional #partners #thorpePark{
    padding: 7px 26px 0 0;
    margin-top:10px;  
}

#promotional #partners #theDungeons{
    width: 117px;
}

#promotional #offer .instructions{
    padding: 25px 0;
    color: #a38a4d;
}

#promotional #offer .instructions p{
    padding: 0;
}

#promotional #millenium{
    background: url("/promotional/expendables/studiosSprite.png") no-repeat 0 -10px;
    height: 14px;
    width: 56px;
    float: left;
    margin-right: 72px;
}

#promotional #lionsgate{
    background: url("/promotional/expendables/studiosSprite.png") no-repeat 0 2px;
    height: 10px;
    width: 56px;
    float: right;
    margin-right: 25px;
}

/* Promotional Flow */

#promotional .screeningFlow{
    background-color: #393939;
}

#promotional .screeningFlow ul{
    background:url("../images/pinkFlowSprite.png") no-repeat scroll left bottom transparent;
    width: 840px;
    margin:10px 40px;
}

#promotional .screeningFlow ul li{
    float: left;
    width:200px;
}

#promotional .screeningFlow ul li span{
    margin-top: 1px;
}

#promotional .screeningFlow ul .done span{
    background:url("../images/pinkFlowSprite.png") no-repeat scroll -843px -51px transparent;  
}

#promotional .screeningFlow #enterCode span {
}

#promotional .screeningFlow ul .inProgress {
    background:url("../images/pinkFlowSprite.png") no-repeat scroll left -3px transparent;
}

#promotional .screeningFlow ul .inProgress span{
    margin-top: 0;
    background:url("../images/pinkFlowSprite.png") no-repeat scroll -857px -50px transparent;
}

#promotional .screeningFlow #selectCinema{
    background-position: -202px -3px;   
}

#promotional .screeningFlow #selectCinema span{
    margin-left: 3px;
}

#promotional .screeningFlow #yourDetails{
    background-position: -400px -3px;
    margin-left: 0;
}

#promotional .screeningFlow #yourDetails span{
    margin-left: 19px;
}

#promotional .screeningFlow #confirmation{
    margin-left: 0;
    background-position: -600px -3px;
    width: 100px;
}

#promotional .screeningFlow #confirmation span{
    margin-left: 27px;
}

#promotional .screeningFlow #getYourTicket{
    width: 140px;
    background-position: -698px -3px;
}

#promotional .screeningFlow #getYourTicket span{
    margin-left: 126px;
}


#promotional #footer{
    color: #6a6a6a;
    padding: 7px 45px;
    font-size: 11px;
}

#promotional #footer a{
    color: #6a6a6a;
    font-weight: bold;
}

#promotional #footer .seperator{
    margin: 0 10px;
}

/* Ticket */

#promotional .ticket{
    width: 809px;
    height:441px;
    position: relative;
    font-size: 11px;
    border: 12px solid;
    background: #ffffff;
}

#promotional .ticket .mainInfo{
    width: 558px;
    height: 112px;
    position: absolute;
    top: 97px;
    left: 9px;
}

#promotional .ticket .mainInfo dl dt{
    display: none;
}



#promotional .ticket .mainInfo dl .name{
    left:14px;
    position:absolute;
    top:2px;
}

#promotional .ticket .mainInfo dl .admit{
    left:365px;
    position:absolute;
    top:2px;
}

#promotional .ticket .mainInfo dl .expiryDate{
    left:422px;
    position:absolute;
    top:2px;
}

#promotional .ticket .mainInfo dl .offer{
    width: 210px;
    height: 50px;
    left: 20px;
    top: 34px;
    position: absolute;
}

#promotional .ticket .mainInfo dl .barcode{
    position: absolute;
    left: 360px;
    top: 34px;
}

#promotional .ticket .mainInfo dl dt.voucherNo{
    display: block;
    /*left: 356px; Moved because of barcode*/
    left:21px;
}

#promotional .ticket .mainInfo dl .voucherNo{
    position: absolute;
    top: 91px;
    /* left:423px; Moved because of barcode*/
    left:84px;
}

#promotional .ticket .tAndC{
    position: absolute;
    top: 230px;
    left: 13px;
    width: 780px;
    height: 112px;
}

#promotional .ticket .tAndC .tAndCHeading{
    font-weight: bold;
}

#promotional .ticket .bookingSummary{
    position: absolute;
    left: 620px;
    top: 110px;
    width: 180px;
}

#promotional .ticket .bookingSummary dl dt{
    display: none;
}


#promotional .ticket .bookingSummary dl .name{
    font-weight: bold;
}

#promotional .ticket .bookingSummary dl dt.voucherNo{
    float: left;
    display: inline;
}

#promotional .ticket .bookingSummary dl .voucherNo{
    float: left;
}

#promotional .ticket .bookingSummary dl .offer{
    clear: both;
    margin-top: 30px;
}

#promotional .screenings{
    width: 829px;
}

#promotional .screenings tr .noCol{
    width: 5%;
}

#promotional .screenings tr .cinamaCol{
    width:85%;
}

#promotional .screenings tr .availibilityCol{
    width:10%;
}

#promotional .screenings tr .availibilityCol .button{
    background:url("../images/buttons.png") no-repeat scroll -1046px top transparent;
    height:24px;
    width:68px;
}

#promotional .yes{
    background: url(../images/buttons.png) -550px top no-repeat;
    height: 24px;
    width: 54px;
}

#promotional .no{
    background: url(../images/buttons.png) -604px top no-repeat;
    height: 24px;
    width: 54px;
}

#promotional .registrationForm input{
    background-color: #fff;
    border: 1px solid #A6AEB1;
    color: #383838;
}

#promotional input.button{
    border:0;
}

#promotional #bookTickets{
    background:url("../images/buttons.png") no-repeat scroll -1114px top transparent;
    border:0 none;
    height:24px;
    width:100px;
}

#promotional .printTicket{
    background:url("../images/buttons.png") no-repeat scroll -1214px top transparent;
    border:0 none;
    height:24px;
    width:99px;
}

#promotional .greyBarHeader{
    display: block;
    width: 799px;
    background: none #ebebeb;
    height: 15px;
    padding: 5px 15px;
    color:#383838;
    text-transform: none;
    font-weight: bold;
    font-size: 13px;
}


#promotional .ticketOptions{
    margin-top: 1em;
}

#promotional object{
    position: absolute;
    z-index: 5000;
}

#promotional .confirmationMessage{
    margin: 12px;
    font-size:11px;
}

#promotional .advertArea2{
    background: #383838;
    margin-top: 5px;
}

#promotional .advertArea2 img{
    margin: 0 247px;
    width: 294px;
    padding: 10px;
}

#promotional .sponser{
    height:64px;
    position:absolute;
    right:-190px;
    top:-92px;
}


/*Aggregator Page Pagination*/

.aggregator .pagination{
    width: auto;
    clear: both;
    float: left;
    background:url("../images/greyBorderRepeat1px.png") repeat-x scroll left bottom transparent;
    padding: 0 0 10px 0;
    margin: 4px 0 10px 0;
}

.aggregator .pagination ol{
    width: 566px;
    float: left;
    display: block;
    margin: 0;
    text-align: left;
}

.aggregator .pagination span{
    width: 30px;
    float: left;
    display: block;
    margin: 0 10px 0 0;
}
/* mediaboxAdvanced - white theme */

#mbOverlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	cursor: pointer;
}

#mbOverlay.mbOverlayFF {
	background: transparent url(/images/mediabox/80.png) repeat;
}

#mbOverlay.mbOverlayIE {
	position: absolute;
}

#mbCenter {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.40);
	-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.40);
}

#mbCenter.mbLoading {
	background: #fff url(/images/mediabox/WhiteLoading.gif) no-repeat center;

/*	This style is applied only during animation.	*/
/*	For example, the following turns off shadows,	*/
/*	helping browser performance on slow systems.	*/
/*	To leave shadows on, just remove these lines:	*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#mbImage {
	position: relative;
	left: 0;
	top: 0;

/*	Begin styles for inline content, if no style is given	*/
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #000;
	text-align: left;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 10px;
}

#mbImage a, #mbImage a:link, #mbImage a:visited {
	color: #333;
}

#mbImage a:hover, #mbImage a:active {
	color: #000;
}

/*	End inline content styles	*/

#mbBottom {
	min-height: 20px;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #999;
	text-align: left;
	padding: 0 10px 10px;
}

#mbTitle {
	display: inline;
	color: #000;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}

#mbNumber {
	display: inline;
	color: #333;
	line-height: 14px;
	font-size: 10px;
	margin: auto 10px;
}

#mbCaption {
	display: block;
	color: #333;
	line-height: 14px;
	font-size: 10px;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	display: block;
	float: right;
	height: 20px;
	margin: 0;
	outline: none;
}

#mbPrevLink {
	width: 83px;
	background: transparent url(/images/mediabox/WhitePrevious.gif) no-repeat center;
}

#mbNextLink {
	width: 54px;
	background: transparent url(/images/mediabox/WhiteNext.gif) no-repeat center;
}

#mbCloseLink {
	width: 65px;
	background: transparent url(/images/mediabox/WhiteClose.gif) no-repeat center;
}

/*	Styles for flash version alert	*/

#mbError {
	position: relative;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #000;
	text-align: center;
	border: 10px solid #700;
	padding: 10px 10px 10px;
	margin: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
	color: #700;
	font-weight: bold;
	text-decoration: underline;
}