/**
* Page Title sub Headers
* list of cinemas
*/

span.sup{font-size:1.6em;}

div.showingin{
  color:#585b5d;
  margin:10px 0px;
  padding:10px 0px;
  width:165px;
}

span.grey{
  color:#585b5d;
}

div#page-title.submenu{
  margin-bottom:0px !important;
}
div#page-title h2{
  width:80%;
}
div#whats-on-at {
  overflow: hidden;
  width: 100%;
  margin-bottom: 10px;
}
div#whats-on-at h3 {
  padding: 0 8px 0 40px;
  margin: 0;
  float: left;
  font-size: 1.2em;
  width: auto;
  line-height: 22px;
}
div#whats-on-at div#cinemassubheading{
  float: left;
  width: 388px;
  background: url(/img/submenu-bg-lft.gif) top left no-repeat;
  height: 27px;
  padding: 0 0 0 12px;
}

div#cinemassubheading ul {
  background: url(/img/submenu-bg-rt.gif) top right no-repeat;
  list-style: none;
  height: 27px;
  margin: 0 !important;
  padding: 0 12px 0 0;
  overflow: hidden;
  width: 376px;
}

div#cinemassubheading ul li {
  float: left;
  margin: 0px;
  padding: 0px;
  height: 27px;
  font-size: 0.97em;
  vertical-align: top;
  /*background:url(/img/submenu-bg.gif) top left repeat-x;*/
}

div#cinemassubheading ul li.current{
  background: url(/img/submenu-bg-cur.gif) top left no-repeat;
}

div#cinemassubheading ul li a {
  color: #141414;
  padding: 0px 7px;
  line-height: 22px;
  display: block;
  background: url(/img/submenu-div.gif) top left no-repeat;
}

li span.div{
  display:block;
  float:right;
  width:2px;
  height:22px;
  padding:0px;
}

li span.div span {
  display:none;
  margin-left:-99999px;
}



/**
* ITEMS LIST
**/
div#movieslist {

}


div#movieslist ul{
  margin:0px;
  padding:0px;
  list-style:none;
}

div#movieslist ul li{
  overflow: hidden;
  background: url(/img/list-item-bg.gif) top left no-repeat;
  margin-bottom: 2em;
  padding-top: 14px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 0px;
  z-index: 0;
}

/*
div#movieslist ul li ul{
  color:#ffffff;
  list-style:disc !important ;
  padding-left:0px !important;
  margin-left:0px !important;
}

div#movieslist ul li ul li{
  list-style-type:disc !important;
  background:none !important;
  padding:1px 1px  !important;
  margin:2px 0px 2px 0px !important;
  font-family:Lucida Console, Monaco, monospace;
  color:#ffffff;
}
*/
div#movieslist ul li h3 {
  color:#bb5e45;
  font-size:1.667em;
  letter-spacing:-1px;
}

div#movieslist ul li h3 span{
  color:grey ;
  font-size:0.7em;
  font-weight:normal;
}

div#movieslist ul li h3 img{
  vertical-align:middle;
}

div#movieslist ul li h3 a{
  color:#bb5e45;
}

div#movieslist ul li h3 a:hover{
  color:#7189c3;
}

div#movieslist ul li div.img {
  background:url(/img/film-list-img-bg.gif) top right no-repeat;
  width:67px;
  height:94px;
  float:left;
}

div#movieslist ul li div.img img,
div#movieslist ul li div.img a.img{
  border:solid 1px #ffffff;
}

div#movieslist ul li div.cleared {
  width: 100%;
  overflow: hidden;
}
div#movieslist ul li .summary{
  float:left;
  width:340px;
  margin-right:5px;
  margin-left:5px;
}

.summary p.runningtime,
.summary p.releasedate,
.summary p.category{
  color:#676767;
  font-weight:bold;
  margin:2px 0px;
}

.summary p.runningtime span,
.summary p.releasedate span,
.summary p.category span{
  color:#7189c3;
}


div#movieslist ul li .actioncol{
  float:left;
  width:190px;
  margin-right:5px;
  margin-left:5px;
  margin-top:-5px;
}


div#movieslist ul li div.actioncol div.bbfcinfo{
  width:100%;
  height:30px;
  overflow:visible;
  position:relative;
}

div.bbfcinfo img{
  vertical-align:bottom;
  padding:0px 5px 0px 0px;
  float:left;
}

img.bbfclogo{
margin-top:5px;
}

p.bbfcinfo{
  padding:0 2px 0px 5px ;
  font-size:0.9em;
  float:left;
  width:115px;
  w\idth:105px;
  height:30px;
  overflow:hidden;
}


div.tinfo{
  margin-top:2em;
  padding-left:2em;
}
div.tinfo div.link {
  overflow: hidden;
  height: 100%;
}
/**
* ITEM
*/

div#filmdetails {
  width: 100%;
  overflow: hidden;
}

div#filmdetails p.see-below {
  color: #7189c3;
  font-weight: bold;
  text-align: left;
  margin: 0 0 0.5em 0;
  padding: 0 0 0 40px;
}

#media{
width:100%;
overflow:hidden;
}

#media img{
  float:left;
  margin-right:39px;
}

#media .imgplaceholder{
  float:left;
  margin-right:39px;
  width:185px;
}

#media #trailer{
  width:418px;
  min-height:264px;
  height:auto !important;
  height:264px;
  float:left;
}

#bbfcinfo{
  float:left;
  margin-right:39px;
  width:186px;
  background:#191919;
}

#bbfcinfo a.official{
  background:url(/img/page-curve-bg.gif) top left no-repeat;
  width:100%;
  height:60px;
  line-height:40px;
  text-align:center;
  font-size:1.4em;
  font-weight:bold;
  letter-spacing:-1px;
  color:#ffffff;
  display:block;
  margin:0px;
}

div#bbfcinfo div.bbfcrow{
  background:#1a1a1a url(/img/h-divider.gif) bottom left repeat-x !important;
  overflow:hidden;
  width:100%;
  padding-bottom:12px;
  padding-top:12px;
  margin-top:0px;
  margin-bottom:0px;
}

div.bbfcrow div.bbfc-left{
  width:70px;
  min-height:40px;
  height:auto !important;
  height:40px;
  float:left;
  vertical-align:middle;
}

div.bbfcrow div.bbfc-left img{
  margin-left:7px;
}

div.bbfcrow div.bbfc-right{
  font-size:0.9em;
  width:112px;
  float:right;
}

div#notes {
  float:left;
  width:418px;
}

#summary #notes p{
line-height:1.75em;
}

div#notes .note{
  padding:5px;
  background:#202225;
  margin:3px 0px;
}

div#notes div.note span{
  color:#7189c3;
  font-weight:bold;
}

div#showtimes{
  margin-top:40px !important;
  width:642px;
  min-height:250px;
  height:auto !important;
  height:250px;
  border-bottom: 1px dotted #000000;
}

div#showtimes-header{
  position:relative;
  background:url(/img/showtimes-header-bg.gif) bottom left no-repeat;
  margin:0px auto;
  margin-top:2em;
  width:623px;
  height:30px;
}

a#dayprev,
a#daynext,
a#dayall{
  width:30px;
  height:30px;
  display:block;
  float:left;
}

a#dayall{
  width:38px;
}

div#showtimes-header div#selecteddate{
  text-align:center;
  font-size:1.1em;
  font-weight:bold;
  float:left;
  padding-top:5px;
  width:179px;
  color: #1a1a1c;
}


ul#showdays{
  z-index: 100;
  list-style:none;
  display:none;
  margin:0px;
  padding:0px;
  position:absolute;
  top:30px;
  left:30px;
  width:180px;
}

ul#showdays li{
  background:url(/img/day-picker-bg.gif) top left repeat-x;
  font-size:1em;
  float:left;
  text-align:center;
  width:100%;
  height:29px;
  border-bottom:solid 1px #1a1a1a;
  margin:0px;
}

ul#showdays li a{
  color:#000000;
  line-height:30px;
  display:block;
}

p#keytosymbols{
  padding: 5px 0 0 0;
  margin: 0 0 0 10px;
  float: left;
  width: 335px;
  text-align: center;
  font-size: 1.2em;
}
p#keytosymbols span {
  color: #7189c3;
  font-weight: bold;
}

#keytosymbols,
#keytosymbols img{
vertical-align:middle;
}

div#showtimeslist{
  background:#202428 url(/img/show-times-list-bg.gif) top left no-repeat;
  overflow:hidden;
  width:100%;
  padding-top:20px;
  min-height:135px;
  min-he\ight:115px;
  height: auto !important;
/*  height: 205px;
  he\ight:185px; */
}

div#showtimesfooter{
  background:#202428 url(/img/show-times-footer-bg.gif) top left no-repeat;
  overflow:hidden;
  width:100%;
  min-height:25px;
  line-height:20px;
  padding-top:15px;
  text-align:center;
}


div#showtimesfooter img{
  vertical-align:middle;
}

div.row {
  background: #202428 url(/img/showtimes-divider.gif) bottom left repeat-x;
  margin-bottom: 6px;
  padding: 4px 0 6px 0;
  overflow: hidden;
  width: 100%;
}

div#showtimeslist div.nobrder{
  background:none ;
}

div.row div.rowheader {
 float: left;
 padding-left: 8px;
 width: 123px;
 w\idth: 115px;
 height: 50px;
 overflow: visible;
}
div.row div.rowheader h3 {
  padding-top: 7px;
}
div.row div.rowheader h3.selected {
  padding-top: 0;
}
div.row div.rowheader h3.selected span {
  display: block;
  font-size: 0.85em;
  font-weight: normal;
  color: #7189c3;
}

div.dayrow {
  width: 518px;
  overflow: hidden;
  float: right;
  text-align: left;
}

div.dayrow ul.times {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
  float: left;
  overflow: hidden;
}
div.dayrow ul.times li {
  display: block;
  float: left;
  width: 81px;
  height: 47px;
  font-size: 1.1em;
  padding: 0 !important;
  margin: 0 5px 5px 0 !important;
  position: relative;
  z-index:0 !important;
}
div.dayrow ul.times li.end-of-row {
  margin-right: 0 !important;
}
div.dayrow ul.times li .time-slot {
  background: url(/img/showtime-blue-grad.gif) top left repeat-x;
  display: block;
  width: 81px;
  color: #fff !important;
  text-align: center;
  padding: 7px 0 0 0;
  height: 40px;
}
div.dayrow ul.times li .soldout {
  background: url(/img/showtime-red-grad.gif) top left repeat-x;
  color: #444 !important;
}
div.dayrow ul.times li .soldout span.sold {
  display: block;
  padding-top: 4px;
  font-size: 0.9em;
  letter-spacing: 1px;
}

div.dayrow ul.times li .expired {
  background: url(/img/showtimes-block.gif) top left repeat-x;
  background-position: -2px 0;
  color: #444 !important;
}
div.dayrow ul.times li .warn {
  background: url(/img/showtime-amber-grad.gif) top left repeat-x;
}
div.dayrow ul.times li div.facilities {
  overflow:hidden;
  position: absolute;
  left: 0;
  bottom: 0;
  width:100%;
  height:18px;
}
div.dayrow ul.times li div.facilities img {
  display: inline-block;
  padding:0px 1px 0px 1px;
  float:left;
}