html {
  -webkit-font-smoothing: antialiased;
  overflow-y: scroll;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

body {
  margin:0 0; 
  background-image:
    linear-gradient(
      to top,
      #a01e20 70% ,
      #4e1110 
      
    );
  font-weight:normal;
  font-family: century gothic, regular;
  -webkit-font-smoothing: antialiased;
  color:#000;
  font-smoothing: antialiased;  
}

h1 {margin-top:5px; font-weight:normal}
h2 {margin-top:5px; margin-bottom:10px;font-size:26px; font-weight:normal}

img{border:none;}
a, a:visited{text-decoration:none;  color:#00000}

.clear{clear:both;}

#page {width:990px; margin: 0 auto; min-height:960px;}
#pageContent{width:100%; min-height:100px; display:block;}
@media screen {#pageContentColumn {margin-left:20px; width:299px; float:right; margin-top:10px;}}
@media print {#pageContentColumn {visibility:hidden; display: none !important;}}

@media screen {#pageContentBody {width:620px; float:left; min-height:600px; height:100%}}
@media print {#pageContentBody {width:940px; float:left; min-height:600px; height:100%}}

#pageContentBody h1 {font-size:28px; letter-spacing:1px; border-top:6px solid #501211; color:#501211; padding-top:1px; margin-top:0px;}

#header {
    height:190px;
    width:990px;
    background:url(/sites/FILMEXGIB/images/lclogo.png);
    background-repeat:no-repeat;
    font-size:24px;
    color:#B3BCC1;
    }
  
#header .address {
  text-align:right;
  padding-top:auto;
  padding-bottom:auto;
  float:right;
  padding-top:30px;
  }

#contentWrapper {
  background:#fff;
  padding-top:25px;
  padding-bottom: 25px;
}

#footer {
  /*height:60px;*/
  width:100%;
  margin-right:auto;
  margin-left:auto;
  color:#ffffff;
  font-size:16px;
  line-height:18px;
  text-align:center;
  padding-top:5px;
  background-image:
    linear-gradient(
      to top,
      #4e1110 10% ,
      #a01e20 
      
    );
  
}

#footer .address {
}

#footer .phone {
}

/*     AdmitOne     */
#footer .a1Links{
  margin-top:20px;
  font-size:14px;
}

/*     CoeCreative     */
#footer .ccLinks{
    height:30px;
    width:80px;
    position:absolute;
    margin-top:41px;
    margin-left:642px;
}
  
#footer .ccLinks a img:hover {
    background: rgba(115,166,238, 0.5);
    -moz-transition: background .2s linear;
    -webkit-transition: background .2s linear;
    -o-transition: background .2s linear;
    transition: background .2s linear;
}
  
#footer .coecreativeLink{margin-left:2px; float:left;}

/*=======================================================
Header Section Navigation
=======================================================*/
@media screen {
  #nav {border-top:2px solid black; border-bottom:2px solid black; height:50px; width:990px;background-color:#ffffff; color:#000000}
  
  #nav .home {  padding-right:10px; margin-left:10px; float:left; }
  #nav .home a:hover {background-color:none}
  
  #nav .menuSeperator {
    height:28px; 
    width:15px; 
    margin-top:11px; 
    background:url(/sites/FILMEXGIB/images/menu-seperator.png) no-repeat; float:left;}
  
  #nav a{
    color:#000;
    text-align:center;
    width:150px;
    margin-top:12px;
    height:26px;
    float:left;
    font-size:1.1em;
    letter-spacing:1px;
    text-transform:uppercase;
  }

  .OLCT_movieTimes tr td{
    text-decoration: none;
  }
  .OLCT_movieTimes tr td a{
    background-color: #501211;
    color: #ffffff;
    text-decoration: none;
  }
  .OLCT_movieTimes tr td a:hover{
    background-color:#691615;
    cursor: pointer;
  }
  
  #nav .selected {letter-spacing:2px}
  #nav a:hover {} 
}

@media print {
  #nav {visibility:hidden; display: none !important;}
  #nav .home {visibility:hidden; display: none !important;}
  #nav .home a:hover {visibility:hidden; display: none !important;}
  #nav .menuSeperator {visibility:hidden; display: none !important;}
  #nav a{visibility:hidden; display: none !important;}
  #nav .selected {visibility:hidden; display: none !important;}
  #nav a:hover {visibility:hidden; display: none !important;} 
}

/*=======================================================
SHOW CASE IMAGES and TRAILERS
=======================================================*/

@media screen {
  #showCaseContainer {height:410px; width:100%; position:relative; clear:both;}
  
  #showCaseColumn {width:620px; float:left}
  #showCaseColumn .banner {height:53px; width:100%; z-index:1000; position:relative; background:url(/images/nowshowing.jpg) no-repeat;}
  
  #showCaseColumn h1 {font-size:28px; letter-spacing:1px; border-top:6px solid #501211; color:#501211; padding-top:1px; margin-top:0px; margin-bottom:10px;}
  
  #showCaseImage {height:252px; margin-top:-2px; z-index:-1; width:100%; background-size: 100% 100%}
  
  #showCaseNavigation{height:100px; position:relative; z-index:1001; padding-top:5px; width:100%}
  
  #showCaseLink{font-weight:bold; width:400px; padding-top:12px; float:left}
  #showCaseLinkTitle {font-size:27px; color:#A01E20; height:35px; width:100%; overflow:hidden}
  #showCaseLink .readMore{color:#000; font-size:18px; width:auto; float:left}
  #showCaseLink img {margin-left:10px; float:left}
  
  #showCaseThumbnails {width:215px; height:93px;  float:right; padding-top:4px; overflow:hidden;}
  #showCaseThumbnails img{margin-left:8px; width:63px; height:93px; float:left; cursor:hand; cursor:pointer;}
  
  #homeBannerPreviewStill {cursor:hand; cursor:pointer;}
  
  #trailerColumn {width:299px; margin-left:20px; float:right; position:relative;}
  #trailerColumn h1 {font-size:28px; letter-spacing:1px; border-top:6px solid #501211; color:#501211; padding-top:1px; margin-top:0px; margin-bottom:5px;}
  #trailerBox {width:100%; margin-top:53px; height:207px; background:#501211;}
  #trailerImage{z-index:100; width:299px; height:200px; position:absolute; left:0px; top:51px }
  #trailerImageUrl {width:299px; height:200px}
  #trailerImagePlay{margin-top:-180px; margin-left:6px; position:relative; z-index:1000; cursor:pointer}
  
  #trailerLeft{width:24px; height:24px; position:absolute; left:18px; top:268px; cursor:pointer; background:url(/images/trailerleft.png) no-repeat;}
  #trailerRight{width:24px; height:24px; position:absolute; left:265px; top:268px; cursor:pointer; background:url(/images/trailerRight.png) no-repeat;}
  #trailerTitle{
    width:222px; height:24px; 
    text-transform:uppercase; 
    text-align:center;
    position:absolute;
    overflow:hidden;
    left:38px; top:265px; 
    font-size:18px;
    font-weight:bold;
    color:#ffffff;
  }
  
  #popcornSection{width:100%; margin-top:10px; height:90px; background:#501211;}
  #popcornSection .facebook{height:38px; width:299px; color:#ffffff; float:left; padding-top:15px;}
  #popcornSection .twitter{height:38px; width:299px; color:#ffffff; float:left; padding-top:5px; padding-left: 4px;}
  #popcornSection .email{height:38px; width:299px; color:#ffffff; float:left;}
  #popcornSection .icon{margin-top:-2px; float:left; padding-left:15px; padding-right:10px;}
}

@media print {
  #showCaseContainer {visibility:hidden; display: none !important;}
  
  #showCaseColumn {visibility:hidden; display: none !important;}
  #showCaseColumn .banner {visibility:hidden; display: none !important;}
  
  #showCaseImage {visibility:hidden; display: none !important;}
  
  #showCaseNavigation{visibility:hidden; display: none !important;}
  
  #showCaseLink{visibility:hidden; display: none !important;}
  #showCaseLinkTitle {visibility:hidden; display: none !important;}
  #showCaseLink .readMore{visibility:hidden; display: none !important;}
  #showCaseLink img {visibility:hidden; display: none !important;}
  #showCaseThumbnails {visibility:hidden; display: none !important;}
  #showCaseThumbnails img{visibility:hidden; display: none !important;}
  
  #trailerColumn {visibility:hidden; display: none !important;}
  #trailerBox {visibility:hidden; display: none !important;}
  #trailerImage{visibility:hidden; display: none !important;}
  #trailerImageUrl {visibility:hidden; display: none !important;}
  #trailerImagePlay{visibility:hidden; display: none !important;}
  
  #trailerLeft{visibility:hidden; display: none !important;}
  #trailerRight{visibility:hidden; display: none !important;}
  #trailerTitle{visibility:hidden; display: none !important;}
  
  #popcornSection{visibility:hidden; display: none !important;}
  #popcornSection .facebook{visibility:hidden; display: none !important;}
  #popcornSection .email{visibility:hidden; display: none !important;}
  #popcornSection .icon{visibility:hidden; display: none !important;}
}

/*=======================================================
Home Page Movies
=======================================================*/

@media screen {
  #dateNav {
  margin-top:15px;
  height:125px;
  width:610px;
  }
  
  #dateNavTitle {width:620px; float:left; height:48px}
  #dateNavTitle h1 {font-size:28px; letter-spacing:1px; border-top:6px solid #501211; color:#501211; padding-top:1px; margin-top:0px; margin-bottom:5px;}
  #dateNavTitle .clapper{margin-top:5px; width:50px; height:55px; background:url(/images/clapper.png) no-repeat; float:left}
  #dateNavTitle .showtimes{height:40px; float:left; font-weight:bold;}
  
  #dateNavDates {width:625px; float:left; background-image:url(/images/filmtimes.jpg); background-repeat:no-repeat; background-size:620px;}
  #dateNavDates a {
    margin-top:4px;
    padding-top:10px;
    height:51px;
    width:78px;
    float:left;
  }
  #dateNavDates a {color: #A01E20}
  #dateNavDates a.selected {color: #501211} 
  #dateNavDates a:hover{color: #501211; cursor:pointer}
  #dateNavDates .title {width:100%; font-size:22px; line-height:20px; font-weight:bold; text-align:center;}
  #dateNavDates .date  {width:100%; font-size:17px; text-align:center;}
}

@media print {
  #dateNav {
  margin-top:5px;
  height:85px;
  width:940px;
  }
  
  #dateNavTitle {}
  #dateNavTitle .clapper{}
  #dateNavTitle .showtimes{}
  
  #dateNavDates {width:940px; float:left; padding-left:35px;}
  #dateNavDates a {
    margin-top:4px;
    padding-top:10px;
    height:70px;
    width:110px;
    float:left;
  }
  #dateNavDates a {color: #d0a747}
  #dateNavDates a.selected {color: #501211; font-size:22px; border-top:2px solid #501211;}  
  #dateNavDates a:hover{color: #501211; cursor:pointer}
  #dateNavDates .title {width:100%; font-size:30px; line-height:28px; font-weight:bold; text-align:center;}
  #dateNavDates .date  {width:100%; font-size:20px; text-align:center;}
}

/*=======================================================
Movie Item
=======================================================*/

.movieItem {width:100%; margin-top:5px; margin-bottom:5px; padding-top:17px; border-top:1px solid #501211;}
.movieItem img{width:133px; float:left; margin-top:5px; border:1px solid #d3b256;}

.movieItem .movieItemDetails .movieItemSynopsisScreen a{
  background-image:url('/images/rightclick-small.png');
  background-repeat:no-repeat;
  background-position:80px;
  padding-left:4px;
  padding-right:18px;
  color:#A01E20;
}

.movieItemDetails a {color:#A01E20;}
.movieItem .movieItemDetails .movieItemSynopsisScreen a:hover{
  background-image:url('/images/rightclick-small.png');
  background-repeat:no-repeat;
  background-position:70px;
  padding-left:4px;
  padding-right:18px;
  background-color: rgba(115,166,238, 0.5);
  -moz-transition: background .2s linear;
  -webkit-transition: background .2s linear;
  -o-transition: background .2s linear;
  transition: background .2s linear;
}

@media screen {.movieItemDetails {width:475px; max-height:250px; margin-left:10px; float:left; overflow:hidden}}
@media print {.movieItemDetails {width:790px; margin-left:10px; float:left; overflow:hidden}}

@media screen {.movieItemTitle {font-size:25px; width:470px; margin:0px; height:32px; font-weight:normal; float:left; overflow:hidden}
.movieItemTitle a{color:#ffffff;}}
@media print {.movieItemTitle {font-size:25px; width:550px; margin:0px; font-weight:normal; float:left; overflow:hidden}
.movieItemTitle a{color:#ffffff;}}

.movieItemRunTime {width:470px; height:22px; font-size:16px; padding-top:3px; margin-top:0px; font-weight:normal;float:left; overflow:hidden}

@media screen {.movieItemSynopsisScreen {font-size:14px; padding-top:8px; height:60px; overflow:hidden;}}
@media print { .movieItemSynopsisScreen {visibility:hidden; display: none !important;}}

@media screen {.movieItemSynopsisPrint {visibility:hidden; display: none !important;}}
@media print { .movieItemSynopsisPrint {font-size:14px; overflow:hidden;}}

.movieItemSeperator{height:4px; width:600px; background-position:center; background:url(http://www.leisurecinemas.com/images/movieseperator.png) no-repeat}

.bookNowBlock{margin-left:145px; margin-top:-70px; Width:475px;}
.bookNowLink{width:108px; margin-right:10px; margin-bottom:10px; color:#fff; background:#501211; float:left; text-align:center; padding-top:6px; padding-bottom:6px;}
.bookNowLink:hover{color:#fff; background:#A01E20;}
.bookNowLinkTime{font-size:24px; font-weight:bold; line-height:30px; letter-spacing:1px;}
.bookNowLinkText{font-size:18px;}

.bookNowLinkDate{font-size:16px; letter-spacing:1px;}
.bookNowLinkTime_allShowings{font-size:16px; letter-spacing:1px;}
.bookNowLinkText_allShowings{font-size:16px;}

/*=======================================================
Left Hand Buttons
=======================================================*/
.test {
position:absolute;
margin-top:-11px;
margin-left:-40px;
width: 0px;
height: 0px;
border-top: 26px solid #fff;
border-bottom: 26px solid #fff;
border-left: 0px solid transparent;
border-right: 26px solid transparent
}

@media screen {
  a.redButton {letter-spacing:1px; color:#fff; width:284px; height:41px; font-size:22px; margin-bottom:10px; 
    padding-left:15px; padding-top:11px; display:block; background:#501211;}
    
  a:hover.redButton {background:#501211;}

  a#selected.redButton {background-repeat:no-repeat; background-position:0px 20px; padding-left:40px; width:259px; background-color:#510404;}
    
  a.compButton {width:250px; height:69px; font-size:25px; font-weight:bold; margin-bottom:10px; 
    display:block; padding-top:15px; padding-left:40px; text-transform:uppercase; background:url(/images/compbutton.png) no-repeat}
  
  .specialEvents {height:295px; margin-top:20px;}
  .specialEvents h1 {font-size:28px; letter-spacing:1px; border-top:6px solid #501211; color:#501211; padding-top:1px; margin-top:0px; margin-bottom:5px;}
  .specialEvents a:first-of-type img{margin-right:8px;}
  .moviePick {width:145px; height:205px; margin-bottom:10px; display:block; float:left;}
  
  .readMore{color:#000; font-size:18px; width:auto; float:left}
  
  .sideBannersContainer {padding-top:10px;}
  .sideBannersContainer a{padding-bottom:10px;}
  .sideBannersContainer a img{max-width:299px;}
}

@media print {
  a.redButton {visibility:hidden; display: none !important;}
  a.compButton {visibility:hidden; display: none !important;}
  .specialEvents {visibility:hidden; display: none !important;}
  .specialEvents a:first-of-type img{visibility:hidden; display: none !important;}
  .moviePick {visibility:hidden; display: none !important;}
  .readMore{visibility:hidden; display: none !important;}
}

.OLCT_formButtons{
  display: inline-block;
}
.rating_disclaimer{
  display: inline-block;
  vertical-align: middle;
}
.rating_disclaimer img{
  width: 35px;
  padding: 0 3px;
  vertical-align: middle;
}

.beforeYouBook {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    line-height: 10px;
}

/*=======================================================
Article
=======================================================*/
#article {width:100%; font-size:20px; font-weight:normal}
#article .content {margin-top:10px; font-weight:normal}

/*=======================================================
Contact Us
=======================================================*/
.formItem {clear:both; margin-bottom:5px}
.formItem input, textarea {width:530px;}

.comingSoonDates {}
.comingSoonDates a:link {color:#000; padding:5px;}
.comingSoonDates a:hover {color:#333; background-color:#ffc064;}

.kidsClub {
width:620px;
padding-top:15px;
}

.kidsClub img {
  float: left;
  margin-right: 15px;
}

#kids-club {
margin:0px;
padding:0px;
}

#kids-club li {
  border:1px solid #000;
  background:#f3e7e7;
  padding:10px;
  width:598px;
  overflow: hidden;
  list-style:none;
  margin-bottom:10px;
}

#kids-club li h3 {
margin:0px;
padding:0px;
}

#kids-club p {
margin:0px;
padding:0px;
padding-top:5px;
}

input, textarea, select, option {
  font-size:16px;
  resize: none;
  padding:4px;
  background: #FAFAFA;
  outline:none;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border:1px solid rgba(0,0,0, 0.2);
}

input:focus, textarea:focus, select:focus, option:focus {
  background: #FFFFFF;
  box-shadow: 0 0 5px rgba(118,6,6, 1);
  -webkit-box-shadow: 0 0 5px rgba(118,6,6, 1); 
  -webkit-box-shadow: 0 0 5px rgba(118,6,6, 1); 
  -moz-box-shadow: 0 0 5px rgba(118,6,6, 1);
  border:1px solid rgba(118,6,6, 0.8); 
}

.giftCardFormPage {padding: 10px; margin-bottom: 10px;}
.giftCardFormItem {clear:both; padding-left:20px; padding-bottom:5px}
.giftCardFormItem label{float:left; width:150px; padding-top:4px; text-align:left}

.fullField {width:866px}
.halfField {width:423px}

@media screen {
  .formButton {
    letter-spacing:1px;
    text-align:center;
    margin-top:20px;
    color:#fff;
    width:284px;
    height:41px;
    font-size:22px;
    display:block;
    background:#501211;
    cursor:hand;
    cursor:pointer;
  }
  
  .arrowImg {}
}

@media print {
  .formButton {visibility:hidden; display: none !important;}
  .arrowImg {visibility:hidden; display: none !important;}
}

#map_canvas { height: 100% }

/*2019 Booking Engine*/
.OLCT_formButtons #cancel{
  background-color: #701918;
  border: none;
  color: #ffffff;
  padding:10px;
}
.OLCT_formButtons #process{
  background-color: #501211;
  border: none;
  color: #ffffff;
   padding:10px;
}
.OLCT_formButtons #cancel:hover{
  background-color:#501211;
  cursor: pointer;
}
.OLCT_formButtons #process:hover{
  background-color:#701918;
  cursor: pointer;

}
.OLCT_SelectSeatButton{
  background-color: #501211;
  margin-top: 10px !important;
  border: none;
}
.OLCT_SelectSeatButton:hover{
  background-color:#701918;
  cursor: pointer;
}
.OLCT_SelectSeatButton br{
  display: none;
}
.OLCT_SelectSeatButton a{
  color: white;
  vertical-align: middle;
}
.OLCT_SelectSeatButton a p{
  padding:10px;
}
.proceedtopayment,
.OLCT_continueButton,
.OLCT_cancelButton,
.OLCT_extraSkip input{
  background-color: #501211;
  padding:10px;
  border: none;
  color: #ffffff;
}
.proceedtopayment:hover,
.OLCT_continueButton:hover,
.OLCT_cancelButton:hover,
.OLCT_extraSkip input:hover{
  background-color: #701918;
  cursor: pointer;
}
.OLCT_tableView {
    margin-top: 50px;
}
.printPageButton{
  float: right;
  background-color:#501211;
  color: #ffffff;
  padding: 10px;
  margin-right: 40px;
  width: 15%;
}
.printPageButton:hover{
  cursor: pointer;
  background-color:#701918;
}
.OLCT_tableView a{
  background-color:#501211;
  color: #ffffff;
  padding: 10px;
  margin-right: 40px;
  width: 15%;
}
#ticketTotal {
    width: 50%;
    border-collapse: collapse;
    border-spacing: 0;
}