html, body, * { margin: 0; padding: 0; }

body {
  color: #ffffff;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 75%;
  line-height: 1.3em;
  background: #000000 none;
  margin: 0; padding:0;
}

/* temporary home page links - start */

.amazon {
background-image:url(about:blank);
position:absolute;
width:244px;
height:330px;
top:16px;
left:2px;
display:block;
}

.screening_dates_new {
background-image:url(about:blank);
position:absolute;
width:214px;
height:120px;
top:14px;
right:2px;
display:block;
}

.itunes_trailers {
background-image:url(about:blank);
position:absolute;
width:224px;
height:120px;
bottom:29px;
right:2px;
display:block;

}

.screening_dates {
background-image:url(about:blank);
position:absolute;
width:204px;
height:150px;
bottom:29px;
right:2px;
display:block;

}

.itunes {
background-image:url(about:blank);
position:absolute;
width:300px;
height:100px;
bottom:19px;
right:216px;
display:block;
}
.home_poster {
background-image:url(about:blank);
position:absolute;
width:404px;
height:230px;
top:0px;
right:64px;
display:block;
}

.home_opening_soon {
background-image:url(about:blank);
position:absolute;
width:224px;
height:150px;
bottom:19px;
right:2px;
display:block;

}

.film4_opening_soon {
background-image:url(about:blank);
position:absolute;
width:300px;
height:100px;
bottom:19px;
right:231px;
display:block;
}
.nowondvd {
background-image:url(about:blank);
position:absolute;
width:524px;
height:200px;
top:4px;
right:6px;
display:block;
}

/* temporary home page links - end */

strong, strong * {
  font-weight: bold;
}

em {
  font-style: italic;
}

/* default styling */

h1, h2, h3, h4 { }

h1, h2 {
  font-size: 2em;
  line-height: 1.5em;
  padding-bottom: 0.65em;
}

h3 {
  font-size: 1.4em;
  line-height: 1.5em;
  padding-bottom: 0.65em;
}

h4 {
  font-size: 1.25em;
  line-height: 1.3em;
  padding-bottom: 0.5em;
}

h5 {
  font-size: 1.1em;
  line-height: 1.8em;
  padding-bottom: 0.5em;
}

h6 { font-weight: bold;}

h6, p, ol, ul {
  font-size: 1.03em;
  line-height: 1.4em;
  padding-bottom: 1em;
}

ul  {
  line-height: 1.4em;
}

h1 a, h2 a, h3 a, h4 a, h5 a, p a, li a {
  color: #ff6600;
}



h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
  text-decoration: underline;
}

p a, li a {
  font-weight: bold;
}

#content a {
color:#ff6600!important;
}
#content a:hover {
color:#ffffff!important;
}

#content a:hover span {
color:#ffffff!important;
}


table.contenttable p {
margin-top:4px;
padding-bottom:4px!important;
}
table.contenttable h4{
margin-top:5px;
padding-bottom:4px!important;
}


p.bigger { font-size: 1.3em; line-height: 1.3em; }

/* jack cardiff website style */


html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%; width:100%; }


.inner { 
margin:0 auto;
width: 955px; 
padding-left:15px; 
position:relative; }

#header {
  background: transparent url(../img/background-cans.jpg) repeat-x scroll center top;
  height: 110px;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 100;
}

#footer {
  background: transparent url(../img/background-cans-footer2.jpg) repeat-x scroll center top;
  height:200px;
  /*
  left: 0;
  position: fixed;
  */
  width: 100%
}


#header { border-bottom: 25px solid #000000; top: 0; }
#footer { border-top: 25px solid #000000; /*bottom: 0;*/ height: 200px; }
  
  #header .inner { height: 110px; overflow: hidden; position: relative; }
  
  #header h1,
  #header h1 a,
  #header h4 {
    display: block;
    height: 65px;
    margin: 0;
    padding: 0;
    text-indent: -1000em;
    width: 400px;
  }
  #header h1 {
    left: 15px;
    position: absolute;
    top: 15px;
  }
    #header h1 a { background: transparent url(../img/logo_orange.png) no-repeat scroll left top; }
  #header h4 {
    background: transparent url(../img/logo.png) no-repeat scroll left bottom;
    bottom: 10px;
    height: 24px;
    left: 15px;
    position: absolute;
    top: auto;
  }
  
  #header h6.header_facebook, #header h6.header_facebook a{
    display: block;
    height:31px;
    margin: 0;
    padding: 0;
    text-indent: -1000em;
    width: 30px;
  }
  
#header h6.header_facebook {
	left: 344px;
	position: absolute;
	top: 62px;
}


#header h6.header_facebook a { background: transparent url(../img/faceb30_31.png) no-repeat scroll; }

div.screeningshover { 
background: transparent url(../img/screeningshover1or.png) no-repeat scroll; 
width: 112px;
height: 15px;
right: 205px;
position: absolute;
top: 15px;
z-index:100;
}

  #header h6.header_red_title, #header h6.header_red_title a{
    display: block;
    height: 36px;
    margin: 0;
    padding: 0;
    text-indent: -1000em;
    width: 116px;
  }
  
#header h6.header_red_title {
	left: 344px;
	position: absolute;
	top: 13px;
}


#header h6.header_red_title a { background: transparent url(../img/redtext_incinemas1.png) no-repeat scroll; }
  /*
#header h6, #header h6 a{
    display: block;
    height: 56px;
    margin: 0;
    padding: 0;
    text-indent: -1000em;
    width: 140px;
  }
#header h6 {
	left: 273px;
	position: absolute;
	top: 12px;
}

#header h6 a { background: transparent url(../img/incinemas_redtext.png) no-repeat scroll; }
*/
  #header ul#menu,
  #header ul#menu li,
  #header ul#menu li a {
    color: #ffffff;
    font-size: 18px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
  }
  #header ul#menu {
    bottom: 43px;
    position: absolute;
    right: 0px;
    text-align: center;
    width:514px;
    /* width:534px; reduced so all menu items can fit in */    
  }  
    #header ul#menu li {
      display: block;
      float: left;
      margin-top: 10px;
      padding-left: 20px;
    }
    #header ul#menu li.first { padding-left: 20px; /* reduced so all menu items can fit in was padding-left: 80px;  */ }
    #header ul#menu li.fifth { clear: left; /* padding-left: 42px; disabled so all menu items can fit in */ }
    
      /*
      #header ul#menu li a { font-weight: normal; }
      #header ul#menu li a:hover { color: #cccccc; }
      #header ul#menu li a.active { color: #c6c2a4 !important; }
      */
      
      #header ul#menu li a {
        background: transparent none no-repeat scroll center top;
        display:block;
        overflow:hidden;
        text-indent: -100em; 
        white-space: nowrap;
      }
      #header ul#menu li a:hover { background-position: center -30px; }
      #header ul#menu li.active a { background-position: center -60px !important; }

/*----------------------------------------------------------------------------------------------
2019, new css for menus
----------------------------------------------------------------------------------------------*/
#header #menu > li a {
    text-indent: inherit!important;
    font-weight: 100;
    background-color: #000!important;
    background-image: none!important;
}
#header #menu > li a:hover, #header #menu > li.active a{
    color:#FF6600!important;
}
/*----------------------------------------------------------------------------------------------
END
----------------------------------------------------------------------------------------------*/

#content {
  background: #000000 none;
  /*margin: 0 auto;*/
  padding: 135px 0 200px 0;
  
}
  #content .col1 {
    float: left;
    width:  140px;
  }
  #content .col2 {
    float: right;
    width:  790px;
  }
    #content .col2 div.pane { margin-left: 50px; }

#footer {
  position: relative;
	margin-top: -200px; /* negative value of footer height */
	clear:both;
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
  content:"";
  height:100%;
  float:left;
  width:0;
  margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

#footer ul.links-social_media {
    display: block;
    height: 30px;
    margin: 10px auto 0;
    padding: 0 0 0 17px;
    width: 960px;
  }
#footer ul.links-social_media li {
	display: block;
	float: left;
    }
	
#footer ul.links-social_media  {
	background: transparent url(../img/footer-images-right.png) no-repeat scroll 0 0;
	display: block;
	height: 30px;
	text-indent: -1000em;
	width: 960px;
      }	

#footer ul.links-social_media li a.alinks  {
	background: transparent url(../img/footer-logos_new.png) no-repeat scroll 0 0;
	display: block;
	height: 30px;
	text-indent: -1000em;
	width: 35px;
      }
#footer ul.links-social_media li.twitter a { background-position: -47px 0;  width: 35px;margin:0 0 0 10px; }
      
#footer ul.links-social_media li.mailing_list a {  background-position: -97px; margin:0 0 0 12px; width: 192px; }

#footer ul.links-social_media li.optimum a {    background-position: -529px; margin:0 0 0 303px;  width: 82px; }

#footer ul.links-social_media li.high_point a {  background-position: -624px; margin:0 0 0 12px;  width: 50px; }

#footer ul.links-social_media li.mofilms a { background-position:-696px; margin:0 0 0 12px; width: 68px; }

#footer ul.links-social_media li.lottery a {  margin:0 0 0 12px;  background-position: -770px; width: 135px; }
      
/* TYPO3 */
.csc-textpic-caption { padding-top: 5px; font-size: 0.9em; }


/* utility classes */

.fl { float: left !important; }
.fr { float: right !important; }
.clear {  display: block; clear: both; margin-bottom: 0;}
.cl { clear: left; }
.cr { clear: right; }

.ta_r, .align-right { text-align: right !important; }
.ta_l { text-align: left !important; }
.ta_c, .align-center { text-align: center !important; }

.pb_0 { padding-bottom: 0 !important; }

.mb_0 { margin-bottom: 0 !important; }
.mt_0 { margin-top: 0 !important; }

.ml_1 { margin-left: 1em !important; }
.mr_1 { margin-right: 1em !important; }
.mb_1 { margin-bottom: 1em !important; }
.mt_1 { margin-top: 1em !important; }

.lower { text-transform: lowercase; }

.w_half { width: 50%; }
.w_auto { width: auto !important; }

.black { color :#FFFFFF; }
.red { color: #FF3333;}
.green { color: #339933; }
.orange {color: #FF6600;}
.black {color :#000000;}

.noscroll { overflow: hidden; }
.hidden { display: none; visibility: hidden; opactity: 0; -moz-opacity: 0; height: 0;}
.hide { display: none; }
.placeholder { height: 1px; }

#typo3-previewInfo { display: none !important; }

/* jScrollPane CSS */
.jScrollPaneContainer {
	position: relative;
	float: right;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	left:15px;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background: transparent url(../img/scroll_up.gif) no-repeat scroll center top;
	height: 10px;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background: transparent url(../img/scroll_down.gif) no-repeat scroll center bottom;
	height: 10px;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/* added joze */

.contenttable td.bold  {
	font-weight:bold;
	padding:0;
	margin:0; }
p.buy_tickets a:hover { text-decoration:underline!important;}

.fl a {margin-left:456px;}
/*

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
 margin: -30px 0 0 11px; 
 position:absolute; 
 font-weight:bold; 
 color:#dac766;  }
*/

#caption {
color: #000!important;
font-family: Helvetica, Arial, sans-serif!important;
font-weight:lighter!important;
font-size:12px!important;
}

.hide_caption dd.csc-textpic-caption {display:none;}


#numberDisplay{ float:right!important; }

#prevLink:hover, #prevLink:visited:hover { display:none!important; }
#nextLink:hover, #nextLink:visited:hover { display:none!important;}


a#prevLinkText { background: url(../img/prev.gif) left 50% no-repeat!important; padding:9px 0 0 17px!important; text-indent: -1000em!important; }
a#nextLinkText { background: url(../img/next.gif) left 50% no-repeat!important; padding:9px 0 0 3px!important; text-indent: -1000em!important; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #fff!important;
text-indent: -1000em!important;
}

a#bottomNavClose { 
background: url(../img/closelabel.gif) no-repeat!important;
width:25px; height:22px;}

a#bottomNavClose img { display:none!important;}