/* Standard CSS */
html { padding:0px; margin:0px; }
body { padding:0px; margin:0px; color:#fff; font-family:Arial,Helvetica,Sans-serif; font-size:0.8em; background:#000; }
body.medium { font-size:0.9em; }
body.large { font-size:1.1em; }
h1 { color:#fff; font-size:1.5em; margin:0; padding:0 0 5px 0;}
h2 { color:#fff; font-size:1.3em; margin:0; padding:0 0 5px 0; }
h2.small { color:#fff; font-size:1.1em; margin:0; padding:0 0 3px 0; }

h3 { color:#fff; font-size:1.3em; margin:0; padding:0 0 5px 0; }
h4,
h5,
h6 { color:#c4bdb3; font-size:1.1em; margin:0; padding:15px 0 0 0; }
h4 big { font-size:1.4em; }
form { margin:0; padding:0; }
select { font-family:Arial,_sans; font-size:1em; }
img { border-style:none; vertical-align:middle; }
p { margin:0; padding:0 0 15px 0; }
a { color:#fff; text-decoration:none; }
a:hover { text-decoration:underline; }
a.nolink { color:#fff; text-decoration:none; }
input { font-family:Arial,Helvetica,Sans-serif; font-size:0.95em; vertical-align:middle; }

/* Custom Classes */
.clear { clear:both; height:0px; overflow:hidden; display:block; }
.clear1px { clear:both; height:1px; overflow:hidden; }
.clear5px { clear:both; height:5px; overflow:hidden; }
.clear10px { clear:both; height:10px; overflow:hidden; }
.smallText { font-size: 0.7em; }
.bigText { font-size: 1.3em; }
.photoMargins { float:right; margin-left:10px; margin-bottom:7px; clear:right; }
.photoMarginsAlt { float:left; margin-right:10px; margin-bottom:7px; clear:left; }
.rightAlign { display:block; text-align:right; }
.hidden { display:none; }
.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }
.break_line { clear:both; height:1px; overflow:hidden; background:#eb007f; }
.innercolleft { width:45%; float:left; clear:left; }
.innercolright { width:45%; float:right; clear:right; }
.innercolleft div.innercolleft, .innercolright div.innercolleft { width:48%; float:left; clear:left; }
.innercolleft div.innercolright, .innercolright div.innercolright { width:48%; float:right; clear:right; }

.container { margin:auto; border:#b7b8ba solid 1px; position:relative; width:930px; min-height:700px; }
.header { padding:44px 0 25px 0; text-align:center; }
.menu { border-bottom:10px solid #b7b8ba; background:#3c3c3d; }
.menu ul { margin:0 auto; padding:0; list-style:none; }
.menu ul li { float:left; font-weight:bold; }
.menu ul li a { padding:14px 20px 13px 20px; display:block; text-align:right; position:relative; z-index:10; }
.menu ul li.first { padding-left:215px; }
.menu ul li a:hover { background:#000; text-decoration:none!important; }
.menu ul li.active { background:#000!important; }

.headerImage { height:211px; overflow:hidden; width:930px; margin:0 auto; }
.headerImageCover { height:211px; width:930px; text-align:right; position:absolute; }

.tl_image { position:absolute; top:0; left:0; z-index:5; }
.tl_image img { width:374px; height:479px; }
.tr_image { position:absolute; top:0; right:0; z-index:4; }
.tr_image img { width:375px; height:446px; }
.br_image { position:absolute; bottom:0; right:0; z-index:3; }
.br_image_cover { position:absolute; bottom:0; right:0; z-index:6; width:375px; height:446px;}
.br_image_cover img, .br_image img { width:375px; height:446px; }

.content { line-height:1.5em; margin:0 auto; width:930px; }
.content div.homepadding { padding:40px 384px 40px 50px; }
.content div.pricespadding { padding:50px 384px 65px 174px; font-weight:bold; }
.content div.pricespadding table { padding-bottom:15px; }
.content div.whatsonpadding { padding:56px 306px 88px 95px; font-weight:bold; font-size:0.85em; }
.content div.whatsonpadding p { line-height:1.3em; }

.whatson { height:225px; overflow:auto; position:relative; z-index:15; }

.movieImage { float:left; width:115px; }
.movieImage img { border:3px solid #fff; }
.movieDesc { float:left; width:395px; }

.hotspots { position:absolute; }
.hotspots div { position:absolute; z-index:7; width:13px; height:13px; overflow:hidden; background:url(../App_Themes/SpeyValleyCinema/trans.gif); }

#moreInfo { color:#fff; padding:8px 138px; background:#3c3c3d; font-weight:bold; font-size:1.5em; line-height:1em; }
#moreInfo object { position:relative; z-index:10; }
#moreInfo p { margin:0; padding:0; }

.EditMode div.whatson { height:auto; }

.CMSEditModeButtonClear { height:30px!important; }

.PagePlaceholderBorder, .WebPartZone, .EditableImageEdit, iframe { position:relative; z-index:9; }
.headerImageBack div.WebPartZone, .headerImageBack div.EditableImageEdit {  }