﻿@charset "utf-8";
/* base styles 
blue - 09a0ff
*/

html, body { 
height:100%; 
}
body {
/*background-image: url(/ui/img/textures.jpg);
background-color: #fff;*/
background: #dbdbdb url(http://www.tribute.ca/images/bkg_tile.jpg) repeat-x center top;
/*	background: #dbdbdb url(http://www.tribute.ca/images/bkg_tile.jpg) repeat-x center top;*/
font-family: 'Open Sans', sans-serif;
font-size: 12px;
color: #000;
/*background-repeat: repeat-x;
background-position: center top;
background-attachment: fixed;*/
}

em {
font-style:italic !important;
}

#skin {

}



.hideskin {
background-image: none !important;	
background-color: transparent !important;
}

#wrap, .inwrap {
margin: 0px auto;
width: 320px;
/*-moz-transition: width 0.3s;
-webkit-transition: width 0.3s;
-o-transition: width 0.3s;
transition: width 0.3s;*/
}

#footer {
padding: 10px;
background-color: #000;
font-size: 10px;
}
.topitem{
/*position: fixed;
z-index:9999;*/	
}
.mast {
background-color: #848484;
/*	background-color: #383838;*/

}
/**/

#panel {
position: absolute;
left: 7px;
top: -6px;
height: 600px;
background-color: #999999;
opacity: 0;
overflow: auto;
width: 0;
background-image: url(/ui/img/navfade.png);
background-repeat: repeat-x;
background-position: center top;
}
#panel .navob {
width: 300px;
}
#shownav {
text-align: left;
float: left;
padding-left: 10px;
cursor: pointer;
height: 30px;
}

#showsearch {
float: right !important;
text-align: right !important;
padding-right: 10px;
cursor: pointer;
}

/**/
.logo {
/*float:left;	*/
float: none;
padding: 5px 0px;
width: 100%;
text-align: center;
}
.nav {
font-size: 14px;
}
.nav a {
color: #fff;
font-size: 18px;
text-decoration: none;
font-family: 'PT Sans Narrow', sans-serif;
}
.nav {
display: none;
}
.nav.xactive {
display: block!important;

}
.incontent {
width: 300px;
margin: 0px auto;
}
.moviecol{
line-height:150%;
}

.moviecol .incontent {
width:100%; 
display: inline-block;
padding-top: 0px;
}
.moviecol .incontent .movieinfo	{
float: left; 
width: 355px;		
}
.moviecol .incontent .movieinfo p	{
width: 100%;
}

.moviecol .incontent .trailer {
float:right;
position: relative; 
width: 173px;	

}

.moviecol .incontent .trailer a {
display: block;
position: relative;
width: 170px;
border: 1px solid #333;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
}

.moviecol .incontent .trailer a:hover {
border: 1px solid #09a0ff;
}

.moviecol .incontent .watchtrailer a {
display: none;
}


.moviecol .incontent .trailer img {
width: 100%;
margin: -16px 0px;
}

.moviecol .incontent .trailer span {
overflow: hidden;
display: block;
height: 95px;		
}


.moviecol .incontent .trailer .tile {
opacity: 1;
background: url(/ui/img/playicon.png) center center no-repeat #000;
cursor: pointer;
height: 95px;
width: 100%;
position: absolute;
z-index: 10;
opacity: 0;
padding-left: 0;
padding-right: 0;
border-top-left-radius: 3px;
border-top-right-radius:3px;
background-size: 55px 55px;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}

.moviecol .incontent .trailer:hover .tile {
opacity: .7;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}

.moviecol .incontent .trailer .watchtrailerblock { 
background-color:#333; 
color: #fff; 
font-size: 13px; 
text-align:center; 
padding: 5px;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}
.moviecol .incontent .trailer:hover .watchtrailerblock { 
background-color:#09a0ff; 
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}

.moviecol .incontent .trailer a {
text-decoration: none;	
}

/* trailer on synopsis pages */


.legal {
text-align: center;
clear: both;
}
.content {
background-color: #fff;
padding: 0px 10px;
margin: 10px 0px;
-webkit-box-shadow: 0 0 10px 2px #999;
box-shadow: 0 0 10px 2px #	999;
}

.img-responsive {
max-width:100%;
height:auto;  
display:block
}

.nopad{
padding:0px;	
}
.movieblock{
padding:10px;	
}
.secondary{
padding:0px;	
}
.moviesecleft{
padding:0 10px;
}
.blackbox {
background-color: #000;
color: #fff;
margin-left: -10px;
margin-right: -10px;
background-repeat: repeat-x;
background-position: center top;
}
.blackbox div.infoitem a {
color:#fff;
text-decoration:underline;
}

.playersize {
width: 320px;
height: 230px;
}


.invidbox h2{
margin-bottom:0px;
}
.invidbox h5{
font-size:14px;
line-height:140%;
}
.invidbox h5 span{
font-size:12px;	
}
.invidbox p a {
color: #fff; 
text-decoration: underline;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}

.invidbox p a:hover {
color: #09acf7;
}

.invidrev img {
width: 80px;	
}

.slider {
margin-left: -10px;
margin-right: -10px;
}
.videobox {
margin-left: -10px;
margin-right: -10px;
}
.videodetail{
margin-top:10px;
}
.videodetail h1{
font-size:30px;
}
.videodetail .meta{
margin-bottom:8px;	
}
.videodetail .socialmeta{
float:left;
margin-right: 15px;
}
.videodetail .meta span{
line-height: 20px;	
display:inline-block;
}
.slides {
position: relative;
overflow: hidden;
background-color: #f2f2f2;
margin-bottom: 5px;
max-width: 710px;
}
ul.slideslist {
width: 20000em;
position: relative;
}
ul.slideslist li {
width: 320px;
float: left;
}
ul.slideslist li a img {
margin: 0px;
padding: 0px;
width: 100%;
height: inherit;
background-color: #000;
}
.slidepanel {
padding: 10px 10px 5px 10px;
/*background-color:#f2f2f2;*/
-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.5);
box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.5);
}
.slidepanel select {
font-family: 'Open Sans', Sans-serif;
text-align: left;
width:100%;
font-size: 14px;
border:none;
background-image: url(/ui/img/arrowdw.jpg);
background-repeat: no-repeat;
background-position: 280px 5px;	
background-color: #fff;
}
.paneldrop{
width:100%;
overflow:hidden;
border:solid 3px #ccc;
border-radius: 3px;
-webkit-border-radius: 3px;
display:block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.slidepanel h2 a {
color: #000;
text-decoration: none;
}
ol.slidenav{
display:none;	
}
ol.slidenav li {
float: left;
width: auto;
display: inline-block;
}
ol.slidenav li a {
color: #000;
font-size: 14px;
text-decoration: none;
margin-right: 10px;
padding-right: 10px;
border-right: solid 1px #666;
}
ol.slidenav li a:hover {
color: #0971ff;
}
ol.slidenav li:last-child a {
margin-right: 0px;
padding-right: 0px;
border-right: none;
}
#featvid{
margin-bottom:10px;	
}
ul.invidnav{
background-image: url(/ui/img/blue-base.png);
background-position: right top;
display:inline-block;
padding-right:30px;
margin-left:-10px;
padding-left:10px;
}
ul.invidnav li{
float:left;
padding:6px 0px;
margin:0px;
}

ul.invidnav li a, ul.invidnav li.active a{
color:#fff;
text-decoration:none;
text-shadow: 1px 1px 1px #000;	
margin-right: 10px;
padding-right: 10px;
font-size:14px;
border-right: solid 1px #fff;	
background-image:none;
}
ul.invidnav li a:hover, ul.invidnav li.active a:hover{
color:#000;
text-decoration:none;
text-shadow: 1px 1px 1px #fff;	
}
ul.invidnav li a.last{
border-right: solid 0px #0971ff;	
}


/* typography */
.clear {
clear: both;
}
a {
color: #006eb3;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
h1 {
font-size: 24px;
margin-bottom: 12px;
font-family: 'PT Sans Narrow', sans-serif;
}
h1.maintitle {
font-size: 24px;
margin-bottom: 12px;
font-family: 'PT Sans Narrow', sans-serif;
line-height: 100%;
}

h2.maintitle {
font-size: 36px;
margin-bottom: 12px;
font-family: 'PT Sans Narrow', sans-serif;
}
.mainlabel{
margin-bottom:6px;	
padding:4px;
font-size:16px;
background-color:#f8f8f8;
}
.formlabel {
margin-bottom:10px;	
margin-top: 10px;
padding:6px;
font-size:18px;
font-weight: bold;
background-color:#f8f8f8;
}
.formlabel span {
font-weight:normal;
}

h2 {
font-size: 20px;
margin-bottom: 10px;
font-family: 'PT Sans Narrow', sans-serif;
}
h2 a.plain{
color:#000;	
}
h2 a.plain:hover{
text-decoration:none;
}

h3 {
font-size: 20px;
line-height: 115%;
margin-bottom: 6px;
font-family: 'PT Sans Narrow', sans-serif;
text-decoration: none;
}

h3 a {
color: inherit;
}

h3 a:hover {
color: inherit;
text-decoration: none;
}

span.inheader {
font-size: 14px;
text-align: right;
float: right;
display: inline-block;
text-shadow: none;
line-height: 100%;
}
h4, h5, h6 {
font-size: 14px;
margin-bottom: 6px;
}
.blueheading {
color: #fff;
background-image: url(/ui/img/header-blue.png);
background-position: left top;
background-repeat: no-repeat;
padding: 8px 10px;
display: block;
text-shadow: 1px 1px 1px #000;
}
.greenheading {
color: #fff;
background-image: url(/ui/img/header-green.png);
background-position: left top;
background-repeat: no-repeat;
padding: 8px 10px;
display: block;
text-shadow: 1px 1px 1px #000;
}

.blueheading_large {
color: #fff;
background-image: url(/ui/img/header-blue-large.png);
background-position: left top;
background-repeat: no-repeat;
padding: 8px 10px;
display: block;
text-shadow: 1px 1px 1px #000;
}

.blueheading_jumbo {
color: #fff;
background-image: url(/ui/img/header-blue-jumbo.png);
background-position: left top;
background-repeat: no-repeat;
padding: 8px 10px;
display: block;
text-shadow: 1px 1px 1px #000;
}
.greenheading-large {
color: #fff;
background-image: url(/ui/img/header-green-large.png);
background-position: left top;
background-repeat: no-repeat;
padding: 8px 10px;
display: block;
text-shadow: 1px 1px 1px #000;
}




.tabsnav{



}
.blueheading2 {
color: #fff;
float: left;
}
.blueheading2 span {
display: none;
}
.blueheading2 a {
color: #fff;
text-shadow: 1px 1px 1px #000;
padding: 8px 30px 8px 5px;
display: block;
text-decoration: none;
background-image: url(/ui/img/header-gray.png);
background-position: right top;
background-repeat: no-repeat;
}
.blueheading2 a:hover {
color: #000;
text-shadow: 1px 1px 1px #fff;
}
.active a {
background-image: url(/ui/img/header-blue.png);
}
.active a:hover {
color: #fff;
text-shadow: 1px 1px 1px #000;
}
a.first {
background-color: #09a0ff;
padding-left: 10px;
}
.active a.first {
background-color: #b3b3b3;
}
.purpleheading {
color: #fff;
background-image: url(/ui/img/header-purple.png);
background-position: left top;
background-repeat: no-repeat;
padding: 8px 10px;
display: block;
text-shadow: 1px 1px 1px #000;
}
.purpleheading a, .blueheading a, .greenheading a{
color:#fff;
text-decoration:none;	
}
span.inheader a {
color: #4a4a4a !important;
font-size: 16px;
line-height: 20px;
padding-right: 20px;
font-family: 'PT Sans Narrow', sans-serif;
text-decoration: none;
background-image: url(/ui/img/arrow-g.png);
background-repeat: no-repeat;
background-position: right top;
}
span.inheader a:hover {
background-image: url(/ui/img/arrow-b.png);
color: #0971ff;
}
.purpleheading span.inheader a:hover {
background-image: url(/ui/img/arrow-p.png);
color: #9900ff;
}
.greenheading span.inheader a:hover {
background-image: url(/ui/img/arrow-green.png);
color: #9900ff;
}

.off10 {
margin-left: -10px;
margin-right: -10px;
}

.in10{
margin-left:10px;	
position: relative;
top: -18px;
margin-top:20px;
margin-bottom:-10px;

}
.left10{
margin-left:10px;		
}
p, li {
line-height: 150%;
margin-bottom: 12px;
}
p {
display: block;
}
strong{
font-weight:bold;	
}
italic, em{
font-style:inherit;	
}
.shadow {
-webkit-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.9);
-moz-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.9);
box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.9);
}
.shadowmed {
-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.5);
box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.5);
}
/* spans */
.infolabel{

display:inline-block;
/* margin-right:8px;*/
color:#6e6e6e;
}
.infobox{

}
/* lists*/

#newondvd ul.posterslides li img {
border: 0px;
}
#newondvd ul.posterslides li a img:hover  {
border: 0px;
}
ul.posterslides {
width: 20000em;
position: relative;
}

ul.posterslides.iefix {
top: 0px !important;
}

ul.posterslides li {
width: 146px;
margin-right: 10px;
float: left;
font-size: 14px;
text-align: center;
line-height: 145%;
margin-bottom: 8px;
}

ul.posterslides li .stars a img {
border: 0 !important;	
margin: 0 !important;
margin-top: 2px;
}

ul.posterslides li .stars {
display: inline-block;
margin-left: auto;
margin-right: auto;
margin-top: 2px;
height: 15px;
width: 70px !important;
}	

ul.posterslides li img {
width: 100%;
height: inherit;
border: solid 1px #000;
webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}

ul.posterslides li a {
text-decoration: none;
color: #000;
font-weight: bold;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}

ul.posterslides li a:hover {
color: #0aa0ff;

}
ul.posterslides li a img:hover {
border: solid 1px #0aa0ff;
}

ul.posterslides li a span {
float: none;
max-width: 93%;
display: block;
margin: 0px auto;
padding-top: 4px;
padding-bottom: 2px;
height: auto;
cursor: pointer;
}

ul.videoslides {
width: 20000em;
position: relative;
}
ul.videoslides li {
width: 170px;
margin-right: 10px;
float: left;
line-height: 145%;

}
ul.videoslides li span{
overflow: hidden;
display: block;
height:	95px;
margin-bottom:8px;
}
ul.videoslides li img {
width: 100%;
margin: -16px 0px;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}
ul.videoslides li a {
text-decoration: none;
color: #000;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}
ul.videoslides li a:hover {
color: #0aa0ff;

}
ul.videoslides li a img:hover {

}



ul.videoblocks li {

line-height: 145%;
clear:both;
display:block;
font-size:12px;
padding: 5px;
clear: both;
background-color: #f8f8f8;
border-bottom: solid 1px #f1f1f1;
margin-bottom: 10px;

}
ul.videoblocks li span{
overflow: hidden;
display: block;
height:	50px;

float:left;
}
ul.videoblocks li img {

width:100px;
margin: -16px 15px -16px 0px;

-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}
ul.videoblocks li img:hover {
opacity:0.8;	
}

ul.videoblocks li a {
text-decoration: none;
color: #ff5400;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}
ul.videoblocks li a:hover {
color: #000;

}
ul.videoblocks li .image {
float:left;

}
ul.videoblocks li h2 {
margin-bottom: 0px;
}

ul.videoblocks li h2 a {
line-height: 110%;
}

#galleryview {
margin-top: 15px;	
}
ul.galleryslides {
width: 20000em;
position: relative;
}
ul.galleryslides li {
margin-right: 10px;
float: left;
line-height: 145%;

}
ul.galleryslides li span{
height:	170px;
padding:0px;
text-align:center;
background-color:#f1f1f1;
vertical-align:middle;
display:table-cell;

}
ul.galleryslides li a {
text-decoration: none;
color: #000;
}
ul.galleryslides li img {
max-height:170px;
width:inherit;

}
ul.galleryslides li a:hover {
color: #0aa0ff;

}
ul.moviegallery li{
margin-right: 10px;
float: left;
line-height: 145%;
height:170px;
}

ul.moviegallery li span {
height: 170px;
padding: 0px;
text-align: center;
background-color: #f1f1f1;
vertical-align: middle;
display: table-cell;
}
ul.moviegallery li img {
max-height: 170px;
}

.movienav{
display:none;	
}
.movienav2{
display:block;
clear:both;
width:300px;
overflow:hidden;
}
.movienav2 select{
width:300px;
appearance:list-menu;
-webkit-appearance: menulist;
-moz-appearance: menulist;
font-size: 18px;
color:#fff;
padding:5px;
background-color:#848484;
border:solid 0px #dbdbdb;
font-family: 'PT Sans Narrow', sans-serif;
margin-bottom:5px;
margin-top:10px;
}


ul.newslist {
}
ul.newslist li {
margin-bottom: 6px;
padding-bottom: 16px;
display: block;
clear: both;
background-image: url(/ui/img/separator-sml.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
ul.newslist li a {
text-decoration: none;
color: #000;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}
ul.newslist li span {
float: right;
width: 210px;
}
ul.newslist li img {
float: left;
border: solid 5px #ccc;
height: inherit;
max-width: 70px;
margin-right: 10px;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}
ul.newslist li.second span {
float: left;
width: 210px;
}
ul.newslist li.second img {
float: right;
border: solid 5px #ccc;
max-width: 70px;
margin-left: 10px;
margin-right: 0px;
}
ul.newslist li a:hover img {
border: solid 5px #9900ff;
}
ul.newslist li a:hover h3 {
color: #9900ff;
}
ol.bolists {
list-style-position: inside;
list-style-type: decimal;
margin: 0 0 8px 0;
padding-bottom: 12px;
background-image: url(/ui/img/separator-sml.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
ol.bolists li {
list-style-position: inside;
padding:0px; 
clear:both;
list-style-type: decimal;
}

ol.bolists li a {
width: 74%;
vertical-align: text-top;
display: inline-block;
font-size: 13px;
}
ol.bolists li span {
text-align: right;
float: right;
display: inline-block;
width: 15%;
font-size: 13px;
}
ul.mainvidlist li{
float:left;
margin-right: 2px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 3px solid #333;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;	
}
ul.mainvidlist li:hover{
border: 3px solid #09a0ff;
}

ul.mainvidlist li img{
width:80px;
height:inherit;

}
ul.mainvidlist li img:hover{
}

ul.mainvidlist li.active  {
border: 3px solid #09a0ff;	
background-image: none;
}

ul.mainvidlist li.active a {
background-image: none;
}
ul.mainvidlist li.active img{
opacity:1;
}
.invidbox{
padding:10px;	
}
ul.footerlinks {
padding-bottom: 10px;
}


ul.contestfeature{
padding:10px;	
}
ul.contestfeature li{
float:left;
width:300px;
padding:0px 0px 15px 0px;
}
ul.contestfeature li img{
max-width:315px;
width:100%;
height:inherit;
margin:0px auto;
border:solid 1px #fff;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}
ul.contestfeature li img:hover{
opacity:0.7;
border:solid 1px #25a503;
}
ul.contestfeature li a{
font-size:16px;
color:#fff;	
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease
}
a.itemtitle{
margin-bottom:5px;
display:block;	
}
ul.contestfeature li a:hover{

color:#25a503;	
text-decoration:none;	
}



/* contestlist*/
ul.contestlist{
padding:0px;	
}
ul.contestlist li{
float:left;
width:300px;
padding:0px 0px 15px 0px;
}
ul.contestlist li img{
max-width:300px;
width:100%;
height:inherit;
margin:0px auto;
border:solid 1px #fff;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}
ul.contestlist li img:hover{
opacity:0.7;
border:solid 1px #25a503;
}
ul.contestlist li a{
font-size:16px;
color:#25a503;	
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease
}
a.itemtitle{
margin-bottom:5px;
display:block;	
}
ul.contestlist li a:hover{

color:#25a503;	
text-decoration:none;	
}
/* */



ul.filmography li{
padding:0 0 4px 4px;
border-bottom:solid 1px #f1f1f1;
}
ul.filmography li:last-child {
border-bottom:solid 0px #f1f1f1;
}
ul.filmography li a{
color:#ff5400;
}

ul.castlist li{
padding:5px;
clear:both;
display: inline-block;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
background-color:#f8f8f8;
border-bottom:solid 1px #f1f1f1;
margin-bottom:10px;

}
ul.castlist li div.image{
float:left;
margin-right:10px;	

height:inherit;
}
ul.castlist li div.image img{
width:110px;
border:solid 1px #fff;
}
ul.castlist li div.image img:hover{
width:110px;
border:solid 1px #ff5400;
opacity:0.8;
}
ul.castlist li div.det{
float:right;	
}
ul.castlist li h2 a{
color:#ff5400;	
}
ul.castlist li h2 a:hover{
color:#000;
text-decoration:none;
}

a.loadmore{
color: #fff;
width: 97%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
background-color: #09a0ff;
padding: 10px;
display: block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size:16px;
font-family:'PT Sans Narrow', sans-serif;
text-shadow: 1px 1px 1px #000;
background-image: url(/ui/img/arrow-d.png);
background-repeat: no-repeat;
background-position: right center;
margin: 0px 10px 10px 0px;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
a.loadmore:hover{
text-decoration:none;	
background-color:#0971ff;
}

/* ads */
.topm {
display: block;
text-align: center;
margin-top: 10px;
max-height: 250px;
}
.bbm {
display: block;
text-align: center;
padding-bottom: 12px;
background-image: url(/ui/img/separator-sml.jpg);
background-repeat: no-repeat;
background-position: center bottom;
max-height: 250px;
}
.inline {
padding-top: 10px;
}
.ssm{
display: block;
text-align: center;
padding-bottom: 12px;
background-image: url(/ui/img/separator-sml.jpg);
background-repeat: no-repeat;
background-position: center bottom;
max-height: 250px;
}
.top, .bb, .ss160 {
display: none;
}
.ns {
background-image: none !important;
}
/* the fancyness */
.separator{
height:10px;	
}

.liner{
border-bottom: solid 1px #e4e4e4;
margin:10px 0px;
display: block;
}
.showtimesliner{
border-bottom: solid 1px #e4e4e4;
margin:10px 0px 5px 0px;
}
.searchbox {
display: block;
position: relative;
}
a.showmore{
display: block;
text-align: center;
font-size: 16px;
font-family:	'PT Sans Narrow', sans-serif;
background-image: url(/ui/img/showmore.jpg);
background-repeat: no-repeat;
background-position: center center;
padding:8px 0px;
margin-bottom:8px;
}

a.showmore:hover{
text-decoration:none;
color:#666;	
}
form.goform {
clear: both;
height: 27px;
overflow: hidden;
vertical-align: text-top;
margin-top: 7px;
margin-right: 8px;
border: solid 1px #888;
background-color: #ececec;
padding: 0px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
vertical-align: middle;
display: inline-block;
}
.inputcontainer {
float: left;
}

form.goform .inputcontainer input {
border: none;
color: #666;
background-color: #ececec;
margin: 3px 0px 1px 4px;
padding-left: 4px;
height: 22px;
line-height: 22px;
float: left;
width: 170px;
}

span.dropcontainer {
width: 90px;
overflow: hidden;
display: block;
float: right;
border-left: solid 1px #888;
background-color: #ececec;
}
select.drop {
color: #666;
border: none;
background-color: #ececec;
margin: 0px;
width: 115px;
margin: 2px 0px 1px 2px;
height: 24px;
line-height: 21px;
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: 65px -822px;
}
.initem {
background-color: #fff;
}
input.gobutton {
display: block;
padding: 0px !important;
height: 27px;
width: 28px;
border: none;
border: none;
margin: 0px;
float: right;
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: -7px -593px;
background-color:transparent;
}
input.gobutton:hover {
cursor: pointer;
}
.carousel {
position: relative;
overflow: hidden;
margin-bottom: 8px;
}
a.jcarousel-control-prev {
width: 40px;
height: 56px;
display: inline-block;
text-indent: -1000em;
background-image: url(/ui/img/prev.png);
position: absolute;
left: 0px;
top: 100px;
opacity: 0.7;
}
a.jcarousel-control-next {
width: 40px;
height: 56px;
display: inline-block;
text-indent: -1000em;
background-image: url(/ui/img/next.png);
position: absolute;
right: 0px;
top: 100px;
opacity: 0.7;
}
a.moviearrowl{
left: 0px;
top: 20px !important;
}
a.moviearrowr {
right: 0px;
top: 20px !important;
}
a.imgarrowl{
left: 0px;
top: 58px !important;
}
a.imgarrowr {
right: 0px;
top: 58px !important;
}

a.jcarousel-control-prev:hover, a.jcarousel-control-next:hover {
opacity: 1
}
a.jcarousel2-control-prev {
width: 50px;
height: 50px;
display: inline-block;
text-indent: -1000em;
background-image: url(/ui/img/prevw.png);
position: absolute;
left: -2px;
top: 20%;
opacity: 0.5;
}
a.jcarousel2-control-next {
width: 50px;
height: 50px;
display: inline-block;
text-indent: -1000em;
background-image: url(/ui/img/nextw.png);
position: absolute;
right: 8px;
top: 20%;
opacity: 0.5;
}
a.jcarousel2-control-next:hover {
opacity: 1;
}
a.jcarousel2-control-prev:hover {
opacity: 1;
}
fb_iframe_widget,
.fb_iframe_widget > span,
.fb_iframe_widget iframe {
width: 100% !important;
}

.moviestill{
text-align:center;	
padding-bottom: 12px;
background-image: url(/ui/img/separator-sml.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.moviestill img{
width:100%;	
margin:0px auto;
height:inherit;
}
.imgitm{
width:33%;	

}

.imgitm img{
width:99%;	
height:inherit;
display:block;
margin-bottom:1px;

}
.imgitm a img:hover{
opacity: 1;	
}

.imagemeta{
padding:0 5px 5px 5px;
}
.imagemeta .socials{
float:left;
}
.socials{
margin-bottom:8px;	
}
.imagenav{
text-align:right;
float:right;
margin-bottom:8px;	
}




.imagemeta .legals{
text-align:right;
font-size:10px;
}

/* Search suggest list */
#searchSuggestList {
border: 1px solid #848484;
background: #fff;
overflow: hidden;
padding: 0;
position: absolute;
left: 0px;
top: 35px;
width: 228px;
color: #000;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
z-index: 9999;
display: none;
}


#searchSuggestList a:link {
display: block;
text-decoration: none;
color: #09a0ff;
padding: 7px;
font-size: 16px;
border-bottom: 1px solid #ECECEC;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s  ease;
transition: all 0.3s ease;
}

#searchSuggestList a:visited {
display: block;
text-decoration: none;
color: #09a0ff;
padding: 7px;
font-size: 16px;
border-bottom: 1px solid #ECECEC;
}
#searchSuggestList a:hover {
background: #ebedef;
}  
#searchSuggestList a.active {
background: #CECECE;
}  
#searchSuggestList a img {
float: left;
}  
#searchSuggestList a span {
float: left;
margin-left: 7px;
width: 75%;
}  
#searchSuggestList a:last-child {
background-color: #ebedef;

}
#searchSuggestList a:hover:last-child {
color: #fff;
background-color: #333;

}
.hidden {
display: none;
}

/** Movie Mail **/

.signupcol {
padding-right: 0px;
margin-top: 10px;
}

.signupcol ul {
margin-top: 15px;
}

.signupcol li {
font-size: 15px;
line-height: 150%;
padding-left: 35px;
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: 2px -414px ;
background-repeat: no-repeat;
}
.signupcol h2 {
margin-bottom: 0px;
} 
.signupcol p {
padding-top: 6px;
margin-bottom: 10px;
} 
.signupcol .left {
float: left;
width: 70%;
}
.signupcol .right {
float: left;
padding-left: 2%;
width: 25%;
vertical-align: bottom;
}



.signupgheading {
margin-bottom: 7px;
}

.largeshelf {
background-image: url(/ui/img/largeshelf.jpg);
height: 20px;
background-repeat: no-repeat;
background-size: contain;
-moz-background-size: contain;  /* Firefox 3.6 */
background-position: contain;  
}

/* Generic Form */

.genericform {
margin-bottom: 5px;
}

.genericform > div {
clear: both;
overflow: hidden;
padding: 7px 0px 10px 0px;
border-bottom: 1px solid #e6e6e6;
}

.genericform > div > fieldset > div > div{
margin: 0 0 5px 0;

}

.genericform > div > label, legend {
float: left;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 600;
width: 49%;
padding-top: 5px;
margin-right: 4px;
}

.genericform > .skilltesting {
background-color: #25a503;
padding: 10px;
margin: 5px 0px 4px 0px;
border-radius: 3px;
-webkit-border-radius: 3px;
}

.genericform > .skilltesting h3 {
font-size: 20px;
font-weight: bold;
color: #fff;
margin-bottom: 2px;
}
.genericform > .skilltesting p {
font-size: 11px;
color: #fff;
margin: 3px 0px 0px 0px;
}

.genericform > .skilltesting p a {
color: inherit;
text-decoration: underline;
}

.genericform > .skilltesting > div {
clear: both;
overflow: hidden;
padding: 5px 0px 5px 0px;
width: 100%;
}

.genericform > .skilltesting > div > div {
float: left;
width: 50%;
}

.genericform > .skilltesting > div > label, legend {
float: left;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
line-height: 130%;
font-weight: 600;
color: #fff;
width: 50%;
margin-top: 2px;
}

.genericform > .skilltesting > div > label > span {
float: left;
font-size: 11px;
font-weight: normal;
margin-top: 9px;
width: 100%;
}

.genericform > .skilltesting > div > label > span a {
color: #fff;
text-decoration: #fff;
}

.genericform > div > div > a {
display: block;
padding: 7px 0px 3px 0px; 
}

.genericform > div > label > span {
float: left;
font-size: 10px;
font-weight: normal;
width: 100%;
}

.genericform > div > div,
.genericform > div > fieldset > div {
width: 50%;
float: left;
}

.genericform fieldset {
border: 0;
padding: 0;
}
.genericform > div > fieldset label  {
font-size: 13px;
line-height: 150%;
}

.genericform textarea {
font-family: 'Open Sans', sans-serif;
width: 98%;
}

.genericform input[type=text],
.genericform input[type=email],
.genericform input[type=url],
.genericform input[type=password] {
font-family: 'Open Sans', sans-serif;
width: auto;
border-top: 1px solid #c9c5c5;
border-left: 1px solid #c9c5c5;
border-right: 1px solid #c9c5c5;
border-bottom: 1px solid #c9c5c5;
}
.genericform input[type=text],
.genericform input[type=email],
.genericform input[type=url],
.genericform input[type=password] {
width: 345px;
box-sizing: border-box;
}
.genericform input[type=text]:focus,
.genericform input[type=email]:focus,
.genericform input[type=url]:focus,
.genericform input[type=password]:focus,
.genericform textarea:focus,
.genericform select:focus {
outline: 0;
border-color: #4697e4;
}

.genericform select {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
width: 345px;
box-sizing: border-box;
}

.genericform select.arrow {
background-image: url(/ui/img/selectarrow.png);
background-repeat: no-repeat;
background-position: right;
background-size: 20px 7px;
}

.genericform .consent {
background-color: #f8f8f8;
padding: 5px;
margin: 10px 0px 4px 0px;
border: 0;
}
.genericform .consent p {
display: block;
margin: 0 auto;
}

.genericform .consent label {
float:left;
font-weight:normal;
margin-left: 4px;
width: 96%;
line-height:150%;
padding-top: 1px;
padding-bottom: 3px;
margin-right: 0px;
}

.genericform .consent .checkbox {
float:left;
}

#EmbedVideoDiv input[type="checkbox"] {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;	
}

#EmbedVideoDiv input{
-webkit-appearance: textfield;
-moz-appearance: textfield;	
}



.genericform input[type="checkbox"] {
vertical-align: text-bottom;
margin-top: 4px;
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
}

.genericform input[type="radio"] {
margin-top: 4px;
-webkit-appearance: radio;
-moz-appearance: radio;
}


/* end of generic form */



.moviemailform > div {
clear: both;
overflow: hidden;
padding: 7px 0px 10px 0px;
border-bottom: 1px solid #e6e6e6;
}
.moviemailform > div > fieldset > div > div {
margin: 0 0 5px 0;
}

.moviemailform > div > label,
legend  {
float: left;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 600;
width: 50%;
padding-top: 5px;
}

.moviemailform > div > div,
.moviemailform > div > fieldset > div  {
width: 50%;
float: left;
}
.moviemailform > div > fieldset label  {
font-size: 13px;
line-height: 150%;
}

.moviemailform fieldset {
border: 0;
padding: 0;
}

.moviemailform input[type=text],
.moviemailform input[type=email],
.moviemailform input[type=url],
.moviemailform input[type=password],
.moviemailform textarea {
font-family: 'Open Sans', sans-serif;
width: auto;
border-top: 1px solid #c9c5c5;
border-left: 1px solid #c9c5c5;
border-right: 1px solid #c9c5c5;
border-bottom: 1px solid #c9c5c5;
}
.moviemailform input[type=text],
.moviemailform input[type=email],
.moviemailform input[type=url],
.moviemailform input[type=password] {
width: 345px;
box-sizing: border-box;
}
.moviemailform input[type=text]:focus,
.moviemailform input[type=email]:focus,
.moviemailform input[type=url]:focus,
.moviemailform input[type=password]:focus,
.moviemailform textarea:focus,
.moviemailform select:focus {
outline: 0;
border-color: #4697e4;
}


.moviemailform select  {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
width: 345px;
box-sizing: border-box;
}

.moviemailform select.arrow   {
background-image: url(/ui/img/selectarrow.png);
background-repeat: no-repeat;
background-position: right;
background-size: 20px 7px;
}



.moviemailform .consent {
background-color: #f8f8f8;
padding: 5px;
margin: 10px 0px 4px 0px;
border: 0;
}


.moviemailform .consent label  {
float: none !important;
font-weight:normal;
margin-left: 4px;
width: 100%;
line-height:150%;
padding-top: 1px;
padding-bottom: 3px;
}

.moviemailform .consent p {
padding-top: 3px;
margin-bottom: 0px;
font-size: 12px;
}
.moviemailform .consent .checkbox  {
float:left;
}

.moviemailform input[type="checkbox"]  {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
}



.form-control {
display: block;
font-size: 13px;
line-height: 1.428571429;
padding: 3px 0px 3px 3px;
vertical-align: middle;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.moviemailform .submitbuttonwrapper  {
border: 0;
padding-top: 2px;
padding-bottom: 0px;
}

.genericform .submitbuttonwrapper {
border: 0;
margin-top: 5px;
padding: 3px 0px 3px 0px;	
}

.moviemailform .submitbutton , .genericform .submitbutton  {
font-family: 'PT Sans Narrow', Sans-serif;
font-size: 22px;
padding: 8px 18px 8px 18px;
font-weight: bold;
color: #fff;
background-color: #09a0ff;
border: 0;
border-radius: 3px;
cursor: pointer;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s  ease;
transition: all 0.4s ease;
}


.moviemailform .submitbutton:hover , .genericform .submitbutton:hover {
background-color: #0971ff;
}

.moviemailform .submitbutton:active , .genericform .submitbutton:active {
background: #0971ff;
-moz-box-shadow: inset 0 0 4px 3px #0661dd, 0 1px 0 0 #fff;
-webkit-box-shadow: inset 0 0 4px 3px #0661dd, 0 1px 0 0 #fff;
}




.genericform .submitbuttoncontest {
font-family: 'PT Sans Narrow', Sans-serif;
font-size: 22px;
padding: 8px 25px 8px 25px;
margin-bottom: 15px;
font-weight: bold;
color: #fff;
background-color: #25a503;
border: 0;
border-radius: 3px;
text-shadow: 1px 1px 1px #000;
cursor: pointer;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s  ease;`
transition: all 0.4s ease;

}

.genericform .submitbuttoncontest:hover {
background-color: #197800;
}

.genericform .submitbuttoncontest:active {
background: #197800;
-moz-box-shadow: inset 0 0 4px 3px #166b00, 0 1px 0 0 #fff;
-webkit-box-shadow: inset 0 0 4px 3px #166b00, 0 1px 0 0 #fff;
}




.moviemailform .submitbuttoncontest:hover , .genericform .submitbuttoncontest:hover {
background-color: #197800;
}
.denote {
font-style:italic;
font-weight: 600;
}

.archivecol {
padding-right: 0px;
margin-top: 10px;
}


ul.archive {
float: left;
margin: 0px;
width: 100%;
margin-bottom: 5px;
}

ul.archive li:nth-of-type(2n+1) {
clear: both;
}

ul.archive li {
float: left;
width: 50%;
padding: 5px;
background-color: #f8f8f8;
border-right: 1px solid #fff;
font-size: 13px;
text-align: left;
line-height: 145%;
margin-bottom: 1px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
display: block;
}

ul.archive li a {
text-decoration: none;
color: #0971ff;
margin-bottom: 1px;
font-weight: normal;
padding-left: 4px;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}

ul.archive li a:hover {
color: #000;
text-decoration: underline;
}

/** end of movie mail **/

/** form validation **/

.needsfilled {
color:#ff002a !important;
font-weight: 600;
borde
}

.moviemailform input.needsfilled , .genericform input.needsfilled, .lrgform input.needsfilled {
border: 1px solid #ff002a;
}

/** end of form validation **/


/** Paginate **/

.pagination {
margin: 5px 0px 15px 0px;
background-color: #f8f8f8;
text-align: center;
padding: 10px 0px 10px 0px;
display: inline-block;
width: 100%;
}
.pagination a  {
font-size: 13px;
color: #0971ff;
font-weight: 600;
display: inline-block;
margin-right: 2px;
padding: 2px 8px;
text-decoration: none;
line-height: 150%;
border-radius: 3px;
-webkit-border-radius: 3px;
border:1px solid #0971ff;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}
.pagination a:hover {
background-color: #0971ff;
color: #fff;
}
.pagination a:active {
background-color: #0971ff;
color: #fff;
}

.pagination .selected {
background-color: #0971ff;
color: #fff;
}

.pagination .firstlast  {
border: 0;
margin-right: 0;
}

.pagination .firstlast:hover  {
background-color: #f8f8f8;
color: #000;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}

/** showtimes **/

.showtimescontent {
float: left;
margin-top: 5px;
width: 100%;
}

.showtimescontent .socials {
margin-top: 5px;
margin-bottom: 0px;
}

.showtimescontent h1 , .showtimescontent h2 {
font-size: 25px;
margin-bottom: 5px;
line-height: 130%;
}



.showtimescontent p {
font-size: 12px;	
margin: 0px 0px 5px 0px;
}
.showtimescontent .ticketinformation {
width:16px; 
height:16px; 
vertical-align: middle;
}
form#theatreform {
	margin-bottom: 10px;	
}
.theatrelocation {
float: left;
font-family: 'Open Sans', Sans-serif;
font-size: 14px !important;

}

h2.theatrelocation {
font-size: 20px;
margin-bottom: 0px;
}

h2.theatrelocation a {
float: left;
color: #fff !important;
margin: 0px 0px;
padding: 5px 7px 5px 7px;
background-color: #09a0ff;
line-height: 120% !important;
margin-bottom: 0px !important;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s  ease;
transition: all 0.4s ease;
text-decoration: none;
}

h2.theatrelocation a:hover {
background-color: #006db3;
}


.theatrelocation h2 a:hover {
color: #000;
}

.showtimescontent .greenbutton {
float: left;
font-family: 'Open Sans', Sans-serif;
font-size: 12px;
margin: -3px 0px 0px 10px;
line-height:  20px;
width: auto;
padding: 2px 4px 2px 4px;
font-weight: 600;
color: #fff !important;
border: 0;
height: auto;
background-color: #25a503;
display: block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s  ease;
transition: all 0.4s ease;
}

.showtimescontent .greenbutton:hover {
background-color: #197800;
}

showtimescontent .greenbutton:active {
background: #197800;
-moz-box-shadow: inset 0 0 4px 3px #166b00, 0 0px 0 0 #fff;
-webkit-box-shadow: inset 0 0 9px 3px #166b00, 0 0px 0 0 #fff;
}


.showtimescol {
padding-right: 0px;
margin-top: 5px;
}


.theatre {
display: inline-block;
background-image: url(/ui/img/greybg.jpg);
background-repeat: repeat-x;
/* background-image: linear-gradient(to bottom,#ebebeb, #fff 20%);
background: -webkit-linear-gradient(top, #ebebeb 10%, #fff 25%, #ffffff 60%); 
background: -o-linear-gradient(bottom, #fff 80%,#ebebeb 20%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
width: 100%;
margin: 10px 0px 7px 0px;
border: 1px solid #ebebeb;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
padding-bottom: 10px;
}



.theatre .columnleft {
float: left;
width: 88px;	
margin: 7px 0px 5px 11px;

}

.theatre .columnleft .theatreimage {
float: left;
margin-bottom: 0px;
height: auto;
overflow: hidden;
border: 1px solid #dcdcdc;
}

.theatre .columnleft h2 {
display: block;
color: #000;
text-align: center;
font-size: 17px;
text-align: center;
line-height:120%;
}

.theatre .columnleft h2 a {
font-size: 17px;
color: #000;
line-height:120%;
}

.theatre .columnright {
float: right;
width: 82%;
margin: 7px 10px 5px 10px;
}

.theatre .columnright h2 {
font-family: 'PT Sans Narrow' , Sans-serif;
font-size: 22px;
line-height: 120%;
font-weight: normal;
color: #000;
margin-top: 0;
margin-bottom: 0px;
padding-top: 0;
}

.theatre .columnright h2 a {
font-weight: normal;
color: #000;
}

.theatre .columnright h2 a:hover {
text-decoration: underline;
}

.theatre .columnright h3.sectitle {
font-size: 18px;
font-weight: normal;	
line-height: 24px;
padding-top: 2px;
margin-bottom: 2px;
}

.theatre .columnright .more {
margin-bottom: 0px;
}

.theatre .columnright .more a {
font-size: 12px;
color: #000;
margin-top: 0;
padding-top: 0;
}



.theatrerating {
display: inline-block;
width: 100%;
border: 0;
border-bottom: 1px solid #fff;
padding-bottom: 4px;
margin-top: 2px;
}

.theatre .columnright .theatrerating > span {
float: left;
margin-right: 38px;
vertical-align: text-bottom;
}

.theatre .columnright .theatrerating > span:last-child {
margin-right: 0;
}


.theatre .columnright .theatrerating > span p {
float: left;
padding-top: 2px;
margin: 0px 0px 0px 10px;
}

.theatre .columnright .theatrerating > span p > a {
text-decoration: underline;
color: #000;
}

.theatre .columnright .theatrerating > span p > a:hover {
color: #09a0ff;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}


.theatre .columnright .theatrerating span img {
float: left;
width: 70px;
}

.theatreinfo {
display: inline-block;
margin-top: 2px;
}



.ratetheatreinfo {
margin-top: 5px;	
}

.theatreinfo p {
float: left;
font-size: 13px !important;	
font-weight: normal !important;
line-height: 140% !important;
margin-bottom: 7px;
color: #000;
}


.theatreinfo .location {
color:#0971ff; 
width: 140px;
font-weight:600; 
padding: 3px;
margin: 0px 0px 4px 0px;	
text-align: center;
}
.theatreinfo p a{
color: #000;
cursor: pointer;
}


.theatreinfo > span:nth-of-type(odd) {
margin-left: 0px;
}
.theatreinfo span > span {
width: 100%;	
}

.icon {
float: left;
text-indent: -9999px;
}
/**
.addressicon {
padding-left: 20px;
margin-right: 1px;
background: url(/ui/img/icon.png) no-repeat 0 0;
background-position: 4px 1px;
}

.phoneicon {
padding-left: 20px;
margin-right: 5px;
background: url(/ui/img/icon.png) no-repeat 0 0;
background-position: -139px -300px;
}

.ticketingicon {
background: url(/ui/img/icons.png) no-repeat 0 0;
background-position: 4px -80px !important;
}

.mapicon {
padding-left: 17px;
background-image: url(/ui/img/showhidemap.png);
background-size: 14px 14px;
background-repeat: no-repeat;
background-position: 0px 3px;
}

.restauranticon {
padding-left: 20px;
margin-right: 5px;
background: url(/ui/img/icon.png) no-repeat 0 0;
background-position: 0px -56px;
}

.mallicon {
padding-left: 20px;
margin-right: 5px;
background: url(/ui/img/icon.png) no-repeat 0 0;
background-position: -138px -552px;
}
**/
.trailericon {
padding-left: 22px !important;
background-image: url(/ui/img/trailericon.png);
background-size: 14px 14px;
background-repeat: no-repeat;
background-position: 5px 2px;
}


/** showtimes nav **/

ul.showtimesnav {
width: 100%;
}

ul.showtimesnav li {
font-family: "PT Sans Narrow",sans-serif;
font-size: 20px;
text-align: center;
line-height: 145%;
margin-bottom: 8px;
}

ul.showtimesnav li:first-child a  {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}

ul.showtimesnav li:last-child a  {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}

ul.showtimesnav li a {
width: 173px;
float:left;	
text-decoration: none;
padding:5px 5px 5px 5px;
color: #fff;
text-shadow: 1px 1px 1px #000;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border-right:1px solid #fff;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
background-color: #848484;
}

ul.showtimesnav li a:hover {
background-color: #09a0ff;

}

ul.showtimesnav li a.showtimesactive {
background-color: #09a0ff ;
}

.selectnavmobile {
display:none;/*
clear:both;
width:300px;
overflow:hidden;*/
}

.selectnavmobile select{
font-family: 'PT Sans Narrow', sans-serif;
width:300px;
appearance:list-menu;
-webkit-appearance: menulist;
font-size: 18px;
color:#fff;
text-shadow: 1px 1px 1px #000;
padding:5px;
background-color:#09a0ff;
border:solid 0px #dbdbdb;
}

.selectnavmobile select option  {
text-shadow: 1px 1px 1px #000;
background-color: #09a0ff;
}


.selectnavmobile select.arrow {
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: 276px -905px;
-webkit-appearance: none;
}

.messagebox {
background-color: transparent;
width: 100%;
line-height: 125%;
box-sizing: border-box;
-webkit-border-box: border-box;
display: inline-block;
}

.theatre .messagebox {
padding: 2px 15px;	
}

.linkposition {
display: block;
width: 254px;
margin-top: 5px;
}

.linkposition span .movieratings {
padding-left: 28px;
background: url(/ui/img/icon.png) no-repeat 0 0;
background-position: 1px -978px;	
-moz-transition: background-color 500ms linear;
-webkit-transition: background-color 500ms linear;
-o-transition: background-color 500ms linear;
transition: background-color 500ms linear;

}

.linkposition span .movieratings:hover {
padding-left: 28px;
background: url(/ui/img/icon.png) no-repeat 0 0;
background-position: -133px -978px;	
}


.linkposition span .switchclock {
padding-left: 28px;
background: url(/ui/img/icon.png) no-repeat 0 0;
background-position: 1px -952px;	
-moz-transition: background-color 500ms linear;
-webkit-transition: background-color 500ms linear;
-o-transition: background-color 500ms linear;
transition: background-color 500ms linear;
}


.linkposition span .switchclock:hover {
padding-left: 28px;
background: url(/ui/img/icon.png) no-repeat 0 0;
background-position: 1px -1009px;	
}




.linkposition span a {
color: #09a0ff;
font-size: 13px;
background-color: #fafafa !important;
padding: 5px;
margin-right: 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
text-decoration: none;
}

.linkposition span a:hover {
background-color: #09a0ff !important;
color: #fff;
}

.linkposition .datefilter {
width: 280px;
float:right;	
margin-top: -9px;
}


.linkposition .datefilter select {
font-family: 'Open Sans', Sans-serif;
border: 0px;
font-size: 13px;
padding: 3px 0px 3px 25px;
background: url(/ui/img/icon.png) no-repeat 0 0,  url(/ui/img/selectarrow.png) no-repeat;
background-position: 1px -1042px, right;	
border: 1px solid #ebebeb ;
background-size: 160px 1071px, 20px 7px;
width: 280px
}

.linkposition .datefilter select *.nopadding {
padding-left: 0px !important;
}


.spacer {
margin-bottom: 7px;	
}

.messagebox h1 {
font-size:18px; 
font-family:'Open Sans', Sans-serif; 
font-weight:600;	
color:#09a0ff;
margin-bottom:0px; 
}

.messagebox h3 {
font-size:16px;
color: #000; 
font-family:'Open Sans', Sans-serif; 
font-weight: normal;
margin-top: 0px;
margin-bottom:0px; 
}

.messagebox .linkposition a {
padding-top: 3px;
font-size: 13px;
line-height: 10px;
font-weight: normal;	
float: right;
color: #006db3;
}

.messagebox .linkposition a:last-child {
float: left;	
padding-right: 7px;
padding-left: 0px;
}

.messagebox linkposition a:only-child {
border-right: 0px;	
}

.messagebox linkposition a:hover {
text-decoration: underline;	
}
.messagebox p {
font-size: 13px;
color: #000;
padding-top: 5px;
margin-bottom: 0px;
font-weight: normal;	
float: left;
}

/* showtimes movielist */
.searchbymovie .movielist div {
border-bottom: 1px solid #ebedef;
}

.searchbymovie .movielist div , .searchbymovie .movielist div:first-of-type {
padding-bottom: 4px;
}
.searchbymovie .movielist div:only-child {
border: 0;	
padding-bottom: 0;
}

.searchbymovie .movielist div:last-child {
padding-bottom: 0;	
}

.searchbymovie .movielist div:last-of-type {
padding-bottom: 0;	
}

.movielist div {
display: block;
padding-top: 6px;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border-bottom:1px solid #ebedef;
overflow: hidden;
width: 96%;
margin: 0 auto;
}


.movielist div:last-of-type {
border-top: 0px;	
border-bottom: 0px;	
}

.movielist div.hidden {
visibility: hidden;	
}
.movielist div ul li:first-of-type {
padding-top: 1px;	
}
.movielist div ul li:last-of-type {
margin-bottom: 0px;	
}
.movielist div:only-child {
border-bottom: none;	
}

.movielist div:first-of-type {
padding-top: 0px;
border-top: 0px;	
}

.movielist div:only-child {	
border-bottom: 0px;
}

.movielist div ul {
float: left;
margin-top: 2px;
padding-top: 0px;
width: 508px;
}

.searchbymovie .movielist div ul {
width: 581px;
}
.movielist div ul:first-of-type {
margin-top: 6px;
}




.movielist div ul li {
float: left;
width: auto;
border: 0px !important;
margin-bottom: 0px;
margin-bottom: 2px;
padding: 2px;
padding-top: 1px;
height: 26px;
box-sizing: border-box;
}




.movielist div ul:last-child {
margin-bottom: 0px;
}

.movielist div:first-of-type {
border-top: 0px;	
}

.movielist div.showoptions ul {
margin-top: 4px;
}
.movielist div.showoptions ul:first-of-type {
margin-top: 4px;
}

.movielist div h5 {
float: left;
font-family: Arial, sans-serif;
font-size: 13px;
font-weight: normal;
width: 85px;	
line-height: 24px;
margin-bottom: 0px;
padding-top: 5px;
color: #00367f;
font-weight: bold;
}

.movielist div ul li a {
font-family: Arial, Sans-serif;
font-weight: bold;
color: #000;
font-size: 13px;
padding: 3px;
padding-top: 1px !important;
padding-left: 22px;
text-align: center;
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: 0px -80px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
display: block;
width: auto;
-moz-transition: background-color 0.5s ease;
-webkit-transition: background-color 0.5s ease;
-o-transition: background-color 0.5s  ease;
transition: background-color 0.5s ease;
padding-bottom: 0px;
border: 1px solid #ccc;
border-radius: 3px;
width: 78px;
}

.movielist div ul li a:hover {
color: #fff;
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: 0px -106px;
display: block;
width: 78px;
text-decoration: none;
border: 1px solid #006eb3;
background-color: #ff5400;
border:1px solid #ff5400;
}
.movielist div ul li.disabled span {
font-family: Arial, Sans-serif;
font-weight: bold;
color: #000;
font-size: 13px;
padding: 3px;
padding-top: 1px !important;
padding-left: 22px;
text-align: center;
margin-left: 0px;
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: 0px -80px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
display: block;
width: auto;
-moz-transition: background-color 0.5s ease;
-webkit-transition: background-color 0.5s ease;
-o-transition: background-color 0.5s  ease;
transition: background-color 0.5s ease;
padding-bottom: 0px;
border: 1px solid #ccc;
border-radius: 3px;
width: 78px;
}


.movielist div ul li.disabled span , .movielist div ul li.notickets.disabled {
opacity: 0.5;	
filter: alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
}

.movielist div ul li.disabled a:hover {
color: #000;
background-color: transparent;
background-position: 0px -80px;
border: 1px solid #ccc;
cursor: default;
}

.movielist div ul li.notouch a:hover {
color: #000;
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: 0px -80px;
border: 1px solid #ccc;
background-color: transparent;
}
.movielist div .date {
float: left;
width: 90px;
margin: 0;	
}

.movielist div .time {
float: left;
width: 471px;
margin: 0;	
}

.movielist div img {
float: left;
width: 50px;
height: auto;
margin-bottom: 5px;
}	

.movielist div .img-responsive  {
border: 1px solid #dcdcdc;
}	

.movielist div .stars {
float: left;
margin-right: 0px;
}

.movielist div .stars img {
width:  70px;
height: auto;	
margin: 1px 5px 0px 4px;
}
.movielist div span span:hover {
color: #000;	
}

.movielist div span {
float: left;
width: 603px;
margin-left: 10px;
}

.movielist div span span {
font-size: 13px;
color: #006eb3;
width: auto;
border-radius: 4px;
-webkit-border-radius: 4px;
padding: 0px;
margin-right: 0px;
margin-bottom: 2px;
margin-left: 0px;
margin-top: 5px;
}

.movielist div span span span {
margin-top: 0px;	
margin-right: 0px;
padding-top: 3px;
}
.movielist div span span a{
float: left;
}

.movielist div span span a:hover {
text-decoration: underline;
}


.rating {
float: left;
font-family: Arial;
font-size: 13px;
margin-top: 4px;
margin-bottom: 7px;
padding-top: 3px;
color: #000;
width: auto;
}
.movielist div .rating {
font-family: Arial;
margin-top: 5px;
margin-right: 8px;
margin-bottom: 3px;
padding-top: 3px;
color: #000;
font-size: 13px;
}

.searchbymovie .movielist div .rating {
width: auto;
padding-left: 0px;
margin-left: 0px;
font-size: 13px;
}


.movielist .showoptions .optiontitle {
	margin-left: 0;
	margin-right: 5px;
	width: auto;
	float: left;	
}

.movielist .showoptions .options {
	font-size: 12px;
	padding-bottom: 2px;
	width: auto;
	margin-left: 1px;
	float: none;
	color: #838383;
}

.movielist .showoptions h3:first-of-type {
border: 0;
}
.map {
margin-top: 2px;
margin-bottom: 8px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}


.inlinemap {
display: none;
margin: 10px 0px 0px 0px;
}

#map_canvas {
border: 1px solid #ebedef;	
margin-bottom: 8px;
margin-top: 10px;
display: inline-block;
width: 100%;
height: 350px;
}


.viewhide {
font-family: 'Open Sans', Sans-serif;
border: 0;
padding-left: 0px;
margin-left: 0px;
padding-right: 10px;
background-color: transparent;
color: #000;
cursor:pointer;
}

.viewhide:hover {
text-decoration: underline;
}

.tickets {
background-image: url(/ui/img/ticketing.png);
background-size: 14px 14px;
background-repeat: no-repeat;
background-position: 4px 7px;
padding: 0px !important;
color: #09a0ff !important;
}

.tickets:hover {
color: #fff !important;
background-color: #09a0ff;
background-image: url(/ui/img/ticketing_hover.png);

}

.tickets a {
padding: 5px 5px 5px 20px !important;	
color: #09a0ff !important;
display: block;
height:100%;
width:100%;
}

.tickets a:hover {
color: #fff !important;
text-decoration: none;
}
.movielist div span > p {
font-size: 13px;
margin-bottom: 5px;
padding-top: 5px;
font-weight: 600;
}
.movielist div h2 {
float: left;
width: auto !important;
font-family: 'PT Sans Narrow', Sans-serif;
font-weight: normal;
font-size: 20px;
line-height: 120%;
color: #000;
width: 100%;
margin-right: 4px;
margin-bottom: 0px;
}

.movielist div h2 span {
color: #000;
padding-left: 0px;
float: none;
font-size: 16px;
margin-top: 0px;
}

.movielist div h2 a {
color: #e54b00;
font-weight: normal;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}

.movielist div h2 a:hover {
color: #000;
}

.movielist .showoptions h3 {
float: none;
font-family: 'Open Sans', Sans-serif;
width: 100% !important;
display: inline-block;
font-size: 14px;
font-weight: 600;
padding-top: 4px;
color: #09a0ff;
margin-bottom: 0px;
padding-bottom: 0px;
border-top: 1px solid #ecedef;
}
.searchbymovie .movielist .showoptions h3 {
padding-top: 6px;	
}


/* end showtimes nav **/

/* grey searchbox */
.greysearchbox {
display: inline-block;
line-height: 120%;
font-weight: 300;
text-align: left;
color: #000;
width: 100%;
margin: 0px;
margin-bottom: 5px;
padding: 5px;
background-color: #f8f8f8;	
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}

.greysearchbox .filterbox {
float: left;
width: 100%;	
margin: 0px 10px 0px 10px;
}

.greysearchbox .filterbox  label {
float: left;
font-size: 15px;
color: #000;
text-align: left;
font-weight: normal;
width:25%;
padding-top: 9px;
}


.greysearchbox .filterbox select {
float: left;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
text-align: left;
font-weight: 600;
margin: 2px 0px 2px 10px;
line-height:150%;
}

.greysearchbox .filterbox select:focus {
outline: 0;
border-color: #4697e4;
}

.greysearchbox .filterbox select {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
width: 67%;
}

.greysearchbox .filterbox select.arrow {
background-image: url(/ui/img/selectarrow.png);
background-repeat: no-repeat;
background-position: right;
background-size: 20px 7px;
}



/* showtimes search box */

.searchshowtimes {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align:center;
background-color: #f8f8f8;
}

/**
.searchshowtimes.searchbycitywrapper {
overflow: hidden;
}


.searchshowtimes.searchbycitywrapper h1 , .searchshowtimes.searchbytheatrewrapper h1 {
margin-bottom: 0px;
padding-bottom: 5px;
border-bottom: 1px solid #eaeaea;
width: 97%;
margin-left: 10px;
}

.searchshowtimes.searchbytheatrewrapper {
height: auto;
overflow: hidden;
}


.searchshowtimes .searchbycityleftcolumn {
float: left;	
width: 27%;
height: auto;
padding-top: 5px;
}




.searchshowtimes .searchbycityrightcolumn {
float: left;	
width: 68%;
height: auto;
margin-top: 0px;
margin-left: 10px;
padding-left: 10px;
padding-top: 5px;
border-left: 1px solid #e0e0e0;
}

.searchshowtimes .searchbycityrightcolumn select {
width: 80%;	
text-overflow:ellipsis;
}

.searchshowtimes .line {
position: relative;
float: left;
width: 1px;
margin-top: -5px;
}

.searchshowtimes .or {
margin-top: 18px;
margin-left: -8px;
width: 50px;
height: 50px;
background-image: url(/ui/img/or.png);
background-size: 38px 38px;
background-repeat: no-repeat;
}

.searchshowtimes .searchbycityrightcolumn label {
width: 14%;	
}

.searchshowtimes .searchbycityrightcolumn h1 {
margin-left: 49px;	
font-size: 25px;
margin-top: 5px;
}

.searchshowtimes .searchbycityrightcolumn .searchbutton {
margin-left: 52px;	
}

**/
.searchshowtimes h1 {
font-size: 25px;
margin: 0px 0px 0px 0px;
padding-top: 5px;
padding-bottom: 5px;
}/**
.searchshowtimes div {
margin-top: 10px;
height: 27px;
} 
**/

.searchshowtimes label {
float: left;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: normal;
width: 10%;
padding-top: 6px;
margin-left: 20px;
text-align: left;
}

.searchshowtimes select {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
width: 85%;
/* word-wrap: break-word; */
}


.searchshowtimes select.arrow {
background-image: url(/ui/img/selectarrow.png);
background-repeat: no-repeat;
background-position: right;	
background-size: 20px 7px;
}

/*.searchshowtimes select {
outline: none;
-webkit-appearance: menulist; 
-moz-appearance: menulist; 
}
*/
.searchshowtimes input[type=text]{
font-family: 'Open Sans', sans-serif;
width: 66%;
height: 28px;
color: #5d5d5d;
padding: 4px;
padding-left:28px;
margin-left: -15px;
line-height: 1.428571429;
background-color: #fff;
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: 4px -650px;
border: 1px solid #ccc;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
border-top: 1px solid #c9c5c5;
border-left: 1px solid #c9c5c5;
border-right: 1px solid #c9c5c5;
border-bottom: 1px solid #c9c5c5;
vertical-align:top;
}

.searchshowtimes input[type=text]:focus {
outline: 0;
border-color: #4697e4;
}


/**
.searchshowtimes.searchbytheatrewrapper .or {
margin-top: 38px;
}

**/

.searchshowtimes .searchbutton {
font-family: 'PT Sans Narrow', Sans-serif;
font-size: 17px;
line-height: 118%;
padding: 4px 12px;
font-weight: bold;
color: #fff;
background-color: #09a0ff;
border: 0;
border-radius: 3px;
cursor: pointer;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s  ease;
transition: all 0.4s ease;
}

.searchshowtimes .searchbutton-large{
padding: 5px 35px;
font-size: 22px;
margin-top: 10px;
margin-bottom: 10px;
}

.searchshowtimes .searchbutton:hover {
background-color: #0971ff;
}


.searchshowtimes .searchbutton:hover {
background-color: #0971ff;
}

.searchshowtimes .searchbutton:active {
background: #0971ff;
-moz-box-shadow: inset 0 0 4px 3px #0661dd, 0 1px 0 0 #fff;
-webkit-box-shadow: inset 0 0 4px 3px #0661dd, 0 1px 0 0 #fff;
}

/* Use my location button */
.searchshowtimes a.locationbutton {
background-color: #1e8602;
background-image: linear-gradient(to bottom,#25a503, #1e8602);
}

.searchshowtimes a.locationbutton:hover {
background-image: linear-gradient(to bottom,#1e8602, #25a503);
}

.searchshowtimes .locationbutton:before {
content: "";
width: 17px;
height: 50px;
background: url(/ui/img/pin.png);
background-color: #1f8b02;
top: 0px;
left: 0px;
position: absolute;
display: inline-block;
background-repeat: no-repeat;
}



.searchshowtimes .locationbutton:hover {
background-color: #197800;
}

/**

.searchshowtimes.searchbytheatrewrapper h1 {
font-size: 25px;
padding-top: 2px;
padding-bottom: 5px;
}

**/
.searchshowtimes .postalcode {
margin: 5px 0px 0px 5px;	
font-style: italic;	
}

.searchshowtimes .instructions {
font-family: 'PT Sans Narrow', Sans-serif;
font-size: 16px;
text-align: center;
margin: 0 auto;
margin-top: 0px;
}

.searchshowtimes .note {
font-size: 12px;
text-align: center;
padding-top: 5px;
margin-bottom: 1px;
width: 80%;
margin: 0 auto;
padding-bottom: 5px;
}

/* citylist grid */

ul.citylist {
display: inline-block;
padding-bottom: 8px;
}

ul.citylist  li  {
float: left;
width: 225px;
margin: 6px 6px 9px 0px;
font-size: 14px;
text-align: left;
line-height: 145%;
list-style: none;
}

ul.citylist li a {
font-family: "PT Sans Narrow", Sans-serif;	
text-decoration: none;
color: #000;
font-size: 19px;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}

ul.citylist li a:hover {
color: #ff5400;
}

ul.citylist li ul {
float: left;	
margin-top: 0px;
width: 100%;
}

ul.citylist li ul li {
width: 100%;
}

ul.citylist li ul li a  {
float: left;
font-family: 'Open Sans', Sans-serif;
text-decoration: none;
text-transform:none;
color: #ff5400;
font-size: 12px;
line-height: 12px;
padding-right: 5px;
margin: 0px 5px 5px 0px;
border-right:1px solid #ff5400;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}

ul.citylist li ul li a:hover {
color: #000;
text-decoration: underline;
}

/* end citylist grid */

/* province citylist */

.locationblock {
background-repeat: no-repeat;
background-position: right center;;
background-color: #f8f8f8;
padding: 15px;	
margin-bottom: 5px;
}

.locationblock h1 {
font-size: 28px;
font-weight: bold;
color: #09a0ff;
}

.locationblock h1 a{
color: #09a0ff;
}

.locationblock p {
font-size: 13px;	
}

.locationblock p a {
font-size: 13px;
color: #e54b00;
font-weight: normal;
}

.searchbycity li {
float: left;

width: 50% !important;
}


.bottomblock {
float: left;	
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}

.bottomblock .rightcolumn {
float: left; 
width: 695px; 
margin-left: 10px;
display:block; 
}

.bottomblock .rightcolumn .popularsearchesheading {
margin-top: 0px;
}



.bottomblock .rightcolumn ul.popularsearches {
width: 100%;	
}

.bottomblock .rightcolumn ul.popularsearches li {
width: 100%;
margin-right: 0;
}
.bbbottom {
float: left;	
margin-left: -20px;	
width: auto;
background-image: none !important;
}

/** end of showtimes **/

/** Popular Searches **/



.popularsearchesheading {
font-size: 20px;
font-weight:600;
margin-bottom: 15px;
}

ul.popularsearches {
width: 100%;
margin-top: 10px;
margin-bottom:10px;
}

ul.popularsearches li {
width: 100%;
padding-bottom: 8px;
text-align: left;
line-height: 145%;
border-bottom: 1px solid #f1f1f1;
}

ul.popularsearches li a {
text-decoration: none;
color: #000;
font-size: 13px;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}

ul.popularsearches li a:hover {
color: #0971ff;
text-decoration:underline;
}

ul.popularsearches li span a {
float: right;
color: #0971ff;
padding-right: 13px;
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: -49px -586px;
}

/* end of popular search */

/* list view */

ul.contentlist {
float: left;
}


ul.contentlist.spacing {
margin-top: 5px;
margin-bottom: 5px;
}

ul.contentlist li {
padding-top: 5px;
padding-bottom: 6px;
}


ul.contentlist li:nth-of-type(odd) { 	
background-color: #f1f1f1;
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

ul.contentlist li:first-child {
border-top: 0px;
}

ul.contentlist li:last-child {
border-bottom: 1px solid #f1f1f1;
margin-bottom: 10px;
}
ul.contentlist .equalheight {
width: 40%;
padding:3px 2px 5px 7px;
font-weight: 300;
height: auto !important;
}


ul.contentlist li img {
display: none;	
}

ul.contentlist .bbm img{
margin-top: 17px;
}

.headerwrapper {
float: left; 
width: 75%;
overflow: hidden;
clear: both;
}

.headerwrapper h2 {
font-size: 23px;
margin-bottom: 12px;
}




ul.contentlist {
width: 100%;
}

ul.contentlist li {
width: 100%;
display: inline-block;
font-size: 13px;
font-weight: 600;
line-height: 145%;
margin-bottom: 0px;
padding-bottom: 6px;
padding-top: 10px;
}

ul.contentlist li a {
text-decoration: none;
}


.grey {
background-color: #f8f8f8;
border-bottom: 1px solid #f1f1f1;
}



ul.contentlist li a span{
float:left;	
width: 100%;
text-decoration: none;
color: #ff5400;
font-weight: 600 !important;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
text-decoration: none;
}

ul.contentlist li a:hover span {
color: #000;
text-decoration: none;
}


ul.contentlist li a.showtimesactive {
background-color: #09a0ff ;
}

ul.contentlist li .stars {
width: 14%;
float:left;	
text-decoration: none;
padding:2px 2px 2px 2px;
margin-top: 2px;
margin-left: 8px;
}

ul.contentlist li .publisher {
font-size: 11px;
font-style: italic;
font-weight: normal;
color: #000;
margin-left: 5px;
}

ul.contentlist li .stars img {
display: block;
margin-left: auto;
margin-right: auto;
height: 15px;
width: 70px;
}
ul.contentlist li .stars a {
padding: 0;
min-height: 100%;	
width: 100%;
}

ul.contentlist li .stars a img {
border: 0;
padding: 0;
}

ul.contentlist li .trailer {
float: left;
width: 65px;
display: block;
padding:2px 2px 2px 2px;
margin-left: 20px;
}

ul.contentlist li .trailer a {
font-weight: normal;
text-decoration: none;
color: #000;
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: -3px -219px;
padding-left: 17px;
}
ul.contentlist li .trailer a:hover {
color: #0971ff;
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: -112px -219px;
}

ul.contentlist li .synopsis  {
float: left;	
width: 70px;
padding:2px 2px 2px 2px;
margin-left: 20px;
}

ul.contentlist li .synopsis a {
font-weight: normal;
color: #000;
text-decoration: none;
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: -4px -244px;
padding-left: 17px;
}

ul.contentlist li .synopsis a:hover {
color: #0971ff;
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: -83px -244px;
}

ul.contentlist li .showtimes {
float: left;	
width: 85px;
font-weight: normal;
margin-left: 20px;
padding:2px 2px 2px 2px;
}

ul.contentlist li .showtimes a {
color: #000;
background-image: url(/ui/img/iconx2.png);
background-repeat: no-repeat;
background-position: -4px -273px !important;
background-size: 160px 950px;
padding-left: 17px;
text-decoration: none;
}

ul.contentlist li .showtimes a:hover {
color: #0971ff;
background-image: url(/ui/img/iconx2.png);
background-position: -114px -273px !important;
background-size: 160px 950px;
background-repeat: no-repeat;
}

ul.contentlist li .synopsis a span , ul.contentlist li .showtimes a span , ul.contentlist li .trailer a span {
display: none;	
}




/* Filter for thumbnail and list view */ 

#switchview {
float: right;
width: 9%;
margin-top: 2px;
margin-bottom: 10px;
padding-left: 90px;
background-image: url(/ui/img/changeview.jpg);
background-repeat: no-repeat;
background-position: left center;
}

#switchview .listview {
float: left;

background-color: #f8f8f8;
width: 30px;
height: 30px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: 0px -879px;
}

#switchview .listview:hover {
cursor: pointer;
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: -77px -879px;
}


#switchview .listview.active {
background-color: #09a0ff;
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: -134px -879px;
border-right: 1px solid #0e8ddd;
}

#switchview .thumbnailview {
float: left;
background-color: #f8f8f8;
width: 30px;
height: 30px;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: 0px -852px;
}

#switchview .thumbnailview:hover {
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: -77px -852px;
cursor: pointer;
}

#switchview .thumbnailview.active {
background-color: #09a0ff;
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: -134px -852px;
}

/* end of filter */

/* filter box */

.filtersearchbox {
float: left;
margin: 0;
margin-bottom: 10px;
padding: 5px 0px 5px 0px;
text-align:center;
background-color: #f8f8f8;
width: 100%;
}

.filtersearchbox .heading {
font-size: 25px;
padding: 5px 0px 0px 0px;
line-height: 100%;
margin-bottom: 4px;
}
.filtersearchbox .filterbox {
float: left;
width: 212px;	
margin-left: 14px;
padding-bottom: 5px;
}

.filtersearchbox .filterbox .checkboxwrapper {
padding-top: 5px;
}


.filtersearchbox .filterbox.comingsoon {
width: 47%;	
}

.filtersearchbox .filterbox.dvd {
width: 77%;	
}

.filtersearchbox .filterbox.dvdreleases {
width: 47%;	
margin-top: 5px;
}

.filtersearchbox .button {
margin-top:20px;	
}


.filtersearchbox input[type="checkbox"] {
float: left;
height: 13px;
-webkit-appearance: checkbox;
-moz-appearance: checkbox;	
}
.filtersearchbox input[type=text]{
float: left;
font-family: 'Open Sans', sans-serif;
width: 84%;
color: #5d5d5d;
padding: 4px;
margin-left: 15px;
line-height: 1.428571429;
background-color: #fff;
background-position: left;
border: 1px solid #c9c5c5;
vertical-align:top;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.searchinput {
margin-bottom: 0px;
}

.searchshowtimes input[type=text]:focus {
outline: 0;
border-color: #4697e4;
}

.filtersearchbox .filterbox label {
float: left;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
text-align: left;
font-weight: normal;
width: auto;
margin-right: 10px;
margin-bottom: 2px;
line-height:150%;
}

.filtersearchbox .filterbox .header {
font-size: 13px;
text-align: left;
font-weight: 600;
width:100%;
line-height:150%;
}

.filtersearchbox .filterbox > select {
float: left;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
text-align: left;
font-weight: 600;
margin-top: 3px;
line-height:150%;
}

.filtersearchbox .filterbox select:focus {
outline: 0;
border-color: #4697e4;
}

.filtersearchbox .filterbox select {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
width: 98% !important;
background-size: 20px 7px;
}

.filtersearchbox .filterbox select.arrow {
background-image: url(/ui/img/selectarrow.png);
background-repeat: no-repeat;
background-position: right;
}

/* thumbnail view */

ul.gridview {
width: 100%;
float: left;
}

ul.gridview li {
float: left;
width: 160px;
font-size: 13px;
font-weight: 600;
line-height: 130%;
background-color: #f8f8f8;
margin-left: 17px;
margin-bottom: 20px;
padding-bottom: 10px;
overflow: hidden;
}

ul.gridview.spacing {
margin-top: 10px;
}

ul.gridview .grey {
border: 0px; 
}

ul.gridview .equalheight {
float: left;
width: 93%;
min-height: 25px;
text-align: center;
text-decoration: none;
padding: 4px 5px 5px 6px !important;
}

ul.gridview li a span {
float: left;
width: 93%;
min-height: 25px;
text-align: center;
text-decoration: none;
font-weight: 600 !important;
color: #ff5400;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
word-break: keep-all ;
}


ul.gridview li a:hover span {
color: #000;
}


ul.gridview li span a {
float: left;
width: 93%;
min-height: 25px;
text-align: center;
text-decoration: none;
color: #ff5400;
}


ul.gridview li img {
width: 100% !important;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
height: 236px;
border: solid 1px transparent;

}

ul.gridview li img .img-responsive {
float: left;
}

ul.gridview li a img {
width: 100% !important;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border: solid 1px transparent;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}

ul.gridview li a img:hover {

border: solid 1px #0aa0ff;

}



ul.gridview li a {
text-decoration: none;
}

ul.gridview li a:hover {
color: #000;
}

ul.gridview li a.showtimesactive {
background-color: #09a0ff ;
}

ul.gridview li .stars {
float: left;
width: 100%;
text-decoration: none;
margin-bottom: 3px;
height: 20px;
}



ul.gridview li .stars img {
display: block;
margin-left: auto;
margin-right: auto;
height: 15px;
width: 70px !important;
}

ul.gridview li .stars a {
padding: 0;
width: 100%;
}

ul.gridview li .stars a img {
border: 0;
padding: 0;
}

.dvdcontent ul.gridview li .trailer a , .dvdcontent ul.gridview li .synopsis a {
width: 50%;	
}

ul.gridview li .trailer a {
float: left;
width: 33%;
text-indent: -9999px;
height: 25px;
padding: 0;
background-image: url(/ui/img/trailer-gridview.png);
background-repeat: no-repeat;
background-position: center;
}

ul.gridview li .trailer a:hover {
background-image: url(/ui/img/trailer-gridview-hover.png);
}

ul.gridview li .showtimes a {
float: left;
width: 33%;
text-indent: -9999px;
height: auto;
padding: 0;
background-image: url(/ui/img/showtimes-gridview.png);
background-repeat: no-repeat;
background-position: center;
}

ul.gridview li .showtimes a:hover {
background-image: url(/ui/img/showtimes-gridview-hover.png);
}

ul.gridview li .synopsis a {
float: left;
width: 33%;
text-indent: -9999px;
height: auto;
padding: 0;
background-image: url(/ui/img/synopsis-gridview.png);
background-repeat: no-repeat;
background-position: center;
}

ul.gridview li .synopsis a span, ul.gridview li .showtimes a span , ul.gridview li .trailer a span  {
display: none;	
}


ul.gridview li .synopsis a:hover {
background-image: url(/ui/img/synopsis-gridview-hover.png);
}

.equalheight {
float: left;
cursor: pointer;
}

/* blue bar to seperate lists */



.seperatorbar {
font-family: 'Open Sans', Sans-serif;
font-size: 16px;
font-weight: 600;
display: inline-block;
width: 100%;
color: #000;
border-bottom: 1px solid #f1f1f1;
padding: 10px 0px 10px 0px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}


/** contests **/

.contests {
}

.contestsentrycol {
padding-top: 10px;
}

.noheadingcol , .puzzlecol {
padding-top: 0px; 
}

.contests .subtitle {
float: left;
font-size: 13px;
line-height: 130%;
color: #fff;
padding: 4px;
border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #25a503;
}

.contestsheaderwrapper {
float: left; 
width: 60%;
margin-top: 5px;
overflow: hidden;
clear: both;
}


ul.contestslist {
}

ul.contestslist li {
margin-bottom: 8px;
padding: 8px;
display: block;
clear: both;
background-color: #f8f8f8;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border:1px solid #fff;
border-radius: 3px;
cursor: pointer;
overflow: hidden;
}

ul.contestslist li:hover {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border:1px solid #25a503;
}

ul.contestslist .contestwinners:hover {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border:1px solid #fff !important;
cursor: auto;
}

ul.contestslist li a {
text-decoration: none;
color: #000000;

}

ul.contestslist li div {
width: 100%;
clear: both;
}

ul.contestslist li img {
float: left;
margin-right: 10px;
}

ul.contestslist li h3 {
font-family: 'Open Sans', sans-serif;
color: #25a503;
line-height: 130%;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}

ul.contestslist p {
margin-bottom: 3px;
}

.contestslist li .contentwrapper {
float:left; 
width: 100%; 
height:auto; 
position:relative;	
}

.contests .contestsbutton {
font-family: 'PT Sans Narrow', Sans-serif;
font-size: 21px;
line-height: 120%;
margin: 0 auto;
width: 130px;
padding: 6px 10px 6px 10px;
font-weight: bold;
color: #fff !important;
border: 0;
background-color: #25a503;
display: block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
border-radius: 3px;
-webkit-border-radius: 3px;
text-shadow: 1px 1px 1px #0e4400;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s  ease;
transition: all 0.4s ease;
}


.contests .contestsbutton:hover {
background-color: #197800;
}

.contests .contestsbutton:active {
background: #197800;
-moz-box-shadow: inset 0 0 4px 3px #166b00, 0 1px 0 0 #fff;
-webkit-box-shadow: inset 0 0 4px 3px #166b00, 0 1px 0 0 #fff;
}




/* rss and contest winners buttons */

ul.contesttopnav {
width: 208px;
float: right;
margin-top: 12px;
}

ul.contesttopnav li {
font-size: 13px;
text-align: center;
line-height: 145%;
margin-bottom: 0px;
}

ul.contesttopnav li a {
float:left;	
text-decoration: none;
padding:5px 10px 5px 10px;
color: #ff5400;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border-right:1px solid #fff;
-webkit-transition: background-color 250ms linear;
-moz-transition: background-color 250ms linear;
-o-transition: background-color 250ms linear;
-ms-transition: background-color 250ms linear;
transition: background-color 250ms linear;
background-color: #f8f8f8;
}

ul.contesttopnav li a:hover {
color: #fff;
background-color: #ff5400;

}

ul.contesttopnav li a.rss {
padding-left: 20px !important;
border-bottom-left-radius:3px;
border-top-left-radius: 3px;
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: 1px -189px;
}

ul.contesttopnav li a:hover.rss {
background-image: url(/ui/img/icon.png);
background-position: -143px -189px;

}
ul.contesttopnav li a.winners {
border-bottom-right-radius:3px;
border-top-right-radius: 3px;
}

.captcha {
background-color: #f9f9f9;	
}

.captcha input[type=text] {
width: 90%;
margin: 0 auto;	
margin-bottom: 10px;
}
form#rateform .captchawrap .captcha {
	background: #ededed;	
}
form#rateform .captchawrap .captcha {
	float: right;
	width: 350px;	
}

form#rateform .captchawrap .realperson-text {
	margin-top: 10px;	
}
/* end */

/* green message box */

.contestsmessagebox {
float: left;
width: 100%;
background-color: #25a503;
border-radius: 3px;
-webkit-border-radius: 3px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
margin-bottom: 10px;
padding: 8px;
}

.contestsmessagebox p {
font-size: 14px;
line-height: 140%;
color: #fff;
margin-bottom: 0px;
font-weight: 600;
}


/* offset blackbox  **/

.offset-blackbox {
margin-left: -20px;	
margin-top: 15px;
}


.mainvidlist-height li {
margin-bottom: 0px;
}

.invidad-nooffset {
margin-bottom: 0px !important; 
}

.invidad-nooffset div {
padding-bottom: 0;
}

/* video list */

.vidlistcol {
float:left; 
width: 830px; 
margin-left:15px; 
overflow: hidden;	
}

ul.vidlist h3 {
font-size: 20px;
font-weight:600;
margin-bottom: 15px;
margin-top: 3px;
}

ul.vidlist {
float: left;
}

ul.vidlist li {
position:relative;
float: left;
display: inline-block;
width: 196px;
font-size: 13px;
line-height: 130%;
margin-left: 15px;
background-color: #f8f8f8;
border-radius: 2px;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
overflow: hidden;
}

ul.vidlist.trailer  {
margin: 15px 0px;
}

ul.vidlist li:hover {
background-color: #09a0ff;

}


ul.vidlist li:hover a span {
color: #fff;
}

ul.vidlist li a span {
float: none !important;
font-weight: 600;
margin: 0 auto;
display: block;
padding: 5px 5px 10px 5px;
min-height: 30px;
text-align: center;
text-decoration: none;
color: #ff5400;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}


ul.vidlist li p {
font-weight: normal;
font-size: 12px;
color: #000;
text-align: center;
}
ul.vidlist li:hover  p {
color: #fff;
}



ul.vidlist li img {
width: 100% !important;
}

ul.vidlist li a {
text-decoration: none;
}

ul.vidlist li a:hover {
color: #fff;
}

ul.vidlist li strong {
font-weight: 600;
}

ul.vidlist li .tile {
opacity: 1;
background: url(/ui/img/playicon.png) center center no-repeat #000;
cursor: pointer;
height: 97px;
width: 100%;
position: absolute;
z-index: 10;
opacity: 0;
padding-left: 0;
padding-right: 0;
border-top-left-radius: 3px;
border-top-right-radius:3px;
background-size: 55px 55px;
}

ul.vidlist li:hover .tile {
opacity: .7;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}

ul.vidlist .imageclip {
height:110px; 
overflow:hidden;
padding: 0px;
}

ul.vidlist .imageclip  img{
margin-top: -20px;
}




/* rate theatre page */

.theatreratings {
display: inline-block;
width: 100%;
}

.theatreratings span {
display: inline-block;
margin-top: 2px;
margin-bottom: 3px;
color: #000;
font-size: 14px;
font-weight: normal;
width: 49%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.theatreratings span p {
float: left;
font-size: 13px;
width: 150px;
padding-top: 3px;
margin-bottom: 0px;
}

.theatreratings span img {
margin: 3px 0px 0px 5px; 
width: 80px;	
}
.theatreratings h3 {
font-family: 'Open Sans', Sans-serif;
font-size: 14px;
font-weight: 600;
margin-top: 5px;
margin-bottom: 0px;
color: #000;	
}

.ratetheatrecol {
padding-right: 0px;
margin-top: 15px;
}

.ratetheatrecol h1 {
margin-bottom: 10px;
}

.ratetheatre {
margin-top: 2px;
margin-bottom: 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
}

.ratetheatre .rateit button.rateit-reset {
display: block !important;
}
.ratetheatre span {
display: inline-block;
background-color: #797979;
margin-top: 2px;
margin-bottom: 1px;
color: #000;
font-size: 14px;
width: 335px;
padding: 5px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
text-decoration: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.ratetheatre span p {
float: left;
font-size: 14px;
width: 60%;
padding-left: 5px;
margin-bottom: 0px;
color: #fff;
}

.theatrereviews {
margin-top: 5px;	
}

.theatrereviews h2 {
margin-bottom: 10px;	
}

.theatrereviews .header {
float: left;
font-size: 14px;
width: auto;	
margin-right: 5px;
}


.reviewbox {
background-color: #f9f9f9;
width: 100%;	
display: inline-block;
padding: 10px;
margin: 1px 0px 10px 0px;
border-radius: 3px;
-webkit-border-radius: 3px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.reviewbox .columnleft {
float: left;
width: 65%;	
padding-right: 15px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.reviewbox .columnright {
float: right;
width: 35%;
}

.reviewbox h2 {
font-family: 'Open Sans', Sans-serif;
font-size: 20px;
font-weight: 600;
color: #09a0ff;	
}


.reviewbox ul.reviewscore {

}

.reviewbox ul.reviewscore li {
float: left;
display: block;
width: 100%;
border-bottom: 1px solid #efeeee;
margin: 3px 0px 4px 0px;	
height: 18px;
overflow: hidden;
}

.reviewbox ul.reviewscore li:first-child {
margin-top: 2px;
}


.reviewbox ul.reviewscore  img {
width: 70px;
}

.reviewbox ul.reviewscore p {
font-family: 'Open Sans', sans-serif;
float: left;
width: 69%;
line-height: 130%;
font-size: 12px;
font-weight: normal;
text-align: left;
vertical-align: text-top;
}

.overallrating {
padding-bottom: 5px;
}

.overallrating p {
float:left; 
font-size: 15px; 
font-weight: 600; 
margin-right: 39px;	
}

.overallrating img {
float: right;
width:90px; 
padding-top: 3px;	
}

/* theatre sorting button */

.theatresortbutton  {
float: left;
font-size: 14px;
text-align: center;
line-height: 145%;
margin-bottom: 8px;
text-transform: none;
}

.theatresortbutton a  {
color: #ff5400;
padding: 5px 10px 5px 10px;
margin-left: 2px;
border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #f9f9f9;
text-decoration: none;
}


.theatresortbutton a:hover {
color: #fff;
background-color: #ff5400;
}

.theatresortbutton a.date {
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: -78px -129px;
padding-left: 25px;
-webkit-transition: background-color 0.5s linear;
-moz-transition: background-color 0.5s linear;
-o-transition: background-color 0.5s linear;
-ms-transition: background-color 0.5s linear;
transition: background-color 0.5s linear;

}

.theatresortbutton a.date:hover {
background-image: url(/ui/img/icon.png);
background-position: 5px -129px;

}

.theatresortbutton a.rating {
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: -78px -157px;
padding-left:25px;
-webkit-transition: background-color 0.5s linear;
-moz-transition: background-color 0.5s linear;
-o-transition: background-color 0.5s linear;
-ms-transition: background-color 0.5s linear;
transition: background-color 0.5s linear;
}

.theatresortbutton a.rating:hover {
background-image: url(/ui/img/icon.png);
background-position: 5px -157px;
}

.theatresortbutton .rating {
float: none;
margin: 0;
margin-left: 5px;
font: inherit;
}


.theatre .greenbutton {
float: left;
font-family: 'Open Sans', Sans-serif;
font-size: 12px;
margin: -1px 0px 0px 10px;
line-height:  20px;
width: auto;
padding: 1px 4px 1px 4px;
font-weight: 600;
color: #fff !important;
border: 0;
height: auto;
background-color: #25a503;
display: block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s  ease;
transition: all 0.4s ease;
}


/* subpages with no header bar */

.noheadingcol .subtitle {
font-size: 14px;
margin-bottom:  10px;
}

.noheadingcol h1 {
margin-bottom: 5px !important;
}

/* blue search box */

.bluesearchbox {
float: left;
margin: 0;
margin-bottom: 10px;
padding: 8px 0px 8px 0px;
text-align:center;
background-color: #09a0ff;
border-radius: 3px;
-webkit-border-radius: 3px;
width: 100%;
}

.bluesearchbox .filterbox {
float: left;
width: 100%;	
margin-left: 10px;
}

.bluesearchbox .filterbox > label {
float: left;
font-family: 'PT Sans Narrow', sans-serif;
font-size: 18px;
color: #fff;
text-align: left;
font-weight: 600;
width:55%;
line-height: 165%;
vertical-align: middle;
}

.bluesearchbox .filterbox > input {
border: none;
color: #5d5d5d;
margin: 2px 0px 1px 4px;
padding-left: 8px;
height: 21px;
float: left;
width: 260px;
border-radius: 3px;
-webkit-border-radius: 3px;
}

.bluesearchbox .filterbox .searchbutton {
float: left;
font-family: 'PT Sans Narrow', Sans-serif;
font-size: 17px;
margin-top: 1px;
margin-left: 5px;
line-height:  20px;
height: 29px;
width: 74px !important;
padding: 2px 0px 3px 0px;
font-weight: bold;
color: #fff !important;
border: 0;
background-color: #25a503;
display: block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
padding-top: 0px;
padding-bottom: 0px;
border-radius: 3px;
-webkit-border-radius: 3px;
text-shadow: 1px 1px 1px #0e4400;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s  ease;
transition: all 0.4s ease;
}

.bluesearchbox .filterbox .searchbutton:hover {
background-color: #197800;
}

.bluesearchbox .filterbox .searchbutton:active {
background: #197800;
-moz-box-shadow: inset 0 0 4px 3px #166b00, 0 0px 0 0 #fff;
-webkit-box-shadow: inset 0 0 9px 3px #166b00, 0 0px 0 0 #fff;
}



/* Tooltips!  */


.showtimestooltip {
border-radius: 5px; 
background: rgba(0, 110, 179, 0.9);
color: #fff;
margin-top: 5px;
}
/* Use this next selector to style things like font-size and line-height: */
.showtimestooltip .tooltipster-content {
font-weight: 600;
font-size: 14px;
line-height: 16px;
padding: 8px 10px;
}
/* .showtimes .tooltipster-arrow {
display: none;	
} */

.tooltipster-default {
border-radius: 5px; 
background: rgba(0, 0, 0, 0.8);
color: #fff;
margin-top: 5px;
}



/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
font-family: inherit;
font-size: 13px;
line-height: 16px;
padding: 8px 10px;
overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
cursor: help;
margin-left: 4px;
}


/* This is the base styling required to make all Tooltipsters work */

.tooltipster-base {
padding: 0;
font-size: 0;
line-height: 0;
position: absolute;
left: 0;
top: 0;
z-index: 9999999;
pointer-events: none;
width: auto;
overflow: visible;
}
.tooltipster-base .tooltipster-content {
overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
display: block;
text-align: center;
width: 100%;
height: 100%;
position: absolute;
top: 1px;
left: 0;
z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
display: block;
width: 0; 
height: 0;
position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
border-left: 8px solid transparent !important;
border-right: 8px solid transparent !important;
border-top: 8px solid;
bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
border-left: 9px solid transparent !important;
border-right: 9px solid transparent !important;
border-top: 9px solid;
bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
border-left: 8px solid transparent !important;
border-right: 8px solid transparent !important;
border-bottom: 8px solid;
top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
border-left: 9px solid transparent !important;
border-right: 9px solid transparent !important;
border-bottom: 9px solid;
top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
left: 0;
right: 0;
margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
border-top: 8px solid transparent !important;
border-bottom: 8px solid transparent !important; 
border-left: 8px solid;
top: 50%;
margin-top: -7px;
right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
border-top: 9px solid transparent !important;
border-bottom: 9px solid transparent !important; 
border-left: 9px solid;
margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
border-top: 8px solid transparent !important;
border-bottom: 8px solid transparent !important; 
border-right: 8px solid;
top: 50%;
margin-top: -7px;
left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
border-top: 9px solid transparent !important;
border-bottom: 9px solid transparent !important; 
border-right: 9px solid;
margin-top: -8px;
}

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity;
}
.tooltipster-fade-show {
opacity: 1;
}

.tooltipster-grow {
-webkit-transform: scale(0,0);
-moz-transform: scale(0,0);
-o-transform: scale(0,0);
-ms-transform: scale(0,0);
transform: scale(0,0);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-o-transform: scale(1,1);
-ms-transform: scale(1,1);
transform: scale(1,1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
opacity: 0;
-webkit-transform: rotateZ(4deg);
-moz-transform: rotateZ(4deg);
-o-transform: rotateZ(4deg);
-ms-transform: rotateZ(4deg);
transform: rotateZ(4deg);
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
}
.tooltipster-swing-show {
opacity: 1;
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
transform: rotateZ(0deg);
-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
top: 0;
-webkit-transition-property: top;
-moz-transition-property: top;
-o-transition-property: top;
-ms-transition-property: top;
transition-property: top;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
top: 0px !important;
opacity: 0;
}

.tooltipster-slide {
left: -40px;
-webkit-transition-property: left;
-moz-transition-property: left;
-o-transition-property: left;
-ms-transition-property: left;
transition-property: left;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
left: 0px !important;
opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
opacity: 0.5;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}

/* end */

/* error state box */

.errorstate {
border: 1px solid #dc4f58;
background-color: #ed6f70;
border-radius: 3px;
-webkit-border-radius: 3px;
padding: 8px !important;
color: #fff;
background-image: url(/ui/img/warning.png);
background-position: center right;
background-repeat: no-repeat;
background-size: 80px 50px;
}

.errorstate p {
font-size: 14px;
margin-bottom: 0px;
margin-top: 5px;
background-repeat: no-repeat;
}

.errorstate h2 {
font-size: 20px;		
font-weight: bold;
margin-bottom: 0px;
}

.validationerror {
color: #fff;
width: 100%;
display: none;
}



.validationerror p {
font-size: 13px !important;
width: auto !important;
margin: 5px 0px 5px 0px !important;
padding: 5px !important;
padding-left: 25px !important;
color: #fff;
background-color: #ed6f70;
border-radius: 3px;
-webkit-border-radius: 3px;
display: inline-block !important;
background-repeat: no-repeat;
background-image: url(/ui/img/icon.png);
background-position: -80px -822px;
}

/* user reviews */

.starbox {
float: left;
margin-bottom: 5px;
display: block;
margin-top: 5px;
background-color: #f8f8f8;
border-radius: 3px;
-webkit-border-radius: 3px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-webkit-box-shadow: inset -1px -1px 24px 0px rgba(220,220,220,0.58);
-moz-box-shadow: inset -1px -1px 24px 0px rgba(220,220,220,0.58);
box-shadow: inset -1px -1px 24px 0px rgba(220,220,220,0.58);
}

.ratespacing {
margin-top: 4px;	
}

.starbox .boxleft {
float: left;
font-family: 'PT Sans Narrow', Sans-serif;
width: 205px;
height: auto;
padding: 8px;
margin-left: 1px;
overflow: hidden;
}

.starbox .boxright {
float: left;
width: 300px;
height: 126px;
padding: 8px;
margin-left: 1px;
overflow: hidden;
}

.starbox .currentrating img {
width: 110px;
margin-top: 4px;
}

.starbox p {
font-size: 20px;
color: #ff5400 !important;
font-weight: 600;
margin: 2px 0px 0px 0px;
}


.starbox .middle {
font-size: 16px;
line-height: 120%;
color: black !important;
font-weight: normal;
margin: 0px 0px 2px 0px;
}

ul.reviewscore {

}

ul.reviewscore li {
float: left;
display: block;
width: 97%;
border-bottom: 1px solid #efeeee;
margin: 3px 0px 4px 0px;	
height: 18px;
overflow: hidden;
}

ul.reviewscore li:first-child {
margin-top: 2px;
}

ul.reviewscore .stars {
width: 50%;	
text-align: left;

}

ul.reviewscore .stars img {
width: 70px;
}

ul.reviewscore span {
font-family: 'Open Sans', sans-serif;
float: left;
width: 50%;
line-height: 130%;
font-size: 13px;
font-weight: 600;
text-align: right;
vertical-align: text-top;
}

.greenbutton {
float: left;
font-family: 'PT Sans Narrow', Sans-serif;
font-size: 17px;
margin-top: 7px;
line-height:  20px;
height: auto;
width: auto;
padding: 5px 8px 5px 8px;
font-weight: bold;
color: #fff !important;
border: 0;
background-color: #25a503;
display: block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s  ease;
transition: all 0.4s ease;
}
.greenbutton:hover {
background-color: #197800;
text-decoration: none;
}

.greenbutton:active {
background: #197800;
-moz-box-shadow: inset 0 0 4px 3px #166b00, 0 0px 0 0 #fff;
-webkit-box-shadow: inset 0 0 9px 3px #166b00, 0 0px 0 0 #fff;
}





ul.userreviews li{
color: #000;
font-size:14px;
font-style:italic;
line-height:22px;
margin-bottom:8px;
padding: 10px;
background-color: #f9f9f9;
border-radius: 3px;
-webkit-border-radius: 3px;
text-align: left;
}


ul.userreviews li:last-child {
margin-bottom: 15px;
}

ul.userreviews li .stars {
float:right;
width: 100%;
text-align: left;
}

ul.userreviews li .stars img {
margin: 0px 0px 3px 0px;
width: 90px;
}

.comment {
padding-left: 32px;
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: -125px -89px;
}


.reviewsheader h2 {
margin-bottom: 5px;
font-size: 24px;
color: #000;	
}

.reviewsheader p {
margin-bottom: 8px;	
}
/* blue box for layout */

.bluebox {
margin: 0;
margin: 2px 0px 10px 0px;
padding: 8px;
background-color: #09a0ff;
border-radius: 3px;
-webkit-border-radius: 3px;
}

.bluebox h2 {
font-size: 23px;
font-weight: bold;
color: #fff;	
margin-bottom: 5px;
}

.bluebox p {
color: #fff;
margin-bottom: 0px;	
}



/* shelf seperators */

.largeshelf {
background-image: url(/ui/img/largeshelf.jpg);
height: 20px;
background-repeat: no-repeat;
background-size: contain;
-moz-background-size: contain;  /* Firefox 3.6 */
background-position: contain;  
}

.mediumshelf {
background-image: url(/ui/img/largeshelf.jpg);
height: 20px;
background-repeat: no-repeat;
background-size: contain;
-moz-background-size: contain;  /* Firefox 3.6 */
background-position: contain;  
}

.fullpageseperator {
width: 99%;	
margin: 3px 0px 7px 0px !important;
}

/* rate box */

.ratebox {
display: inline-block;
padding-top: 0px !important;
padding-bottom: 10px;
width: 100%;
border-bottom: 1px solid #fff;
}

.ratebox label {
float: left;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: normal;
color: #000;
width: 100%;
padding: 3px 0px 5px 0px !important;
margin-top: 4px !important;
}
.ratebox h2 {
font-family: 'PT Sans Narrow', Sans-serif;
font-size: 26px;
color: #09a0ff;
margin-bottom: 5px;

}

.ratebox .pencil {
padding-left: 25px;
background-image: url(/ui/img/icon.png);
background-position: -130px -622px ;
background-repeat: no-repeat;
}

.ratebox .rating img {
width: 120px;
}

/* Large Form */

.lrgform {
padding: 10px;
margin-bottom: 5px;
background-color: #f8f8f8;
border-radius: 3px;
-webkit-border-radius: 3px;
}

.lrgform > div {
clear: both;
overflow: hidden;
padding: 2px 0px 4px 0px;
}

.lrgform > div > fieldset > div > div{
margin: 0 0 5px 0;
}

.lrgform > div > label, legend {
float: left;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: normal;
color: #000;
width: 100%;
padding: 3px 0px 2px 0px;
}

.lrgform  .warning {
padding: 7px 0px 5px 0px;
}

.lrgform .warning p {
font-size: 12px;
color: #000;
margin-bottom: 0px;
}

.lrgform > div > div > a {
display: block;
padding: 7px 0px 3px 0px; 
}

.lrgform > div > label > span {
float: left;
font-size: 10px;
font-weight: normal;
margin-top: 5px;
width: 100%;
}

.lrgform > div > div,
.lrgform > div > fieldset > div {
width: 100%;
float: left;
}

.lrgform fieldset {
border: 0;
padding: 0;
}
.lrgform > div > fieldset label  {
font-size: 15px;
line-height: 150%;
}

.lrgform textarea {
font-family: 'Open Sans', sans-serif;
margin-top: 8px;
font-size: 15px;
width: 100%;
padding: 7px 0px 7px 9px !important;
border-radius: 5px;
-webkit-border-radius: 5px;	
box-sizing: border-box;	
}

.lrgform input[type=text],
.lrgform input[type=email],
.lrgform input[type=url],
.lrgform input[type=password]
{
font-family: 'Open Sans', sans-serif;
margin-top: 8px;
font-size: 14px;
width: 100%;
padding: 7px 0px 7px 9px;
border-radius: 5px;
-webkit-border-radius: 5px;
box-sizing: border-box;
}
.lrgform input[type=text]:focus,
.lrgform input[type=email]:focus,
.lrgform input[type=url]:focus,
.lrgform input[type=password]:focus,
.lrgform textarea:focus,
.lrgform select:focus {
outline: 0;
border-color: #4697e4;
}


.lrgform h2 {
font-family: 'PT Sans Narrow', Sans-serif;
font-size: 26px;
line-height: 100%;
color: #09a0ff;
margin-bottom: 5px;
}
.lrgform .formlabel {
padding-left: 10px;
}

.lrgform h4 {
font-family: 'PT Sans Narrow', Sans-serif;
font-size: 26px;
color: #09a0ff;
padding-left: 28px;
background-image: url(/ui/img/icon.png);
background-position: -127px -626px ;
background-repeat: no-repeat;
}

.lrgform .consent {
margin: 2px 0px 5px 0px;
}

.lrgform .consent p {
display: block;
margin: 0 auto;
padding-top: 2px;
}

.lrgform .consent label {
color: #000;
font-size: 13px;
font-weight:normal;
margin-left: 4px;
width: 95%;
line-height:150%;
padding-top: 2px;
padding-bottom: 3px;
}
.lrgform .consent input[type=text] {
	float: left;
	height: 32px;	
	padding-top: 6px;
	margin-top: 0px;
	margin-bottom: 8px;
	box-sizing: border-box;
}
.lrgform .consent .emailwrapper{
	margin-top: 2px;
}
.lrgform .consent label.emailaddress {
float: left;
color: #000;
font-size: 14px;
font-weight: normal;
margin-top: 0px;
margin-left: 4px;
width: 100%;
line-height:150%;
padding-bottom: 4px;
}
.lrgform .consent label.emailaddress span {
		font-size: 13px;
}
.lrgform .consent .checkbox {
float:left;
}
.lrgform input[type="checkbox"] {
vertical-align: text-bottom;
margin-top: 4px;
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
}

.lrgform input[type="radio"] {
vertical-align: bottom;
margin-top: 4px;
-webkit-appearance: radio;
-moz-appearance: radio;
}

form#rateform {
margin-top: 5px;
}




/* large submit button */

.bluesubmitbutton_large {
font-family: 'PT Sans Narrow', Sans-serif;
font-size: 19px;
padding: 7px 18px 7px 18px;
margin: 0px 0px 3px 0px;
width: 35%;
font-weight: bold;
color: #fff;
background-color: #09a0ff;
border: 0;
border-radius: 3px;
cursor: pointer;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s  ease;`
transition: all 0.4s ease;

}

.bluesubmitbutton_large:hover {
background-color:#0971ff; 
}

.bluesubmitbutton_large:active {
background: #0971ff;
-moz-box-shadow: inset 0 0 4px 3px #0c60d3, 0 1px 0 0 #ebedef;
-webkit-box-shadow: inset 0 0 4px 3px #0c60d3, 0 1px 0 0 #ebedef;
}

.btn-block {
width: 100%;	
}

.greybutton_large {
font-family: 'PT Sans Narrow', Sans-serif;
font-size: 18px;
padding: 7px 18px 7px 18px;
margin: 0px 0px 3px 0px;
width: 20%;
font-weight: bold;
color: #fff;
background-color: #000;
border: 0;
border-radius: 3px;
cursor: pointer;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s  ease;`
transition: all 0.4s ease;

}

.greybutton_large:hover {
background-color:#000; 
}

.greybutton_large:active {
background: #000;
-moz-box-shadow: inset 0 0 4px 3px #000, 0 1px 0 0 #ebedef;
-webkit-box-shadow: inset 0 0 4px 3px #000, 0 1px 0 0 #ebedef;
}


/* rate movie stars */

.rateit {
display: -moz-inline-box;
display: inline-block;
position: relative;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
cursor: pointer;
margin-top: 2px;
}

.rateit .rateit-range
{
position: relative;
display: -moz-inline-box;
display: inline-block;
background: url(/ui/img/star.png);
height: 16px;
outline: none;
}

.rateit .rateit-range * {
display:block;
}

/* for IE 6 */
* html .rateit, * html .rateit .rateit-range
{
display: inline;
}

/* for IE 7 */
* + html .rateit, * + html .rateit .rateit-range
{
display: inline;
}

.rateit .rateit-hover, .rateit .rateit-selected
{
position: absolute;
left: 0px;
}

.rateit .rateit-hover-rtl, .rateit .rateit-selected-rtl
{
left: auto;
right: 0px;
}

.rateit .rateit-hover
{
background: url(/ui/img/star.png) left -32px;
}

.rateit .rateit-hover-rtl
{
background-position: right -32px;
}

.rateit .rateit-selected
{
background: url(/ui/img/star.png) left -16px;
}

.rateit .rateit-selected-rtl
{
background-position: right -16px;
}

.rateit .rateit-preset
{
background: url(/ui/img/star.png) left -48px;
}

.rateit .rateit-preset-rtl
{
background: url(/ui/img/star.png) left -48px;
}

.ratetheatre .rateit button.rateit-reset {
margin-right: 3px;	
}

.rateit button.rateit-reset {
background: url(/ui/img/delete.png) 0 0;
width: 16px;
height: 16px;
display: -moz-inline-box;
display: inline-block;
float: left;
outline: none;
border:none;
padding: 0;
cursor: pointer;
}

.rateit button.rateit-reset:hover, .rateit button.rateit-reset:focus {
background-position: 0 -16px;
}


div.bigstars div.rateit-range {
  background: url(/ui/img/star-white32.png);
  height: 32px;
}

div.bigstars div.rateit-hover
{
  background: url(/ui/img/star-gold32.png);
}

div.bigstars div.rateit-selected
{
  background: url(/ui/img/star-red32.png);
}

div.bigstars div.rateit-reset
{
  background: url(/ui/img/star-black32.png);
  width: 32px;
  height: 32px;
}

div.bigstars div.rateit-reset:hover
{
  background: url(/ui/img/star-white32.png);
}


/**
div.bigstars div.rateit-range {
  background: url(/ui/img/greystar.png);
}

div.bigstars div.rateit-hover
{
  background: url(/ui/img/bluestar.png);

}

div.bigstars div.rateit-selected
{
  background: url(/ui/img/stargold.png);


}

div.stars div.rateit-reset
{
  background: url(/ui/img/bluestar.png);
  width: 32px;
  height: 32px;
}

div.bigstars div.rateit-reset:hover
{
  background: url(/ui/img/star-white32.png);
}
**/
/* modal */
.ui-dialog {
padding: 20px 10px 15px;	
border:8px solid #ebebeb;
border-radius: 6px;
-webkit-border-radius: 6px;
outline: none;
z-index: 10000;
position: fixed !important;
max-height: 325px;
overflow: auto;
overflow-x:hidden;
-webkit-overflow-scrolling: touch;
}

.fixed-dialog {
position: fixed;	
}

.ui-dialog .externalcontent {
position:relative; 
width:650px;
display:block;	
}

.ui-widget-content {
max-height: 325px;
width: 100% !important;
overflow: auto;
overflow-x:hidden;
-webkit-overflow-scrolling: touch;
}


.detectlocation .ui-widget-content {
min-height: 700px !Important;
width: 100% !important;
overflow: auto;
overflow-x: none;
-webkit-overflow-scrolling: none;
}


.example {
height: 25px;	
}

.ui-dialog h2 {
font-family: 'Open Sans', Sans-serif;
font-size: 20px;
line-height: 130%;
font-weight: 600;
color: #09a0ff;
}

.ui-dialog-title {
font-family: 'Open Sans', Sans-serif;
font-size: 20px;
line-height: 130%;
font-weight: 600;
color: #09a0ff;
}

.ui-dialog p {
font-size: 12px;	
font-family: 'Open Sans', Sans-serif;
line-height: 150%;
font-weight: 300;
}

.ui-widget-header {
height: 0px;	
}

/* dropdown links */


.dropdown.ddDefault {
width:120px; 
}

.dropdown dd, .dropdown dt, .dropdown ul, dl.dropdown {
margin:0px; 
padding:0px;
}

.dropdown dd { 
position:relative;
}

.dropdown a { 
color:#000; 
text-decoration:none;
outline:none;
}

.dropdown a:hover { 
color:#2e5d89
;}

.dropdown dt a:hover, .dropdown dt a:focus {
color:#000; 
}

.dropdown dt a {
display: block;
font-size: 13px;
color: #000;
text-align: left;
font-weight: 600;
margin-top: 3px;
line-height: 1.42;
padding: 3px 0px 3px 3px;
vertical-align: middle;
background-color: #fff;
background-image: url(/ui/img/selectarrow.png);
background-repeat: no-repeat;
background-position: right;
background-size: 20px 7px;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

}
.dropdown dt a span {cursor:pointer; display:block; padding:2px; padding-left:4px;}
.dropdown dd ul  
{
font-size: 13px;
text-align: left;
display:none;
background:#fff;
border:1px solid #ccc; 
border-top: 0px;
color:#C5C0B0;
left:0px; 
padding:5px 0px; 
position:absolute;
z-index: 100;
width:100%; 
list-style:none;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.dropdown span.value {
display:none
;}

.dropdown dd ul li {
margin-bottom: 0px;	
}
.dropdown dd ul li a { 
font-size: 13px;
padding:2px;
padding-left:4px; 
display:block; 	
color: #000;
}
.dropdown dd ul li a:hover { 
background-color:#09a0ff;
}

.dropdown dd ul.ddScroll {	
max-height: 160px;
overflow-x:hidden; 
overflow-y:auto;
}
.dropdown dd ul li a:hover {
background-color:#09a0ff; 
color: #fff;
}

.dropdown .selected { 
background-color:#ff6600; 
color:#ffffff;
}

/* generic buttons */

.bluebutton {
float: left;
font-family: 'PT Sans Narrow', Sans-serif;
font-size: 17px;
margin-top: 1px;
margin-left: 5px;
line-height:  20px;
height: 30px !important;
width: 100%;
padding: 2px 0px 3px 0px !important;
font-weight: bold;
color: #fff !important;
border: 0;
background-color: #09a0ff;
display: block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s  ease;
transition: all 0.4s ease;
}

.bluebutton:hover {
background-color: #0971ff;

}

.bluebutton:active {
background: #0971ff;
-moz-box-shadow: inset 0 0 4px 3px #0661dd, 0 1px 0 0 #fff;
-webkit-box-shadow: inset 0 0 4px 3px #0661dd, 0 1px 0 0 #fff;
}


/* magazine list */
.maglist{
text-align:center;        
}

.maglist li{
float:left;
margin-right:15px;
width:100px;
height:165px;
}    
.maglist li img{
width:auto;
max-height: 87px;   
}

ul.logolist li{
float:left;    
margin-right:15px;
width:200px;
}
ul.logolist li img{
width:100%;    
height:inherit;
}


a.bluebtn{

font-family: 'PT Sans Narrow', Sans-serif;
font-size: 17px;
padding: 10px 15px;
font-weight: bold;
color: #fff !important;
border: 0;
background-color: #09a0ff;
display: inline-block;
text-align: center;
text-decoration: none;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
a.bluebtn:hover{
text-decoration:none;
background-color:#000;    
}

.filtersearchbox a.bluebtn:hover {
background-color: #0971ff; 	
}

.filtersearchbox a.bluebtn:active {
background: #0971ff;
-moz-box-shadow: inset 0 0 4px 3px #0661dd, 0 1px 0 0 #fff;
-webkit-box-shadow: inset 0 0 4px 3px #0661dd, 0 1px 0 0 #fff;
}

.smaller {
font-size: 16px !important;
padding: 8px 12px !important;
}
img.leftimg{
float:left;
margin-right:15px;
margin-bottom:10px;    
}


table.boxlist{
margin-bottom:12px;    
}

.boxlist tr.headline{
background-color:#f0f0f0;    
}
.boxlist tr{
margin-bottom:5px;    
}
.boxlist tr.second{
background-color:#f1f1f1;    
}
.boxlist th{
font-weight:bold;
text-align:left;


}
.boxlist td, .boxlist th{
padding:4px 3px 8px 3px;

min-width:25px;
}
.notd{
display:none;    
}

.resobject { 
position: relative; 
padding-bottom: 56.25%; 
height: 0; 
overflow: hidden; 
max-width: 100%; 
height: auto; 
}

.resobject object, .resobject embed { 
position: absolute; 
top: 0; 
left: 0;
width: 100%; 
height: 100%; 
}


/* trivia */

ul.trivialist li{
float:left;
width:100%;
margin:0 0 4px 0;
}
ul.trivialist li.inads{
text-align:center;
display:block;    
width:100%;
padding:10px 0px;
}
ul.trivialist li a{

padding:8px;
font-family: 'PT Sans Narrow', sans-serif;
display:block;
color:#000;
font-size:16px;
background-color:#f8f8f8;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
ul.trivialist li a:hover{
color:#9900ff;    
text-decoration:none;
}


.featuredtrivia a{
text-align:center;    
padding:25px 15px;
margin-bottom:10px;
background-color:#f8f8f8;
border-bottom: 1px solid #e6e6e6;
display:block;
color:#666;
font-size:32px !important;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.featuredtrivia a span{
color:#9900ff;

}
.featuredtrivia a:hover{
text-decoration:none;
}
.featuredtrivia a:hover span{
color:#000;    
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.infobox .stars img {
width: 85px;
}

#movieDetails .stars img {
width: 85px;	
}

/* city movies */

.citymovies {
margin: 0px 0px 5px 0px;
padding: 5px 15px 15px 15px;
text-align:center;
background-color: #f8f8f8;
border-radius: 6px;
-webkit-border-radius: 6px;
}

.citymovies h1 {
color: #09a0ff;
font-size: 30px;
margin: 5px 0px 4px 0px;
font-weight: 600;
text-align: left;
}

.citymovies p {
font-size: 13px;
color: #000;
text-align: left;
margin: 8px 0px 15px 0px;
}
.citymovies div {
margin-top: 10px;	
}


.citymovies label {
float: left;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 600;
width: 25%;
padding-top: 9px;
text-align: left;
}

.citymovies select {
float: left;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
width: 65%;
}


.citymovies select.arrow {
background-image: url(/ui/img/selectarrow.png);
background-repeat: no-repeat;
background-position: right;	
background-size: 20px 7px;
}

.citymovies input[type=text]{
font-family: 'Open Sans', sans-serif;
width: 60%;
color: #5d5d5d;
padding: 4px;
padding-left:22px;
line-height: 1.428571429;
background-color: #fff;
background-image: url(/ui/img/location.png);
background-repeat: no-repeat;
background-position: left;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
border-top: 1px solid #c9c5c5;
border-left: 1px solid #c9c5c5;
border-right: 1px solid #c9c5c5;
border-bottom: 1px solid #c9c5c5;
vertical-align:top;
}

.citymovies input[type=text]:focus {
outline: 0;
border-color: #4697e4;
}

.citymovies .searchbutton {
font-family: 'PT Sans Narrow', Sans-serif;
font-size: 17px;
line-height: 145%;
padding: 1px 12px;
font-weight: bold;
color: #fff;
background-color: #09a0ff;
border: 0;
border-radius: 3px;
cursor: pointer;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s  ease;
transition: all 0.4s ease;
}

.citymovies .searchbutton-large{
padding: 5px 30px;
font-size: 20px;
margin-top: 3px;
}

.citymovies .searchbutton:hover {
background-color: #0971ff;
}


.citymovies .searchbutton:hover {
background-color: #0971ff;
}

.citymovies .searchbutton:active {
background: #0971ff;
-moz-box-shadow: inset 0 0 4px 3px #0661dd, 0 1px 0 0 #fff;
-webkit-box-shadow: inset 0 0 4px 3px #0661dd, 0 1px 0 0 #fff;
}

.citymovies .postalcode {
margin: 5px 0px 0px 5px;	
font-style: italic;	
}

.citymovies .instructions {
font-size: 12px;
text-align: center;
margin: 0 auto;
margin-top: -5px;
}

.citymovies .note {
font-size: 11px;
text-align: center;
padding-top: 5px;
margin-bottom: 1px;
width: 55%;
margin: 0 auto;
}

/* showtimes search box */
a.pills {
float: left;
background-color: #fafafa;
border:1px solid #ebedef;
position: relative;
display: block;
padding: 2px 5px 2px 5px;
border-radius: 4px;
-webkit-border-radius: 4px;
margin-right: 5px;
cursor: pointer;
}

a:hover.pills , a.active.pills {
float: left;
background-color: #ff5400;
color: #fff;
position: relative;
display: block;
border-radius: 4px;
-webkit-transition: background-color 750ms;
-moz-transition: background-color 750ms;
-o-transition: background-color 750ms;
-ms-transition: background-color 750ms;
transition: background-color 750ms;
text-decoration: none;
}


/* citmovies list */

ul.citymovieslist {
margin-top: 12px;
}

ul.citymovieslist li {
margin-bottom: 8px;
display: block;
background-color: #f9f9f9;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border:1px solid #ebedef;
border-radius: 3px;
overflow: hidden;
}

ul.citymovieslist li ul {
float: left;
margin-top: 2px;
width: 100%;
background-color: #f9f9f9;
border-radius: 3px;
-webkit-border-radius: 3px;
}

ul.citymovieslist li ul:first-child {
float: left;
margin-top: 5px;
width: 100%;
background-color: #f9f9f9;
}


ul.citymovieslist li ul li {
float: left;
clear: none;
margin: 0px 5px 4px 0px;
overflow: visible;
line-height: 20px;
list-style: none;
border: 0px;
border-radius: 3px;
-webkit-border-radius: 3px;
background-color: transparent !important;
}
ul.citymovieslist li ul li a {
width: 110px;
display: block;
border: 1px solid #ebedef;
text-indent: -1000em;
text-transform: capitalize;
height: 20px;
background-image: url(/ui/img/movie-times-nav.png);
}

ul.citymovieslist li ul li a:hover {
width: 110px;
background-color: #ff5400;
display: block;
text-indent: -1000em;
border: 1px solid #ff5400;
text-transform: capitalize;
height: 20px;
}

ul.citymovieslist li ul li a.trailer{
background-position:left top;
}
ul.citymovieslist li ul li a.cast{
background-position:center top;
}
ul.citymovieslist li ul li a.movietimes{
background-position:right top;
}

ul.citymovieslist li ul li a.trailer:hover{
background-position:left bottom;
}

ul.citymovieslist li ul li a.cast:hover{
background-position:center bottom;
}

ul.citymovieslist li ul li a.movietimes:hover{
background-position:right bottom;
}

ul.citymovieslist li img {
float: left;
width: 90px;
height: auto;
}	

ul.citymovieslist li span span img {
float: right;
width: 70px;
height: auto;	
margin: 1px 0px 0px 5px;
padding-top: 2px;
}

ul.citymovieslist li span {
float: left;
padding: 8px 0px 0px 12px;
width: 84%;
}

ul.citymovieslist li span span {
font-size: 12px;
width: auto;
border-radius: 4px;
-webkit-border-radius: 4px;
padding: 0px;
margin-right: 5px;
margin-bottom: 5px;
}

ul.citymovieslist li span span a {
float: left;
padding: 2px 0px 0px 5px;
}

ul.citymovieslist li h2 a {
color: #ff5400;
line-height: 120%;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}

ul.citymovieslist li h2 a:hover {
color: #000;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}



ul.citymovieslist h3 {
font-family: 'Open Sans', Sans-serif;
font-weight: 600;
font-size: 19px;
color: #000;
width: 100%;
margin-bottom: 8px;	
}

ul.citymovieslist li h3 a {
color: #ff5400;
}

ul.citymovieslist li h3 a:hover {
color: #000;
}

ul.citymovieslist p {
width: 100%;
display: inline-block;
margin-bottom: 7px;
}

/** tabs for trailer */

.trailerheader {
font-size: 23px;
margin-bottom: 10px;
}

.tabpills{
width: 100%;
}

.tabpills h2 {
font-family: "PT Sans Narrow",sans-serif;
font-size: 17px;
text-align: center;
line-height: 145%;
margin-bottom: 8px;
text-transform: none;
}

.tabpills h2:first-child a  {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}

.tabpills h2:last-child a  {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}


.tabpills h2 a {
width: 33.3%;
float:left;	
text-decoration: none;
padding:5px 5px 5px 5px;
color: #fff;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border-right:1px solid #fff;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
background-color: #848484;
}

.tabpills h2 a:hover {
background-color: #09a0ff;

}

.tabpills h2.tabfirst a {
background-color: #09a0ff ;
text-shadow: none;
}

.tabpills h2 a.activeblue {
background-color: #09a0ff ;
background-image: none;
}
.tabpills h2.active a {
background-color: #09a0ff ;
background-image: none;
}
.tabpills h2.active a:hover {
text-shadow:none;
}

/** search results tabs **/

.searchresultstabs {
display: inline-block;
width: 100%;
border-bottom:5px solid #09a0ff;
}

.searchresultstabs h2 {
float: left;
font-family: "PT Sans Narrow",sans-serif;
font-size: 18px;
text-align: center;
line-height: 145%;
margin-bottom: 0px;
text-transform: none;
}



.searchresultstabs h2 a {
width: auto;
float:left;	
text-decoration: none;
padding:6px 10px 6px 5px;
color: #fff;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border-right:1px solid #fff;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
background-color: #bdbdbd;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}

.searchresultstabs h2 a:hover {
background-color: #09a0ff;

}

.searchresultstabs h2.tabfirst a {
background-color: #09a0ff ;
text-shadow: none;
}

.searchresultstabs h2 a.activeblue {
background-color: #09a0ff ;
background-image: none;
}
.searchresultstabs h2.active a {
background-color: #09a0ff ;
background-image: none;
}
.searchresultstabs h2.active a:hover {
text-shadow:none;
}




.twocolumns h2 a {
width: 50%;
font-size: 18px;
margin-bottom: 10px;
}
.twocolumns h2.active a {
background-color: #09a0ff ;
}

/* trailers list */

#trailertabs , #searchresultstabs {
margin-top: -5px;	
}

ul.trailerslist {
margin: 8px 0px 15px 0px;
}


ul.trailerslist.spacing {
margin-top: 5px;
margin-bottom: 5px;
}

ul.trailerslist .movietitle {
float: left;
width: 590px;
}

ul.trailerslist li {
width: 100%;
display: inline-block;
font-size: 13px;
font-weight: 600;
line-height: 145%;
margin-bottom: 0px;
padding: 8px 6px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}

ul.trailerslist li a {
float: left;
width: 100%;
color: #ff5400;
}

ul.trailerslist li a:hover {
color: #ff5400;
text-decoration: none;
-moz-transition: color 0.5s ease;
-webkit-transition: color 0.5s ease;
-o-transition: color 0.5s  ease;
transition: color 0.5s ease;
}



ul.trailerslist li span.movietitle  a:hover {
color: #000;
}



ul.trailerslist li:nth-of-type(odd) { 	
background-color: #f8f8f8;
border-top: 1px solid #f1f1f1;
border-bottom: 1px solid #f1f1f1;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

ul.trailerslist li:first-child {
border-top: 0px;
}

ul.trailerslist li:last-child {
border-bottom: 1px solid #f1f1f1;
}

ul.trailerslist h3 {
font-size: 20px;
padding: 4px 0px 8px 0px;
}

#bySearch h3 {
font-size: 20px;
padding: 4px 0px 8px 0px;

}

ul.trailerslist p {
font-size: 12px;
padding-top: 2px;
margin-bottom: 0px;
margin-right: 5px;
display: inline-block;
font-weight: 300;
color: #000 !important;
}






ul.trailerslist li p span {
font-size: 11px;
font-style: italic; 	
color: #000 !important;

}

ul.trailerslist li .trailer {
float: left;
display: block;
padding:2px 2px 2px 2px;
margin-left: 20px;
}


ul.trailerslist li .viewtrailer a {
float: right;
font-weight: normal;
text-decoration: none;
color: #000;
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: -3px -219px;
padding-left: 17px;
width: 75px;
-moz-transition: color 0.2s ease;
-webkit-transition: color 0.2s ease;
-o-transition: color 0.2s  ease;
transition: color 0.2s ease;
}

ul.trailerslist li .viewtrailer a:hover {
color: #006eb3;
padding-left: 17px;
width: 75px;
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: -112px -219px;
}

ul.trailerslist li .trailer a span {
display: none;	
}


ol.trailerslist {
width: 100%;
list-style-position: inside;
list-style-type: decimal;
margin: 10px 0 0px 0;
padding-bottom: 12px;
display: inline-block;
}
ol.trailerslist li {
list-style-position: inside;
list-style-type: decimal;
font-size: 13px;
width: 100%;
font-size: 13px;
font-weight: 600;
line-height: 145%;
margin-bottom: 0px;
padding: 5px 4px 8px 5px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
clear:both;
}

ol.trailerslist .movietitle {
width: 440px;
display: inline-block;
vertical-align: text-top;

}

ol.trailerslist li a {
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
color: #ff5400;
display: inline-block;
margin-left: -10px\0/;
}

ol.trailerslist li a:hover{
color: #000;
text-decoration: none;
}
ol.trailerslist li .viewtrailer {
background-image: none;
padding-left: 0;	
}
ol.trailerslist li .viewtrailer a {
float: right;
font-weight: normal;
text-decoration: none;
color: #000;
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: -3px -219px;
padding-left: 17px;
width: 100px;
}

ol.trailerslist li .viewtrailer a:hover {
color: #0971ff;
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: -112px -219px;
}

ol.trailerslist h3 {
font-size: 20px;
padding: 4px 0px 8px 0px;
}
ol.trailerslist p {
font-size: 12px;
padding-top: 2px;
margin-bottom: 0px;
margin-right: 5px;
display: inline-block;
font-weight: 300;
color: #000 !important;
width: auto;
margin-left: -10px\0/;
}



ol.trailerslist li .trailerdate {
font-size: 11px;
font-style: italic; 	
font-weight: 300;
padding-left: 5px;
}
ol.trailerslist li .trailer {
float: left;
display: block;
padding:2px 2px 2px 2px;
margin-left: 20px;

}

ol.trailerslist li .trailer a {
width: auto;
font-weight: normal;
text-decoration: none;
color: #000;
background-image: url(/ui/img/trailer.png);
background-repeat: no-repeat;
background-position: 0px 4px;
padding-left: 17px;
}
ol.trailerslist li .trailer a:hover {
color: #0971ff;
background-image: url(/ui/img/trailer-hover.png);
}

ol.trailerslist li .trailer a span {
display: none;	
}


ol.trailerslist.spacing {
margin-top: 5px;
margin-bottom: 5px;
}




ol.trailerslist li:nth-of-type(odd) { 	
background-color: #f8f8f8;
border-top: 1px solid #f1f1f1;
border-bottom: 1px solid #f1f1f1;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

ol.trailerslist li:first-child {
border-top: 0px;
}

ol.trailerslist li:last-child {
border-bottom: 1px solid #f1f1f1;
}


ul.trailerslist h3 {
font-size: 20px;
padding: 4px 0px 8px 0px;
}
ul.trailerslist li .viewtrailer {
background-image: none;
padding-left: 0;	
}

.trailerslist h3 {
font-size: 20px;
padding: 11px 0px 0px 0px;
}
/* search results */

.list_wrapper {
display: inline-block;
width: 100%;
margin: 10px 0px 10px 0px;	
}

.list_wrapper h3 {
font-size: 20px;
margin-bottom: 7px;
}

.list_wrapper h4 {
font-size: 12px;	
margin-bottom: 10px;
}

.list_wrapper .pagination {
margin-bottom: 0px;	
}

.list_wrapper ul.popularsearches {
margin-top: 10px;	
}

.list_wrapper ul.popularsearches li {
margin-bottom: 0px;
padding: 10px 5px 10px 5px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;

}
.list_wrapper ul.popularsearches li:nth-of-type(odd){
background-color: #f8f8f8;
}

.list_wrapper .MovieListHeader {
font-size: 14px;
font-weight: 600;
display: inline-block;
width: 100%;
background-color: #09a0ff;
margin-top: -10px;
margin-bottom: 10px;
color: #fff;
padding: 8px 0px 8px 8px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

.list_wrapper .MovieListHeader a {
color: #fff;
}

.list_wrapper .MovieListHeader a:hover {
text-decoration: underline;
}

/* search button */
.searchbutton {
font-family: 'PT Sans Narrow', Sans-serif;
font-size: 17px;
line-height: 118%;
padding: 4px 12px;
font-weight: bold;
color: #fff;
background-color: #09a0ff;
border: 0;
border-radius: 3px;
cursor: pointer;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s  ease;
transition: all 0.4s ease;
}

.searchbutton:hover {
background-color: #0971ff;
}


.searchbutton:active {
background: #0971ff;
-moz-box-shadow: inset 0 0 4px 3px #0661dd, 0 1px 0 0 #fff;
-webkit-box-shadow: inset 0 0 4px 3px #0661dd, 0 1px 0 0 #fff;
}

/* dvd boxes */

ul.dvdboxes {
width: 100%;
float: left;
}

ul.dvdboxes li {
float: left;
width: 49%;
font-size: 13px;
font-weight: 600;
line-height: 130%;
background-color: #f8f8f8;
margin: 5px 0px 5px 0px;
padding: 7px 7px 10px 7px; 
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border: 1px solid #f1f1f1;
border-radius: 3px;
-webkit-border-radius: 3px;
}

ul.dvdboxes li:first-child {
margin-right: 10px;	
}

ul.dvdboxes li:nth-of-type(2n+1) {
margin-right: 10px;
}


ul.dvdboxes.spacing {
margin-top: 10px;
}

ul.gridview .grey {
border: 0px; 
}



ul.dvdboxes li a span {
float: left;
width: 93%;
min-height: 25px;
text-align: center;
text-decoration: none;
color: #ff5400;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
word-break: keep-all ;
}


ul.dvdboxes li a:hover span {
color: #000;
}


ul.dvdboxes li span a {
width: auto;
min-height: 25px;
font-size: 14px;
line-height: 130%;
text-align: center;
text-decoration: none;
color: #ff5400;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}

ul.dvdboxes p {
font-size: 12px;
font-weight: normal;
padding-top: 4px;
margin-bottom: 0px;
}
ul.dvdboxes p a {
font-size: 12px;
display: block;
}


ul.dvdboxes li img {
float: left;
margin: 0px 9px 10px 0px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border: solid 1px transparent;
}

ul.dvdboxes li img .img-responsive {
float: left;
}

ul.dvdboxes li a img {
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
border: solid 1px transparent;

}

ul.dvdboxes li a img:hover {
border: solid 1px #0aa0ff;

}

ul.dvdboxes li a {
text-decoration: none;
}

ul.dvdboxes li a:hover {
color: #000;
}

.dvdarchivebutton  {
display: inline-block;
font-size: 14px;
text-align: center;
line-height: 145%;
margin-bottom: 15px;
text-transform: none;
}

.dvdarchivebutton a  {
float: left;
color: #ff5400;
padding: 5px 10px 5px 10px;
margin-left: 2px;
border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #f9f9f9;
text-decoration: none;
}


.dvdarchivebutton a:hover {
color: #fff;
background-color: #ff5400;
}

.dvdarchivebutton a.newer {
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: 92px -473px;
padding-right: 20px;
}

.dvdarchivebutton a.newer:hover {
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: 11px -473px;
}

.dvdarchivebutton a.older {
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: 2px -502px;
padding-left: 21px;
}

.dvdarchivebutton a.older:hover {
background-repeat: no-repeat;
background-position: -78px -502px;
padding-left: 21px;
}


/* changes to the contentlist for dvd */

.dvdcontent {
display: inline-block;
width: 100%;
margin: 3px 0px 0px 0px;	
}

.dvdcontent ul.contentlist {
margin: 10px 0px 5px 0px;
}

.dvdcontent ul.gridview {
margin-top: 10px;
margin-bottom: -5px;
}
.dvdcontent ul.contentlist .equalheight {
width: 55%;
}
.dvdcontent .headerwrapper {
margin: 0px 0px 5px 0px;
}
.dvdcontent h2 {
display: inline-block;
margin: 4px 0px 8px 0px;
}



.dvdcontent h3 {
margin: 0px 0px 8px 0px;
}

.dvdcontent h4 {
font-size: 12px;
margin-bottom: 12px;
}

.dvdcontent .MovieListHeader {
font-size: 16px;
font-weight: bold;
display: inline-block;
width: 100%;
color: #000;
border-bottom: 2px solid #f1f1f1;
padding: 5px 0px 8px 0px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

.dvdcontent .MovieListHeader a {
color: #000 !important;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}

.dvdcontent .MovieListHeader a:hover {
color: #ff5400 !important;
}

.dvdcontent h2  {
float: left;
font-size: 22px;
width: 100%;
margin-bottom: 7px;
}

.ondvdcomingsoon h2 {
margin-bottom: 15px;	
}

.dvdcontent h3{
font-family: 'Open Sans', Sans-serif;
font-size: 12px;	
margin-bottom: 15px;
}
/* changes to contentlist for coming soon */

.ComingSoonWrapper ul.contentlist {
margin-top: 10px;	
margin-bottom: 10px;
}

.ComingSoonWrapper ul.contentlist .equalheight {
width: 56%;
}

.ComingSoonWrapper ul.gridview {
margin: 10px 0px -4px 0px;
}

.ComingSoonWrapper ul.gridview .equalheight {
margin-bottom: 3px;
}
.ComingSoonWrapper .MovieListHeader {
font-size: 16px;
font-weight: bold;
display: inline-block;
width: 100%;
color: #000;
border-bottom: 2px solid #f1f1f1;
padding: 5px 0px 8px 0px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

.ComingSoonWrapper .MovieListHeader:last-child {
font-size: 100px;
font-weight: bold;
display: inline-block;
width: 100%;
color: #09a0ff;
border-bottom: 1px solid #f1f1f1;
padding: 5px 0px 10px 0px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

#movieseventsresults ul.contentlist .equalheight {
width: 55%;
}

#movieseventsresults ul.contentlist .equalheight a {
color: #ff5400;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
text-decoration: none;
}

#movieseventsresults ul.contentlist .equalheight a:hover {
color: #000;
}


#peopleresults ul.contentlist .equalheight {
width: 55%;
}

#peopleresults ul.contentlist .equalheight a {
color: #ff5400;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
text-decoration: none;
}

#peopleresults ul.contentlist .equalheight a:hover {
color: #000;
}


/* popup box for showtimes map */

.theatredetails img {
float: left;	
width: 45px;
margin-right: 2px;
}

.theatredetails h2 {

font-family: 'Open Sans', Sans-serif;
font-size: 16px;	
padding-top: 8px;
}

.theatredetails p {
padding-top: 2px;
margin-bottom: 2px;
}

.theatredetails p a {
padding-top: 5px;
display: block;

}

/* restauraunt search box */

.searchrestaurants {
margin: 0px 0px 5px 0px;
padding: 5px 0px 5px 0px;
text-align:center;
background-color: #f8f8f8;
}

.searchrestaurants h1 {
font-size: 22px;
margin: 5px 0px 8px 0px;
}


.searchrestaurants label {
float: left;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 600;
width: auto;
padding-top: 8px;
margin: 0px 10px 0px 20px; 
text-align: left;
}

.searchrestaurants select {
float: left;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
width: 67%;
}


.searchrestaurants select.arrow {
background-image: url(/ui/img/selectarrow.png);
background-repeat: no-repeat;
background-position: right;	
background-size: 20px 7px;
}

.searchrestaurants input[type=text]{
font-family: 'Open Sans', sans-serif;
width: 60%;
color: #5d5d5d;
padding: 4px;
padding-left:22px;
line-height: 1.428571429;
background-color: #fff;
background-image: url(/ui/img/location.png);
background-repeat: no-repeat;
background-position: left;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
border-top: 1px solid #c9c5c5;
border-left: 1px solid #c9c5c5;
border-right: 1px solid #c9c5c5;
border-bottom: 1px solid #c9c5c5;
vertical-align:top;
}

.searchrestaurants input[type=text]:focus {
outline: 0;
border-color: #4697e4;
}

.searchrestaurants .searchbutton {
font-family: 'PT Sans Narrow', Sans-serif;
font-size: 17px;
line-height: 118%;
padding: 4px 12px;
font-weight: bold;
color: #fff;
background-color: #09a0ff;
border: 0;
border-radius: 3px;
cursor: pointer;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s  ease;
transition: all 0.4s ease;
}

.searchrestaurants .searchbutton:hover {
background-color: #333333;
}



.searchrestaurants .searchbutton:active {
background: #333333;
-moz-box-shadow: inset 0 0 4px 3px #363636, 0 1px 0 0 #fff;
-webkit-box-shadow: inset 0 0 4px 3px #363636, 0 1px 0 0 #fff;
}

/** restauraunt **/

.restaurantcontent h2 {
padding-top: 5px;	
line-height: 110%;
}

.restaurantcontent h3 {
font-family: 'Open Sans', sans-serif;	
font-size: 13px;
padding: 3px 0px 4px 0px;
}

.restaurant {
display: inline-block;
background-color: #f9f9f9;	
width: 100%;
margin: 5px 0px 7px 0px;
padding: 10px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border-radius: 3px;
-webkit-border-radius: 3px;
border:5px solid #ecedf1;
}



.restaurant h2 {
font-family: 'Open Sans', Sans-serif;
font-size: 20px;
line-height: 120%;
font-weight: 600;
color: #4c4c4c;
margin-top: 0;
margin-bottom: 6px;
padding-top: 0;
padding-bottom: 5px;
border-bottom: 1px solid #ededed;
}

.restaurant h2 a {
color: #ff5400;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}

.restaurant h2 a:hover {
color: #000;
text-decoration: underline;
}

.restaurant .more {
margin-bottom: 0px;
}

.restaurant .more a {
font-size: 12px;
color: #4c4c4c;
margin-top: 0;
padding-top: 0;
}

.restaurant p {
font-size: 13px;
font-weight: normal;
line-height: 140%;
margin-bottom: 0px;
color: #4c4c4c;
}

.restaurant p a {
color: #000;
cursor: pointer;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}

.restaurant p a:hover {
color: #09a0ff;
cursor: pointer;
}


.restaurant .viewhide {
background-color: #f9f9f9;	
color: #000;
margin-right: 15px;
}


.restaurantinfo {
display: inline-block;
}


.restaurantinfo span {
margin-right: 15px;	
}

.restauranttype {
font-weight: 600 !important;
margin-bottom: 5px !important;
}


.restaurantcontent #map_canvas {
margin-top: 5px;
}

/* generic ol lists */


ol.generic {
width: 100%;
list-style-position: inside;
list-style-type: decimal;
padding-bottom: 5px;
margin-bottom: 10px;
}
ol.generic li {
list-style-position: inside;
list-style-type: decimal;
font-size: 12px;
width: 100%;
font-size: 13px;
font-weight: normal;
line-height: 145%;
margin-bottom: 0px;
padding: 5px 0px 8px 0px;
}

.boxspacer {
margin-top: -5px;
margin-bottom: 15px;

}

.slidingDiv {
height:300px;
background-color: #99CCFF;
padding:20px;
margin-top:10px;
border-bottom:5px solid #3399FF;
}

.show_hide {
display:none;
}


/* footer */


.incontent {
padding-top: 10px;	
}

.incontent h3 {
font-size: 20px;
font-family: 'PT Sans Narrow', Sans-serif;
font-weight: bold;
color: #e9e8e8;
padding-bottom: 5px;
}

.incontent h3 a {
color: #e9e8e8;
background-image: none;	
}
.incontent h3 a:hover {
color: #e9e8e8;
background-image: none;	
}


ul.footerlinks {
float: left;
padding-top: 5px;
width: 20%;
}

ul.footerlinks li {
font-size: 14px;
margin-bottom: 10px;
float: none;
}

ul.footerlinks li a {
color: #fff;
font-weight: 300;

}

#footer-gutter .incontent {
padding-top: 7px;	
}	 

.incontent .footerimagery {
float: left;	
width: 180px;
}

.incontent .social {
margin-top: 15px;	
margin-left: 15px;
}

.incontent .social a {
text-decoration: none;	
}


.incontent .social img {
margin-right: 10px;
-webkit-transform: scale(1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transform: scale(1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
width: 40px;
}

.incontent .social img:hover {
-webkit-transform: scale(1.1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transform: scale(1.1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
cursor: pointer;
}

.incontent p {
float: left;	
margin-bottom: 6px;
color: #000;
}

.incontent .legal {
float: right;
text-align: left;	
clear: none;
}


#footer-gutter {
background-color: #e9e8e8;	
padding: 5px;
}

.incontent .legal a{
color: #000;
}

.celebrationbadge {
margin: 0 auto;
display: block;	
max-width:125px;
}

/* accordion style for the footer */

.footerlink { 
display: none;
}

.footermenu { 
float: left;
width: 80%;
-webkit-transition: all 0.3s ease;  
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease; 
}

.aboveimage {
width: auto;	
}


.footermenu ul { 
float: left;
width: 25%;
padding: 0px;
margin: 0px;
list-style: none;

}
.footerimagery .footermenu ul {
width: 100%;	
}

.footerimagery li {
margin-bottom: 5px !important;	
}

.footermenu > li > ul.submenu {
min-width: 10em;
padding: 4px 0;
background-color: #f4f4f4;
border: 1px solid #CCC;
}
.footermenu ul li {
padding: 0px; 
}

.footermenu > ul > li {
display: inline-block; 
}

.footermenu ul li a { 
display: block; 
text-decoration: none; 
color: #e9e8e8; 
cursor: default;
}

.footermenu ul li > a { 
height:auto; 
background-image: none;  
font-size: 24px; 
font-family: 'PT Sans Narrow', Sans-serif; 
font-weight:bold;
cursor: pointer;
}

.footermenu ul ul { 
display: block; 
width: 100% !important;
}
.footermenu ul li:hover > ul { 
display: block; 
}

.footermenu ul ul > li { 
margin-bottom: 5px;  
}

.footermenu ul ul > li a { 
height: auto; 
color: #fff; 
font-size: 12px; 
font-weight: normal; 
font-family: 'Open Sans', Sans-serif;
padding:  4px 2px;

}

.footermenu ul ul > li a:hover { 
background-color: #e9e8e8; 
color: #000 !important; 
text-shadow: none; 
}

.footermenu ul ul ul { 
position: absolute; 
left: 100%; 
top:0;
}

ul.exhibits{
margin:0px auto;	
}
ul.exhibits li{
float:left;
width:300px;
text-align:center;
margin-bottom:15px;
font-size:14px;
}
ul.exhibits li img{
margin:8px 0px;
display:block;
width:300px;
height:inherit;

}
.exhdesc{
margin-bottom:1px;	
}
.titleblock{
float:right;	
min-width:220px;
width:80%;
padding-top:10px;
}
.titleblock h2{
font-size:24px;	
}
.titleblock h3{
color:#F00;	
}
.exhdesc img{
width:18%;
height:inherit;

}
.exh-loc h3{
font-family: 'Open Sans', sans-serif;
color: #fff;
font-size: 15px;
font-weight: normal;
padding-left: 8px;
padding-top: 5px;
padding-bottom: 5px;
margin: 4px 0px 0px 0px;
background-color: #09a0ff;
}
.exh-loc h2{
font-weight:bold;
}
.exh-loc ul{
margin-bottom:10px;
padding-bottom:8px;
}
.exh-loc li {
margin:0px;
}
.exh-loc li a{
padding:8px;	
display:block;	
}
.exh-loc span {
display: inline-block;	
}
.exh-loc p:first-of-type {
margin-top: 5px;	
}
a.backlink{
padding:8px;
margin:10px 0px;
display:inline-block;	
}


.facebookbutton {
font-family: 'Open Sans', Sans-serif;
font-size: 15px;
color: #fff;
display: inline-block;
font-weight: 600;
height: 34px;
overflow: hidden;
border-radius: 3px;
-webkit-border-radius:3px;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}

.facebookbutton:hover {
opacity: 0.8;	
}

.facebookbutton a span {
background-color: #194095;
height: 30px;
display: inline-block;
background-image: url(/ui/img/facebookicon.png);
background-size: 25px 25px;
background-position: 2px 4px;
background-repeat: no-repeat;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;

}
.facebookbutton span {
padding-left: 30px;
width: 235px !important;
padding-top: 9px;
color: #fff;
float: left;
}


.thankyourating {
font-family: 'Open Sans', Sans-serif;
font-size: 16px;
color: #09a0ff;	
margin-bottom: 12px;
}

.thankyou {
font-family: 'Open Sans', Sans-serif;
font-size: 20px;
font-weight: normal;
color: #000;	
margin-bottom: 9px;
padding-left: 35px;
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: 2px -414px ;

}

.noresultsfound {
display: inline-block;
font-size: 28px;
line-height: 120%;
font-weight: 300;
text-align: center;
color: #09a0ff;
width: 100%;
margin: 5px 0px 15px 0px;
padding: 8px;
border:1px solid #ecedf1;	
background-color: #f9f9f9;	
background-image: url(/ui/img/searchbg.png);
background-position: right;
background-repeat: no-repeat;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border-radius: 3px;
-webkit-border-radius: 3px;
}

.theatre .noresultsfound {
	border: 0;
	background-color: transparent;
}

.contactdetails {
background-color: #f8f8f8;
display: inline-block;
width: 100%;
}

.contactdetails .column {
float: left;
width: 25%;
padding: 8px;
box-sizing: border-box;
-webkit-box-sizing: border-box;	
}

.contactdetails h2{
color: #ff5400;
font-size: 16px;
margin-bottom: 8px;
text-transform: uppercase;
}

.faqwrapper {
display:inline-block; 
margin-top: 10px;
}
.moviemailupdate {
display: inline-block;
line-height: 120%;
font-weight: 300;
text-align: left;
color: #09a0ff;
width: 100%;
margin: 0px;
padding: 8px;
border: 2px solid #ecedf1;	
background-color: #f9f9f9;	
background-image: url(/ui/img/moviemail_bg.png);
background-position: right;
background-repeat: no-repeat;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border-radius: 3px;
-webkit-border-radius: 3px;
}

.moviemailupdate p {
font-size: 13px;
padding: 0px;	
margin-bottom: 0px;
}

.moviemailupdate p a {
color: #ff5400;
}

.scrolltop {
position: fixed;
bottom: 5px;
right: 0px;
width: 30px;
height: 30px;
text-decoration: none;
color: #000000;
background-color: rgba(55, 55, 55, 0.80);
font-size: 12px;
padding: 1em;
display: none;
z-index: 100;
margin-right: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: -71px -525px;
-webkit-transition: background-color 250ms linear;
-moz-transition: background-color 250ms linear;
-o-transition: background-color 250ms linear;
-ms-transition: background-color 250ms linear;
transition: background-color 250ms linear;
}

.scrolltop:hover {    
background-color: rgba(9, 160, 255, 0.80);
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: 9px -525px;
}

/* popular videos widget */

ul.videoList li .tile {
opacity: 1;
background: url(/ui/img/icon.png) no-repeat #000;
background-position: 28px -750px;
cursor: pointer;
height: 68px;
width: 120px;
position: absolute;
z-index: 10;
opacity: 0;
padding-left: 0;
padding-right: 0;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}

ul.videoList li:hover .tile {
opacity: .7;
border: 0px;
}

/* */

ul.videoList {
list-style: none;
margin: 0px 0px 20px 0;

}

ul.videoList li{
clear: both !important;	
display:block;
padding-bottom:8px;
margin-bottom:8px;
border-bottom: 1px solid #eee;
}
ul.videoList li a {
font-size:14px;	
display:block;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
ul.videoList li a span {
height: 68px;
overflow: hidden;
display: block;
float: left;
margin: 0px 10px 5px 0px;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

ul.videoList li a span img{
margin: -11px 0px;
opacity:1;

}


ul.videoList li a:hover span img{
opacity:0.9;

}
ul.videoList li a div.count{
color:#666 !important;
font-size:12px;
}
ul.videoList li a:hover{
text-decoration:none;
color:#000;	
}

.viewtrailer {
float: right;
font-weight: normal;
text-decoration: none;
color: #000;
margin-top: 3px;
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: 0px -48px;
padding-left: 17px;
font-size: 13px;
font-weight: 600;
-moz-transition: color 0.2s ease;
-webkit-transition: color 0.2s ease;
-o-transition: color 0.2s  ease;
transition: color 0.2s ease;
}

.viewtrailer:hover {
color: #006db3;
padding-left: 17px;
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: -136px -48px;
}

/* Gallery for the index page */

ul.gallery {
width: auto;
position: relative;
display: inline-block;
padding-bottom: 10px;
}
ul.gallery li {
position: relative;
width: 225px;
margin-right: 9px;
float: left;
font-size: 14px;
text-align: center;
line-height: 145%;
margin-bottom: 8px;
}

ul.gallery li:last-child {
margin-right: 0px;
}

ul.gallery li img {
width: auto;
height: inherit;
width: 225px;
-webkit-transform: scale(1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transform: scale(1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;

}


ul.gallery li a {
font-family: 'PT Sans Narrow', Sans-serif;
font-size: 16px;
text-decoration: none;
color: #000;
font-weight: bold;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}
ul.gallery li a:hover {
color: #25a503;

}
ul.gallery li img:hover {
-webkit-transform: scale(1.1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transform: scale(1.1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}

ul.gallery li a span {
display: block;
margin: 0px auto;
min-height: 40px;
}

ul.gallery li .tile {
opacity: 1;
background: url(/ui/img/gallery.png) 155px center no-repeat #000;
cursor: pointer;
height: 150px;
width: 225px;
position: absolute;
z-index: 10;
opacity: 0;
padding-left: 0;
padding-right: 0;
background-size: 40px 30px;
color: #fff !important;
}

ul.gallery li:hover .tile {
opacity: .7;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}

ul.gallery li .tile p {
margin-top: 57px;
font-size: 24px;
text-align: left;
margin-left: 35px;
}

.rateatheatre {
padding: 10px;	
box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.rateatheatre .header {
padding-top: 10px;
padding-bottom: 10px;
font-size: 18px;	
}

.rateatheatre select {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
width: 100% !important;
}


.rateatheatre select.arrow   {
background-image: url(/ui/img/selectarrow.png);
background-repeat: no-repeat;
background-position: right;
background-size: 20px 7px;
}

.rateatheatre ul {
margin: 0 auto;
padding: 0;	
width: 102%;
display: block;
}


.rateatheatre ul li {
float: left;
margin: 5px 5px 5px 0px;
width: 32%;
} 




.rateatheatre ul li a {
float: left;
color:#ff5400;
width: 100%;
font-size: 13px;
border: 1px solid #333;
padding: 6px;
border-radius: 5px;
background-color: #fff;
-webkit-border-radius:5px;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
border: 1px solid #e2e5e8;
-webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 0 0 rgba(0,0,0,0.1);
box-shadow: 0 1px 0 0 rgba(0,0,0,0.1);
text-decoration: none;
text-align: center;
box-sizing: border-box;
-webkit-box-sizing: border-box;
} 


.rateatheatre ul li a:hover {
background-color: #ff5400;
color:#fff;
} 

#selectTheater , #selectCity {
margin-top: 10px;
}

.mapspacing {
padding: 5px 0px 10px 0px;
}

.closedtext {
font-size: 14px !important;
font-weight: 600;	
color: #fff;
background-color: #dd0000;
padding: 5px !important;
margin-left: 0px !important;
margin-bottom: 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
}

.closedtheatre {
margin-bottom: 10px;	
}

ul.closed li span  {
float: right;
background-image: none;
padding-right: 0px;
}


ul.closed li a {
color: #0971ff;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}
ul.closed li a:hover {
color: #000;

}

#errSearch {
font-size: 14px !important;
color: #fe0000 !important;
font-weight: normal;
margin-top: 0px;
border-radius: 3px;
-webkit-border-radius: 3px;
width: auto;
}

.scrollingmenu {
position: fixed;
top: 0;
height: auto; 
margin: 0;
z-index: 99999;

}


div#rate_theatre_terms {
margin-top: 26px;
position: relative;
}

.reviewright {
padding-bottom: 6px;	
}

.noreviewmsgH {
font-family: 'Open Sans', Sans-serif;
font-size: 16px;
color: #09a0ff;		
}

.resourceNotFound {
margin-top: 20px;
margin-bottom: 20px;
font-family: 'PT Sans Narrow', sans-serif;	
}

/* no reviews found */

#NoReviewMsg {
display: inline-block;
line-height: 120%;
font-weight: 300;
text-align: left;
color: #09a0ff;
width: 100%;
margin: 10px 0px 10px 0px;
padding: 5px;
border: 1px solid #ecedf1;	
background-color: #f9f9f9;	
background-image: url(/ui/img/review_bg.png);
background-position: right;
background-repeat: no-repeat;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border-radius: 3px;
-webkit-border-radius: 3px;
text-align: center;
}

.noreviews div {
display: inline-block;
width: 85%;
}

#NoReviewMsg p {
float: left;
width: 100%;
font-size: 16px;
font-weight: 300;
padding: 0px;	
margin-bottom: 0px;
text-align: center;
}

.noreviews p a {
color: #ff5400;
}



.noreviews .greenbutton {
margin-left: 15px;	
margin-top: 2px;

}

/* fix for limelightplayer height in IE8 */
.LimelightEmbeddedPlayer div {
height: 100%;
}

.TributeEmbeddedPlayer {
height: 100%;
}

.TributeEmbeddedPlayer .PlayerContainer {
height: 100%;
}

.puzzleanswerbox {
margin: 0;
margin: 10px 0px;
padding: 5px 0px 5px 0px;
text-align:center;
background-color: #f8f8f8;
width: 100%;
}

.puzzleanswerbox h2 {
text-align: center;
font-weight: 600;
font-size: 25px;
padding-top: 5px;
color: #09a0ff;	
}

.puzzleanswerbox h3 {
font-family: 'Open Sans', Sans-serif;
text-align: center;
font-weight: normal;
font-size: 20px;
color: #000;	
}

/*  list for puzzles */

.puzzleheader {
font-size: 25px;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 2px solid #f1f1f1;	
}


ul.puzzle {
width: auto;
position: relative;
display: inline-block;
padding-bottom: 10px;
}

ul.puzzle li {
position: relative;
width: 225px;
margin-right: 9px;
float: left;
font-size: 14px;
text-align: center;
line-height: 145%;
margin-bottom: 8px;
}


ul.puzzle li img {
width: auto;
height: inherit;
width: 220px;
-ms-transform:    scale(1); /* IE 9 */
-webkit-transform: scale(1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transform: scale(1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}

ul.puzzle li p {
font-size: 15px;	
font-weight: 600;
}

ul.puzzle li a {
font-size: 16px;
text-decoration: none;
color: #000;
font-weight: normal;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}

ul.puzzle li a:hover {
color: #09a0ff;

}
ul.puzzle li img:hover {
-ms-transform:    scale(1.1); /* IE 9 */
-ms-transition-timing-function: ease-out;
-ms-transition-duration: 250ms;
-webkit-transform: scale(1.1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transform: scale(1.1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}

ul.puzzle li a span {
display: block;
margin: 0px auto;
min-height: 40px;
}

/* hotspots for contests */

.contestimage{
width: 100%;
position: relative;
max-width:580px;
margin:0 auto;
}
.contestimage img{
display: block;
width: 100%;
height:inherit;	
max-width:580px;
}
.hotspots{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;

}
.hotspots div{
display:block;	
}
.hotspots div a.imagemap{
display:block;
position:absolute;
z-index: 1000;
}

/* solution for charset problem on tablets and mobile */

.imagenav a.next {
padding-right: 10px;	
color: #09a0ff;
}


.imagenav a.prev {
color: #09a0ff;
}

.imagenav a.prev:before {
content: "";
background-image: url(/ui/img/icon.png);
background-repeat: no-repeat;
background-position: -5px -940px;
width: 20px;
height:	20px;
margin-top: 6px;
margin-left: -12px;
position: absolute;
}



.imagenav a.next:after {
content: "";
background-image: url(/ui/img/icon.png);
background-position: -81px -940px;
background-repeat: no-repeat;
width: 20px;
height:	20px;
margin-top: 6px;
position: absolute;
}

.imagenav span {
display: none;	
}



video {
-webkit-transform-style: preserve-3d;
-webkit-transform: translateZ(0);
}


.theatre > .theatre{
display: inline-block;
background-image: none;
margin: 0;
border: none;
border-radius: 0;
-webkit-border-radius: 0;  
}

.theatre > .greysearchbox {
background: transparent;	
}

.backtosite { 
height: 284px; 
width: 45px; 
position: fixed; 
top: 40%; 
z-index: 999;
background-image: url(/ui/img/backtoclassicsite_desktop.png);
background-repeat: no-repeat;
cursor: pointer;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s  ease;
transition: all 0.3s ease;

}

.backtosite a { 
display: block;
width: inherit;
height: inherit;
}
.backtosite:hover { 
opacity: 0.8;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s  ease;
transition: all 0.3s ease;
}

.showtimescontent .addthis_sharing_toolbox {
margin-top: 5px;
margin-bottom: 10px;
}

.theatre .addthis_sharing_toolbox {
margin-left: 12px;
margin-bottom: 5px;
}

.detectlocation {

}

.detectlocation h2 {
font-family: 'PT Sans Narrow', Sans-serif;
font-size: 30px;
font-weight: 600;
text-align: center;

}

.detectlocation h3 {
font-family: 'Open Sans', Sans-serif;
font-size: 18px;
font-weight: normal;
text-align: center;
margin-bottom: 15px;
}

.detectlocation p  {
text-align: center;
display: block;

}
.detectlocation p a {
font-family: 'Open Sans', Sans-serif;
font-size: 14px;
font-weight: normal;
text-align: center;
color: #ff5400;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s  ease;
transition: all 0.3s ease;
}

.detectlocation p a:hover {
color: #000;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s  ease;
transition: all 0.3s ease;
}

.buttons {
float: left;
width: 100%;	
text-align: center;
padding-bottom: 10px;
}

.tryagain {
position: relative;
display: inline-block;
width: 150px;
overflow: hidden;
box-sizing: border-box;
font-family: 'PT Sans Narrow', Sans-serif;
font-size: 19px;
line-height: 118%;
padding: 2px 15px;
font-weight: bold;
margin: 0 auto;
color: #fff;
border: 2px solid #1f8b02;
overflow: hidden;
-webkit-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border-radius: 6px;
cursor: pointer;
-moz-transition: background-color 0.4s linear;
-webkit-transition: background-color 0.4s linear;
-o-transition: background-color 0.4s linear;
transition: background-color 0.4s linear;
text-decoration: none;
}
/* Use my location button */
a.tryagain {
color: #fff !important;
text-align: center;
background-color: #1e8602;
text-decoration: none;
margin: 0 auto;
background-image: linear-gradient(to bottom,#25a503, #1e8602);/* IE6-9 */
}

a.tryagain:hover {
background-image: linear-gradient(to bottom,#1e8602, #25a503);
}

.tryagain:after {
content: "";
width: 15px;
height: 15px;
background: url(/ui/img/greenarrow.png);
top: 7px;
right: 0px;
position: absolute;
display: inline-block;
background-repeat: no-repeat;
}



.cancel {
position: relative;
display: inline-block;
width: 150px;
margin-left: 10px;
overflow: hidden;
box-sizing: border-box;
font-family: 'PT Sans Narrow', Sans-serif;
font-size: 19px;
line-height: 118%;
padding: 2px 15px;
font-weight: bold;
color: #fff;
border: 2px solid #959595;
overflow: hidden;
-webkit-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border-radius: 6px;
cursor: pointer;
-moz-transition: background-color 0.4s linear;
-webkit-transition: background-color 0.4s linear;
-o-transition: background-color 0.4s linear;
transition: background-color 0.4s linear;
text-decoration: none;
}
/* Use my location button */
a.cancel {
color: #646464 !important;
text-align: center;
background-color: #e8e8e8;
text-decoration: none;
background-image: linear-gradient(to bottom,#e8e8e8, #c4c4c4);/* IE6-9 */
}

a.cancel:hover {
background-image: linear-gradient(to bottom,#c4c4c4, #e8e8e8);
}

.cancel:before {
content: "";
width: 16px;
height: 17px;
background: url(/ui/img/cancel.png);
top: 4px;
left: 10px;
position: absolute;
display: inline-block;
background-repeat: no-repeat;
}

/* synopsis gallery */


.moviecol ul.gallery {
display: inline-block;	
padding-bottom: 0px;
}

.moviecol ul.gallery li {
position: relative;
width: 171px;
margin-right: 12px;
float: left;
font-size: 14px;
text-align: center;
line-height: 145%;
margin-bottom: 8px;
}

.moviecol ul.gallery li:last-child {
margin-right: 0px;
}

.moviecol ul.gallery li img {
width: auto;
height: inherit;
width: 174px;
-webkit-transform: scale(1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transform: scale(1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;

}


.moviecol ul.gallery li a {
font-family: 'PT Sans Narrow', Sans-serif;
font-size: 15px;
text-decoration: none;
color: #000;
font-weight: 600;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}
.moviecol ul.gallery li a:hover {
color: #25a503;

}
.moviecol ul.gallery li img:hover {
-webkit-transform: scale(1.1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transform: scale(1.1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}

.moviecol ul.gallery li a span {
display: block;
margin: 0px auto;
min-height: 40px;
}

.moviecol ul.gallery li .tile {
opacity: 1;
background: url(/ui/img/gallery.png) 120px center no-repeat #000;
cursor: pointer;
height: 115px;
width: 174px;
position: absolute;
z-index: 10;
opacity: 0;
padding-left: 0;
padding-right: 0;
background-size: 30px 20px;
color: #fff !important;
}

.moviecol ul.gallery li:hover .tile {
opacity: .7;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}

.moviecol ul.gallery li .tile p {
margin-top: 41px;
font-size: 20px;
text-align: left;
margin-left: 20px;
color: #fff;


}

.loadingblock p {
font-size: 20px;
font-weight: 600;
line-height: 130%;
color: #09a0ff; 
}

.spinner {
background-image: url(/ui/img/ajax-loader-blue.gif);
background-repeat: no-repeat;
background-position: center center;
min-height:45px;
}

.loadingblock p {
font-size: 20px;
font-weight: 600;
line-height: 130%;
color: #09a0ff; 
}


.spinner {
background-image: url(/ui/img/ajax-loader-blue.gif);
background-repeat: no-repeat;
background-position: center center;
min-height:45px;
}

/* popular searches */

ul.popularsearches.closed li {
width: 48%;
padding-bottom: 8px;
text-align: left;
line-height: 145%;
border-bottom: 1px solid #f1f1f1;
float: left;
margin-right: 13px;

}

ul.popularsearches.closed li a {
float: left;
width: 100%;
}

ul.popularsearches.closed li span a {
float: left;
color: #0971ff;
padding-right:  0px;
background-image: none;
color: #ff5400;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;

}

ul.popularsearches.closed li span  {
float: left;
margin-top: 5px;
}

ul.popularsearches.closed li span a:hover {
color: #000;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;

}


/* new popup */

/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }

.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }

.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }

.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }

.mfp-align-top .mfp-container:before {
display: none; }

.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }

.mfp-ajax-cur {
cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }

.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }

.mfp-loading.mfp-figure {
display: none; }

.mfp-hide {
display: none !important; }

.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #cccccc; }
.mfp-preloader a:hover {
color: white; }

.mfp-s-ready .mfp-preloader {
display: none; }

.mfp-s-error .mfp-content {
display: none; }

button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }

.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:active {
top: 1px; }

.mfp-close-btn-in .mfp-close {
color: #000; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }

.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px; }

.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }

.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }

.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black; }

/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444; }
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }

.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }

.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px; }

.mfp-image-holder .mfp-content {
max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }


.infoitem{ 
margin:10px 0px 20px 0px; 
clear:both;	
} 
.infoitem h2{ 
color:#25a503;	
} 

.unsubscribe .moviemailform .submitbuttonwrapper {
margin-top: 5px;	
}

.unsubscribe p {
padding-top: 10px;
font-size: 16px;	
}


.act:last-of-type {
color: yellow !important;	
}

.movielist div .notickets {
font-family: Arial, Sans-serif;	
font-size: 13px;
}
.movielist div li.notickets {
padding-bottom: 0px;
margin-bottom: 0px;
height: 25px;	
width: 55px;
padding-right: 0px;
}

.movielist div div {
float: left;
width: 605px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 5px;
border-bottom: 0;
padding-top: 0px;
border-top: 0;
}


.theatre .columnleft .theatreimage img {
width: 88px;	
}

.movieblock p {
color: #000;	
}

ul.videoslides li a {
color: #000;	
}

ul.userreviews li {
color: #000;	
}

ul.popularsearches li a {
color: #000;	
}
.theatreinfo p span {
padding-right: 5px;	
}

.viewtrailer {
margin-left: 0px !important;
}

.movierating {
margin-right: 0px;	
}


.ok {
position: relative;
display: inline-block;
width: 150px;
overflow: hidden;
box-sizing: border-box;
font-family: 'PT Sans Narrow', Sans-serif;
font-size: 19px;
line-height: 118%;
padding: 2px 15px;
font-weight: bold;
margin: 0 auto;
color: #fff;
border: 2px solid #0088dd;
overflow: hidden;
-webkit-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border-radius: 6px;
cursor: pointer;
-moz-transition: background-color 0.4s linear;
-webkit-transition: background-color 0.4s linear;
-o-transition: background-color 0.4s linear;
transition: background-color 0.4s linear;
text-decoration: none;
}
/* Use my location button */
a.ok {
color: #fff !important;
text-align: center;
background-color: #09a0ff;
text-decoration: none;
margin: 0 auto;
background-image: linear-gradient(to bottom,#09a0ff, #0088dd);/* IE6-9 */
}

a.ok:hover {
background-image: linear-gradient(to bottom,#0088dd, #09a0ff);
}

.ok:after {
content: "";
width: 15px;
height: 15px;
background: url(/ui/img/whitearrow.png);
top: 7px;
right: 0px;
position: absolute;
display: inline-block;
background-repeat: no-repeat;
}

ul.movielist li:only-child {
border: 0px;	
}

ul.newslist p {
color: #000;	
}

.theatreinfo p span:empty 
{	
display: none;
}

.addressblock {
width: 100%;
float: left;	
padding-bottom:0px;
}

.myshowtimes {
margin-top: 5px;
margin-bottom: -5px;	
}

.myshowtimes .linkposition {
float: left;      
width: 100% !important;      
}

h3.showtimesdate {
font-size: 16px;
color: #000;
font-family: 'Open Sans', Sans-serif;
font-weight: normal;
margin-top: 7px;
margin-bottom: 15px;
}

h3.showtimesdate a {
color: blue;
font-size: 14px;
padding-left: 10px;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}

h3.showtimesdate a:hover {
color: #000;
text-decoration: underline;	
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}

.theatrecitylist label {
float: left;
Width: 160px;
padding-top: 2px;		
}

.theatrecitylist select 
{
width: 76%;
word-wrap: break-word;
}

.theatrecitylist label {
font-size: 13px;
padding-bottom: 5px;
padding-top: 7px;
font-weight: 600;
}
.theatrecitylist div {
float: left;
margin-bottom: 5px;
width: 100% !important;
}

.theatrecitylist .wrapper {
display: inline-block;	
border-bottom: 1px solid #e6e6e6;
width: 100% !important;
}

.searchshowtimes .locationbutton {
font-family: 'Open Sans', Sans-serif;
position: relative;
float: left;
margin-left: 8px;
width: 146px;
overflow: hidden;
box-sizing: border-box;
-webkit-box-sizing: border-box;
font-size: 14px;
line-height: 118%;
padding: 1px 15px;
padding-left: 17px;
padding-right: 0px;
padding-top: 4px;
font-weight: 600;
color: #fff;
border: 2px solid #1f8b02;
height: 28px !important;
overflow: hidden;
-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
cursor: pointer;
-moz-transition: background-color 0.4s linear;
-webkit-transition: background-color 0.4s linear;
-o-transition: background-color 0.4s linear;
transition: background-color 0.4s linear;
text-decoration: none;
}

.searchshowtimes .searchbycityleftcolumn .locationbutton{
font-size: 15px;
border-radius: 6px;
-webkit-border-radius: 6px;
margin-top: 2px;
height: 30px !important;
width: auto;
padding-left: 20px;
padding-right: 5px;

}
/*

.searchshowtimes.searchbytheatrewrapper .locationbutton {
margin-top: 22px;	
}
*/
#ajaxCityTheaterList {
border-bottom: 0px;
padding-bottom: 0px;	
}

.menuicon {
float: left;	
}

.fullmenu {
float: left; 
color: #fff; 
margin-left: 0px;
font-size: 15px; 
width: 40px; 
font-family: Arial, Sans-serif; 
text-shadow: 1px 1px 1px #181818;
font-weight: normal;
word-wrap: break-word;
}

/* theaters as list button */

.buttonwrapper {
display: block;
margin-top: 8px;
}
.listbutton {
float: left;
width: 158px;
height: 30px;
display: block;
text-indent: -9999px;
border: 1px solid #d7d7d7;
border-radius: 2px;
-webkit-border-radius: 2px;
background: url(/ui/img/viewcinemas_changearrow.jpg);
background-repeat: no-repeat;
cursor: pointer;
}


.listbuttonchangearrow {
background: url(/ui/img/viewcinemas.jpg);
}

/* hide showtimes button */



.hideshowtimes {
position: relative;
font-size: 13px;
border-radius: 3px;
-webkit-border-radius: 3px;
height: 15px !important;
width: auto;
padding-left: 10px;
padding-right: 20px;
padding-top: 6px;
padding-bottom: 5px;
margin: -1px 0px 3px 115px;
color: #fff;
font-weight: 600;
background-color: #525252;
text-decoration: none;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
cursor: pointer;
display: block;
width: 105px;
}

.hideshowtimes:hover {
background-color: #000;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}

.hideshowtimes:after {
content: "";
width: 20px;
height: 29px;
background: url(/ui/img/showarrow.png);
top: 2px;
right: -1px;
position: absolute;
display: inline-block;
background-repeat: no-repeat;
}


.changearrow:after {
content: "";
width: 20px;
height: 29px;
background: url(/ui/img/hidearrow.png);
top: 2px;
right: -1px;
position: absolute;
display: inline-block;
background-repeat: no-repeat;
}

.hidemenuitem {
position: relative;	
}


/* updated showtimes */

.searchform {
display: inline-block;	
}

.searchform h1 {
margin-top: 0px;
padding-top: 4px;	
text-align: left;
padding-left: 20px;
}

.searchform .wrapper {
display: inline-block;
border-bottom: 1px solid #eaeaea;
width: 677px;
}
.searchform .left {
float:left; 
width: auto; 
margin-top: 2px; 
margin-bottom: 5px;	
}

.searchform .right {
float:right; 
width: 513px;	
}

.searchform .form {
margin-left: 7px;
display: inline-block;
width: 680px;	
margin-bottom: 8px;
}

.searchform .selectcity {
float: left;
font-size: 13px;	
text-align: left;
font-weight: 600;
padding-top: 2px;
padding-bottom: 3px;
margin-bottom: 0px;
}
.searchform .form > div {
float: left;
width: 225px;	
margin-right: 5px;
margin-top: 0px;
}

.searchform .form > div.city {
width: 160px;	
}
.searchform .form > div.genre {
width: 160px;	
}

.searchform .form > div.button {
width: 115px;	
}

.searchform .form select {
width: 100%;	
font-size: 13px;
}

.searchform .searchbutton {
font-size: 18px;
padding-top: 0px;
padding-bottom: 0px;	
margin-top: 0px;
margin-bottom: 0px;
width: 100%;
height: 27px;
}

.searchform .messagebox {
width: 680px;
margin-left: 7px;	
margin-top: 0px;
margin-bottom: 5px;
padding-top: 0px;
}

.searchform .messagebox .linkposition {
width: 254px;	
margin-top: 0px;
}
.searchform .locationbutton{
font-size: 15px;
border-radius: 6px;
-webkit-border-radius: 6px;
margin-top: 2px;
margin-left: 0px;
height: 30px !important;
width: auto;
padding-left: 20px;
padding-right: 5px;

}

.searchform.searchbytheatre .form > div , .searchform.searchbymovie .form > div {
float: left;
width: 210px;	
margin-right: 5px;
margin-top: 0px;
}

.searchform.searchbytheatre .form > div.city ,  .searchform.searchbymovie .form > div.city{
width: 155px;	
}
.searchform.searchbytheatre .form > div.genre , .searchform.searchbymovie .form > div.genre{
width: 155px;	
}

.searchform.searchbytheatre .form > div.button , .searchform.searchbymovie .form > div.button {
width: 90px;	
margin-right: 0px;
}

.searchform.searchbytheatre .form .searchbutton , .searchform.searchbymovie .form .searchbutton {
padding-left: 0;
padding-right: 0;
}

.searchform.searchbytheatre h1 {
text-align: left;
padding-left: 20px;
}
.searchform.searchbymovie .right {
width: 100%;	
}


.searchform.searchbymovie h1 {
text-align: center;
padding-left: 0px;
}

.searchform .form select {
 -webkit-padding-end: 10px;
}


.popularsearchesheading {
margin-top: 15px;	
}

.locationblock h1 {
color: #000;	
}
ul.popularsearches li a {
font-size: 13px;	
}

@-moz-document url-prefix() {
.searchform .form select {
padding-right: 0px;
}
}

.findshowtimes a {
float: right;
font-size: 15px;
line-height: 118%;
padding: 6px 0px;
font-weight: normal;
color: #fff;
background-color: #09a0ff;
border: 1px solid #006db3;
border-radius: 3px;
cursor: pointer;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s  ease;
transition: all 0.4s ease;
width: 173px;
margin-top: 5px;
box-sizing: border-box;
text-align: center;
background-image: linear-gradient(to bottom,#09a0ff, #006db3);
background-color: #09a0ff;
text-shadow: 1px 1px 1px #000;
text-decoration: none;
}

.findshowtimes a:hover {
background-image: linear-gradient(to bottom,#006db3, #09a0ff);
background-color: #006db3;
}

.buttonmobile {
display: none;	
}

.selectcitywrapper {
display: inline-block;
width: 100%;
}

.blackbox .inheader a {
color: #b5b5b5 !important;	
background-image: url(/ui/img/arrow-lg.png);
}

.ticketinformation {
width: 16px;
height: 16px;
vertical-align: middle;	
}

.theatre h3.showtimesdate {
margin-left: 15px;	
}

.socialmeta  .addthis_20x20_style .at_flat_counter {
line-height: 22px !important;	
}

.img-zoom {
z-index: 9999999999999999;
opacity: 1;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
border: 2px solid #fff;
margin-right: -5px;
box-sizing: border-box;
}

.imgitm {
margin-bottom: 0px;	
-webkit-transform: scale(1); 
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-ms-transition-timing-function: ease-out;
-ms-transition-duration: 250ms;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition-timing-function: ease-out;	
-moz-transition-duration: 250ms;

}

.imgitm:hover {
z-index: 9998;
position: absolute;
transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transition-timing-function: ease-out;
-ms-transition-duration: 250ms;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transform: scale(1.1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
margin: 0;
padding: 0;
}

.imgitm:hover img {
width: 100%;
height: auto;
border: 1px solid #fff;
padding: 0px !important;
margin: 0px !important;
}

.searchresults .searchbutton {
font-size: 18px;	
}

.searchform .messagebox p  {
color: #0c4c9b;
font-weight: 600;	
}

.theatre .messagebox p , .myshowtimes p , .greysearchbox .messagebox p {
font-weight: 600;	
}

p.ticketingmessage {
display: inline-block;
color: #0c4c9b !important;
font-weight: 600 !important;
padding-top: 3px !important;
padding-bottom: 3px;
}



.available {
background-image: url(/ui/img/ticketingavailable.png);
background-repeat: no-repeat;
background-position: left 6px;
padding-left: 15px;
}

/* movie info box for showtimes */

.showtimesmovieinfo {
width: 100%;
display: inline-block;
padding-bottom: 12px;
margin-top: 15px;
margin-bottom: 0px;
border-bottom: 1px solid #f8f8f8;

}
.showtimesmovieinfo .colleft {
float: left;	
margin-right: 15px;
}

.showtimesmovieinfo .colright .titlewrapper {
float: left;
width: 100%;	
}
.showtimesmovieinfo .colleft img {
border: 1px solid #e8e8e8;	
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}

.showtimesmovieinfo .colleft a img:hover {
border: 1px solid #09a0ff;	
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
}
.showtimesmovieinfo .colright h2 {
width: auto !important;
font-family: 'PT Sans Narrow', Sans-serif;
font-weight: normal;
font-size: 22px;
line-height: 120%;
color: #000;
width: 100%;
margin-right: 4px;
margin-bottom: 0px;
}


.showtimesmovieinfo .colright h2 a {
color: #e54b00;
font-weight: normal;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.showtimesmovieinfo .colright h2 span {
color: #000;
padding-left: 0px;
float: none;
font-size: 17px;
margin-top: 0px;
}

.showtimesmovieinfo .colright span img {
float: left;
width: 70px;
margin-top: 2px;
}

.showtimesmovieinfo .colright p.infobox {
float: left;
font-size: 13px;	
margin-left: 10px;
margin-bottom: 3px;
padding-top: 2px;
}


.showtimesmovieinfo .colright p:nth-of-type(2) {
display: inline-block;
margin-left: 0px;
width: 590px;

}

.showtimesmovieinfo .colright .button a {
position: relative;
display: inline-block;
font-size: 15px;
line-height: 118%;
padding: 6px 0px;
padding-left: 15px;
font-weight: normal;
color: #fff;
background-color: #09a0ff;
border-radius: 3px;
cursor: pointer;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s  ease;
transition: all 0.4s ease;
width: 125px;
margin-top: 2px;
box-sizing: border-box;
text-align: center;
text-decoration: none;
}

.showtimesmovieinfo .colright .button a:hover {
background-color: #006db3;
}

.showtimesmovieinfo .colright .button a:before {
content: "";
width: 17px;
height: 50px;
background: url(/ui/img/showtimesplay.png);
background-size: 8px 12px;
top: 8px;
left: 9px;
position: absolute;
display: inline-block;
background-repeat: no-repeat;

}

.searchbymovie .movielist div div {
margin-left: 0px;
width: 100%;	
}




.searchbymovie .movielist div span span {
width: auto;	
margin-bottom: 2px;
}


.searchbymovie .movielist div .showtimestype span  {
margin-top: 1px;
margin-bottom: 0px;
width: 100%;
}

.searchbymovie .movielist .showtimestype p {
padding-top: 4px;	
}
ul.movielist p.ticketingmessage {
margin-bottom: 2px; 
}

.theatredetail {
display: block; 
}


.showtimes_searchoptions {
margin-top: 7px;
width: 100%;
display: inline-block;
background: #f8f8f8;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}


.showtimes_searchoptions span {
font-size: 14px;
float: left;
margin: 5px 5px 0px 6px;
color: #525252;
width: auto;	
}

.showtimes_searchoptions ul {
display: inline-block;
width: 100%;
padding: 10px 5px 6px 5px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.showtimes_searchoptions ul li {
float: left;
font-size: 14px;
width: auto;
padding: 0 4px 0px 1px;	
margin: 0;
}

.showtimes_searchoptions ul li a {
float: inherit;
color: #0971ff;	
padding: 2px 4px 2px 4px !important;
margin-bottom: 2px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s  ease;
transition: all 0.5s ease;
-ms-transition: all 0.5s ease;	
text-decoration: none;
}

.showtimes_searchoptions ul li a.hover {
color: #fff;
background-color: #ff5400;	
text-decoration: none;	
}

.showtimes_searchoptions ul li a.active {
color: #fff;
background-color: #0971ff;	
background-repeat: no-repeat;
background-position: right 2px;
}

.showtimes_searchoptions ul li a.active:after {
content: "";
background-image: url(/ui/img/closeactive.png);
background-repeat: no-repeat;
width: 20px;
height:	20px;
margin-top: -6px;
margin-left: -3px;
position: absolute;
}

.showtimes_searchoptions ul li a.allfilters:after {
	background-image: none;	
}

.webui-popover {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
display: none;
width: auto !important;
height: auto !important;
max-width: 285px;
padding: 1px !important;
text-align: left;
white-space: normal;
background-color: #ffffff;
background-clip: padding-box;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 3px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.webui-popover.top,
.webui-popover.top-left,
.webui-popover.top-right {
margin-top: -20px;
}
.webui-popover.right,
.webui-popover.right-top,
.webui-popover.right-bottom {
margin-left: 10px;
}
.webui-popover.bottom,
.webui-popover.bottom-left,
.webui-popover.bottom-right {
margin-top: 10px;
}
.webui-popover.left,
.webui-popover.left-top,
.webui-popover.left-bottom {
margin-left: -10px;
}
.webui-popover.pop {
-webkit-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
}
.webui-popover.fade {
transition: opacity .15s linear;
}
.webui-popover.in {
-webkit-transform: none;
-o-transform: none;
transform: none;
opacity: 1;
}
.webui-popover-inner .close {
font-family: arial;
margin: 5px 10px 0 0;
float: right;
font-size: 20px;
font-weight: bold;
line-height: 20px;
color: #000000;
text-shadow: 0 1px 0 #fff;
opacity: 0.2;
filter: alpha(opacity=20);
text-decoration: none;
}
.webui-popover-inner .close:hover,
.webui-popover-inner .close:focus {
opacity: 0.5;
filter: alpha(opacity=50);
}
.webui-popover-title {
color: #fff;
padding: 8px 14px;
margin: 0;
font-size: 16px;
font-weight: normal;
line-height: 18px;
background-color: #09a0ff;
border-bottom: 1px solid #ebebeb;
}
.webui-popover-content {
font-size: 13px;
line-height: 20px;
padding: 4px 4px;
overflow: auto;
white-space: pre-line;
}
.webui-popover-inverse {
background-color: #333333;
color: #eeeeee;
}
.webui-popover-inverse .webui-popover-title {
background: #3b3b3b;
border-bottom: none;
color: #eeeeee;
}
.webui-no-padding .webui-popover-content {
padding: 0;
}
.webui-no-padding .list-group-item {
border-right: none;
border-left: none;
}
.webui-no-padding .list-group-item:first-child {
border-top: 0;
}
.webui-no-padding .list-group-item:last-child {
border-bottom: 0;
}
.webui-popover > .arrow,
.webui-popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.webui-popover > .arrow {
border-width: 11px;
}
.webui-popover > .arrow:after {
border-width: 10px;
content: "";
}
.webui-popover.top > .arrow,
.webui-popover.top-right > .arrow,
.webui-popover.top-left > .arrow {
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: #999999;
border-top-color: rgba(0, 0, 0, 0.25);
border-bottom-width: 0;

}
.webui-popover.top > .arrow:after,
.webui-popover.top-right > .arrow:after,
.webui-popover.top-left > .arrow:after {
content: " ";
bottom: 1px;
margin-left: -10px;
border-top-color: #ffffff;
border-bottom-width: 0;
}
.webui-popover.right > .arrow,
.webui-popover.right-top > .arrow,
.webui-popover.right-bottom > .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: #999999;
border-right-color: rgba(0, 0, 0, 0.25);
}
.webui-popover.right > .arrow:after,
.webui-popover.right-top > .arrow:after,
.webui-popover.right-bottom > .arrow:after {
content: " ";
left: 1px;
bottom: -10px;
border-left-width: 0;
border-right-color: #ffffff;
}
.webui-popover.bottom > .arrow,
.webui-popover.bottom-right > .arrow,
.webui-popover.bottom-left > .arrow {
top: -11px;
left: 50%;
margin-left: -11px;
border-bottom-color: #999999;
border-bottom-color: rgba(0, 0, 0, 0.25);
border-top-width: 0;
}
.webui-popover.bottom > .arrow:after,
.webui-popover.bottom-right > .arrow:after,
.webui-popover.bottom-left > .arrow:after {
content: " ";
top: 1px;
margin-left: -10px;
border-bottom-color: #ffffff;
border-top-width: 0;
}
.webui-popover.left > .arrow,
.webui-popover.left-top > .arrow,
.webui-popover.left-bottom > .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999999;
border-left-color: rgba(0, 0, 0, 0.25);
}
.webui-popover.left > .arrow:after,
.webui-popover.left-top > .arrow:after,
.webui-popover.left-bottom > .arrow:after {
content: " ";
right: 1px;
border-right-width: 0;
border-left-color: #ffffff;
bottom: -10px;
}
.webui-popover-inverse.top > .arrow,
.webui-popover-inverse.top-left > .arrow,
.webui-popover-inverse.top-right > .arrow,
.webui-popover-inverse.top > .arrow:after,
.webui-popover-inverse.top-left > .arrow:after,
.webui-popover-inverse.top-right > .arrow:after {
border-top-color: #333333;
}
.webui-popover-inverse.right > .arrow,
.webui-popover-inverse.right-top > .arrow,
.webui-popover-inverse.right-bottom > .arrow,
.webui-popover-inverse.right > .arrow:after,
.webui-popover-inverse.right-top > .arrow:after,
.webui-popover-inverse.right-bottom > .arrow:after {
border-right-color: #333333;
}
.webui-popover-inverse.bottom > .arrow,
.webui-popover-inverse.bottom-left > .arrow,
.webui-popover-inverse.bottom-right > .arrow,
.webui-popover-inverse.bottom > .arrow:after,
.webui-popover-inverse.bottom-left > .arrow:after,
.webui-popover-inverse.bottom-right > .arrow:after {
border-bottom-color: #333333;
}
.webui-popover-inverse.left > .arrow,
.webui-popover-inverse.left-top > .arrow,
.webui-popover-inverse.left-bottom > .arrow,
.webui-popover-inverse.left > .arrow:after,
.webui-popover-inverse.left-top > .arrow:after,
.webui-popover-inverse.left-bottom > .arrow:after {
border-left-color: #333333;
}
.webui-popover i.icon-refresh:before {
content: "";
}
.webui-popover i.icon-refresh {
display: block;
width: 30px;
height: 30px;
font-size: 20px;
top: 50%;
left: 50%;
position: absolute;
margin-left: -15px;
margin-right: -15px;
background: url(/ui/img/loading.gif) no-repeat;
}
.webui-popover.top {
padding-top: 0px;	
}
@-webkit-keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes rotate {
100% {
transform: rotate(360deg);
}
}



.loading {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url('/ui/img/preloader.gif') 50% 50% no-repeat rgba(0,0,0, 0.3);
display: none;
}

form#rateform .realperson-challenge {
	width: auto;	
	margin-top: 5px;
}

form#rateform .is-realperson {
	width:  270px;
	margin-top: 0px;
	}

form#rateform  .realperson-regen {
	margin-bottom: 4px;	
	margin-top: 2px;
}
form#rateform .captchawrap {
	border-top: 1px solid #ebebeb;	
	margin-bottom: 5px;
	padding-top: 9px;
	padding-bottom: 9px;
}
form#rateform .captchawrap label {
	width: 150px;	
}

/* IE11-specific styles go here */
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .listbutton, .showtimes_searchoptions_trigger { border-radius: 0 !important } 
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
/* IE10-specific styles go here */  
.bluebox {
border-radius: 0px;	  
}  

ul.citymovieslist li ul li a {
border-radius: 0px;

}
 .listbutton, .showtimes_searchoptions_trigger { border-radius: 0 !important }
}

/* IE9 */  

.listbutton, .showtimes_searchoptions_trigger {
	  border-radius: 0 \9 !important;
}/* CSS Document */

/* fix issue on feedback button style on homepage from some Mac*/
#webklipper-publisher-widget-container-content { 
    background-color: transparent !important;
    border: 0 !important; 
}