/* Reset default browser styling */
* {padding:0;margin:0;}
img {border:0;margin: 0;padding: 0;}
body {font-size:62.5%;font-family: Arial, Helvetica, sans-serif;background:url(../images/background.jpg) top center no-repeat;background-color:#A71812;background-attachment:fixed;}
.clear{clear: both;}
#container{width: 900px;margin: 0 auto;}

/*
body.advertisement {background:url(/UserFiles/Backgrounds/body.jpg) top center no-repeat !important;background-color:#A71812 !important;background-attachment:fixed !important;}
*/

/* ------- Masthead & Footer - all pages ------- */
#masthead{width: 900px;/*height: 106px;*/float: left;/*background:#fff url(../images/masthead.jpg) top left no-repeat;*/background-color: #FFF;}
#mastheadLeft{width: 460px;height: 76px;float: left;}
#mastheadRight{width: 440px;height: 76px;float: left;}
#nav{width: 581px;height: 30px;float: left;}
#filmLine{width: 319px;min-height: 23px;_height:23px;float: left;background:url(../images/filmline-bg.jpg) top left no-repeat;}
#footer{width: 900px;min-height: 70px;float: left;background-color: #9C9394;}

/* ------- Homepage layout ------- */
#homeColumnWrap{width: 900px;float: left;}
#homeLeftColumn, #homeRightColumn{width: 234px;height: 458px;float: left;}
#cinemas, #booking{width: 220px;height: 202px;float: left;background:#A71812 url(../images/redbox-bg.jpg) top left no-repeat;margin: 7px 7px;}
#cinemasHeading, #bookingHeading{width: 220px;height: 47px;float: left;}
#cinemasContent, #bookingContent{width: 220px;float: left;}
#homeLeftColumnAds, #homeRightColumnAds{width: 220px;height: 202px;float: left;margin: 0px 7px 7px 7px;}
#homeMiddleColumn{width: 432px;height: 465px;float: left;}
#movieRotator{width: 432px;height: 450px;float: left;background:url(../images/movie-rotator-bg.jpg) top left no-repeat;margin: 7px 0px 0px 0px;}
#movieRotatorInfo{width: 432px;height: 320px;float: left;}
#movieRotatorThumbnails{width: 430px;height: 130px;float: left;padding-left: 2px;}
#comingSoon{width: 886px;height: 221px;float: left;background:url(../images/coming-soon-bg.jpg) top left no-repeat;margin: 0px 7px;}
#comingSoonHeadingLeft{width: 443px;height: 47px;float: left;}
#comingSoonHeadingRight{width: 443px;height: 47px;float: left;}
#comingSoonContent{width: 886px;height: 174px;float: left;}
.comingsoonmovie {width: 268px;height: 163px;float: left;background-color: #171717;margin: 0px 15px 0px 12px;}
#horizontalAds {width: 900px;height: 104px;float: left; background-color:#fff;}
#homeFooterLeftAd {width: 165px;height: 90px;float: left;margin: 7px 7px 7px 7px;}
#homeFooterRightAd {width: 715px;height: 90px;float: left;margin: 7px 0px 7px 0px;}

/* ------- Cinema landing page / showtimes layout ------- */
#cinemaLeftColumn {width: 203px;float: left;}
#cinemaInfo {width: 188px;float: left;background:url(../images/greybox-bg.jpg) top left repeat-y;margin: 7px 7px;}
#cinemaInfoHeading {width: 188px;height: 47px;float: left;}
#cinemaInfoContent {width: 188px;float: left;}
#cinemaInfoBottom {width: 188px;height: 17px;float: left;background:url(../images/greybox-bottom.jpg) top left no-repeat;}
#quickPicks {width: 188px;float: left;background:url(../images/blackbox-bg.jpg) top left repeat-y;}
#quickPicksHeading {width: 188px;height: 53px;float: left;}
#quickPicksContent {width: 188px;float: left;}
#quickPicksBottom {width: 188px;height: 16px;float: left;background:url(../images/blackbox-bottom.jpg) top left no-repeat;}
#cinemaLeftColumnAds {width: 188px;float: left;margin: 0px 7px 7px 7px;}
#showtimes {width: 697px;float: left;padding: 0px 0px 30px 0px;}
#showtimes div div {display:inline !important; padding:0px; marging:0px; border:0px;} /* to get rid of update manager div shift */
#cinemaHeader {width: 690px;height: 45px;float: left;background:url(../images/cinema-header-bg.jpg) top left no-repeat;margin: 7px 0px 7px 0px;}
#comingsoonHeader, #blockHeader {width: 650px;height: 45px;float: left;background:url(../images/650-header-bg.jpg) top left no-repeat;margin: 7px 0px 7px 10px;}
#horizontalCinemaAd {width: 690px;height: 100px;float: left;margin: 7px 0px 7px 0px;}
#sortListings {width: 690px;min-height: 44px;float: left;background:url(../images/sort-bg.gif) bottom left no-repeat;}
#sortListings.comingsoon {width: 650px;}
#sortListingsLeft {width: 500px;height: 44px;float: left;}
.comingsoon  #sortListingsLeft {width: 460px;}
#sortListingsRight{width: 190px;height: 34px;float: left;}
/*.comingsoon  #sortListingsRight{width: 150px;}*/
.movie {width: 690px;float: left;margin: 12px 0px 0px 0px;background:url(../images/sort-bg.gif) bottom left no-repeat;}
.comingsoon, .campaign { /* overriding .movie for coming soon listings*/width: 650px;margin: 12px 5px 0px 10px;}
.moviePoster {width: 100px;height: 150px;float: left;margin-right: 14px;padding-bottom: 15px !important;}
.movieShowtimes {width: 576px;float: left;}
.comingsoon .movieShowtimes, .campaign .movieShowtimes {width: 536px;}
.campaign .movieShowtimes table {width: 520px;}
#advanceBookingHeader {width: 690px;height: 45px;float: left;background:url(../images/cinema-header-bg.jpg) top left no-repeat;margin: 7px 0px 7px 0px;}

/* ------- Film info page ------- */
#filmInfoColumnWrap{width: 900px;float: left;}
#filmInfoLeftColumn{width: 234px;float: left;padding-bottom: 10px;}
#filmInfoMiddleColumn{width: 432px;float: left;}
#filmInfo {width: 220px;float: left;background:url(../images/grey-film-info-box-bg.jpg) top left repeat-y;margin: 7px 7px;}
#filmInfoHeading {width: 220px;height: 47px;float: left;}
#filmInfoContent {width: 220px;float: left;}
#filmInfoBottom {width: 220px;height: 17px;float: left;background:url(../images/grey-film-info-box-bottom.jpg) top left no-repeat;}

/* ------- Generic content pages ------- */
#contentColumnWrap{width: 900px;float: left;}
#contentLeftColumn{width: 666px;float: left;padding-bottom: 15px;}
#contentBanner{width: 660px;/*height: 180px;*/float: left;margin: 7px 0px 3px 4px;}
#contentRightColumn{width: 234px;float: left;}
#contentRightColumnAds{width: 220px;float: left;margin: 0px 7px 7px 7px;}

.ajaxMovie, .ajaxComingSoon {margin:0; padding:0px; border: 0px;}

/* ----------- Menus alteration -----*/
#contentInnerColumn1 {float: left;padding-right: 15px;width: 155px;}
#contentInnerColumn2 {border-left: 1px solid #ccc;float: left;width: 495px;}
#contentInnerColumn1 a {color: #DF383F;}
#contentInnerColumn1 a:hover {text-decoration: none;}
#contentInnerColumn1 a.active {color: #333;font-weight: bold;text-decoration: none;}