/* fonts */
body { font:11px/13px Verdana, Sans-serif; }
h1 { font-size:20px; line-height:23px; }
h2 { font-size:14px; line-height:17px; }
input { font-size:12px; }
p { margin:7px 0; }

/* homepage */
    #wrap { width: 655px; margin: 5px auto 5px auto; height: 400px }

    body#homepage #wrap, body#blankhomepage #wrap { background:transparent url(../images/800_600/mainBG-2.gif) no-repeat }

    body#homepage input.field { width: 125px; top: 60px }

    h2#enterCode {
        height: 18px;
        width: 261px;
        background: url(../images/800_600/enterCode.gif) no-repeat;
        text-indent: -9999px;
    }

    body#homepage #go {
        left: 195px;
        top: 55px;
        width: 27px;
        height: 22px;
        background: url(../images/800_600/go.gif) no-repeat;
    }

    #formWrap { z-index: 1001; left: 375px; top: 110px; width: 270px }

    #formFieldBG { height: 40px; width: 160px; top: 50px; background-image:url(../images/800_600/formField.gif) }

    #formLinkText { top: 90px; margin-right: 20px }

    #homeLink { background-image:url(../images/800_600/mainBG-2.gif); height: 270px; width: 425px }

    #main { position: relative; z-index: 1000; padding: 250px 70px 0 70px }

    #registerNow { top: 325px }

    #registerNow a { height: 29px; width: 126px; background-image:url(../images/800_600/registerNow.gif) }

/* login screen */

    div#login { position: relative; top: -30px; }

    div#login div.errortext { position:absolute; top:50px; left:350px; width:200px; }

    .inputTextWrap { background:transparent url(../images/800_600/inputBg1.gif) no-repeat top right; width: 280px; height: 45px; }

    #loginPassword.inputTextWrap { background:transparent url(../images/800_600/inputBg2.gif) no-repeat top right; }

    .inputTextWrap input { width: 145px; top: 10px }

    #loginGo  {
        left: 285px;
        top: -65px; 
        width: 27px;
        height: 22px;
        background: url(../images/800_600/go.gif) no-repeat;
    }

    #orRegister { left:480px; top:300px; background:transparent url(../images/800_600/orRegisterButton.gif) no-repeat; width:195px; height:44px; }

/* terms pages */

	body#plain2col #wrap { background-image:none; }
	body#plain2col #homeLink { margin-left: 65px; background-image:url(../images/800_600/mainBGblack.gif); height: 255px } 

/* film on the left */

    #theFilm { width:245px; height:400px; padding-bottom:10px; }
	ul#filmLinks { top: 30px!important; }
	ul#filmLinks li a { height:30px; }
	ul#filmLinks li#trailerLink a { width:64px; background-image:url(../images/800_600/trailer.gif); }
	ul#filmLinks li#websiteLink a { width:71px; background-image:url(../images/800_600/website.gif); }
	ul#filmLinks li#synopsisLink a { width:69px; background-image:url(../images/800_600/synopsis.gif); }
	p#certification { margin:75px 0 0 30px; }
	img#filmPoster { margin-left: 30px; width: 150px!important }
    p#withTitle, #specialInformation { margin-left: 30px; }
    p#withTitle img { width: 150px!important }

    .infoBox { width: 380px; height: 400px; padding-bottom:10px; float: left; background:transparent url(../images/800_600/resultsPlainBG-2.gif) no-repeat; }

    #pleaseSelectTheScreening { left:5px; top:-105px; background:transparent url(../images/800_600/pleaseSelectTheScreening.gif) no-repeat; width:188px; height:39px; }

    #filmTableWrap { left: -20px; top: 90px; width:388px; }
    #tableWrap { top: -45px; width:334px; height:155px; }
    #tableHeadBg { position: relative; top: -70px; background:transparent url(../images/800_600/tableHead-2.gif) no-repeat; width:328px; height:28px; }
    #tableWrap table { margin-top: -30px; }
    #tableWrap table tr td { font-size: 9px; width:93px; }
	#tableWrap table tr td.cinema { width:89px; padding-left: 4px; }
    #tableWrap table tr td.venue { width:73px; padding-left: 10px }
    #tableWrap table tr td.date { width:56px; }
	#tableWrap table tr td.time { width:56px; padding: 15px }
	#tableWrap table tr td a { color:#fff; }
	#tableWrap table tr td a:hover { border-bottom:2px solid #fff; }
	#tableWrap table { font-size:11px; }

/* choose tickets */

    .infoText { top:150px; left:30px; width: 300px; position:relative; }
    #youHaveSelectedToAttend { background:transparent url(../images/800_600/youHaveSelectedToAttend.gif) no-repeat; width:276px; height:33px; }
    #howManyTickets { background:transparent url(../images/800_600/howManyTickets.gif) no-repeat; width:300px; height:39px; }
    #howManyTicketsLinks input {
        width:93px;
        height:23px;
        margin:10px 10px;
        background:transparent url(../images/800_600/Nticket.gif) no-repeat;
        font:11px/11px Verdana, Sans-serif;
        font-weight:bold;
        border:none;
    }

/* give feedback screen */

    input.giveFeedback { width:110px; height:26px; background:transparent url(../images/800_600/giveFeedback.gif) no-repeat; }
    input.noThanks { width:110px; height:26px; background:transparent url(../images/800_600/noThanks.gif) no-repeat; }


/* congrats */

    h1#h1Congratulation { margin-top: 0 }

/* footer */
div#navFooter { height: 63px; z-index: 1002 }

ul#nav { width: 514px; margin-top: 32px; }

ul#nav li { padding-right: 45px }
ul#nav li a { height:31px; }
ul#nav li a:hover { border:none; background-position:0 -31px; }
ul#nav li#faq a { width:37px; background-image:url(../images/800_600/faqNav.gif); }
ul#nav li#editDetails a { width:81px; background-image:url(../images/800_600/editDetailsNav.gif); }
ul#nav li#contactUs a { width:77px; background-image:url(../images/800_600/contactUsNav.gif); }
ul#nav li#terms a { width:52px; background-image:url(../images/800_600/termsNav.gif); }
ul#nav li#help a { width:42px; background-image:url(../images/800_600/helpNav.gif); }

/* problems
these is an embedded image on homepage
img#enterCode { }
body#homepage #go

login page
login title the margins on the title are inline
go button is embedded
*/