@charset "utf-8";
/* CSS Document */

body {
/*	background: #B5BEAB url(images/page_bg.jpg) top left; */
	background-color: #999999;	
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color:#E3E6EA;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	padding: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	margin-top:20px;
	margin-bottom:30px;
	margin-right: 0;
	margin-left: 0;	
}

#page_wrapper {
    position:relative;		/* This fixes the IE7 overflow hidden bug */
    clear:both;
    width:880px;			/* width of whole page */
	margin: 0 auto;  /* the auto margins (in conjunction with a width) center the header */	
/*	background: #B5BEAB url(images/page_bg.jpg) top left;		 */	
	background-color: #202430;
	overflow:hidden;	/* This chops off any overhanging divs */
	border: 2px solid #202430;
	text-align:left;
}

#page_header {
	width: 880px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;  /* the auto margins (in conjunction with a width) center the header */
}  

#page_header h1 {
	padding-top: 0px;
	padding-left: 85px;
	margin-top:0px;	
	float: left;
 	clear: both;
	font-family: /*Bradley Hand ITC,*/ Times New Roman, Times, serif;
	font-size: 48px;
	font-style: normal;
	font-weight: normal;
	color: #FF8811;
	font-variant: small-caps;	
}

#page_header .h1films {
	padding-top: 0px;
	padding-left: 45px;
	margin-top:0px;	
/*	width: 300px;*/
	float: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 50px;
	font-style: normal;
	font-weight: normal;
	color: #FF000C;
	font-variant: small-caps;	
}

#page_header h2 {
	padding-top: 15px;
	padding-left: 85px;
	margin-top:0px;
	float: left;
	font-family: /*"Bradley Hand ITC",*/ Times New Roman, Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	font-variant: small-caps;	
	color: #FF000C;
}

#page_header img {
	float: right;
	margin-top: -56px;
	margin-bottom: 0px;
	margin-right: 5px;
	padding: 0px;	
	border: 1px;	
}

#page_header .imgfilmpage {
	float:right; 
	margin-top: -10px;
	margin-bottom: 0px;
	margin-right: 5px;
	padding: 0px;
	border: 1px;	
}

#content_wrapper {
	float:left;
	margin-left: 0px;
	margin-top: 0px;		
	width:100%;
	position:relative;
	background-color: #3C4351;
}

A:link {
	color: #E3E6EA; text-decoration: none;
}
A:visited {
	color: #FCF8E3; text-decoration: none;
}
A:hover {
	color: #66FF66;
	text-decoration: underline;
}

/* caption for beneath pictures - centered with small text */
.piccaption {
	font-size:0.90em;
	line-height:normal;
	color: #E3E6EA;
	text-align: center;
	display:block;	
	margin-left:auto;
	margin-right:auto;	
}

.align_centre {	text-align: center;}  

.border {	border: 1px solid #CCA043;}	

.orangetextbold {
	font-style: normal;
	font-weight: bold;
	color: #FF8811;
}

/* menu bar - common to all pages */
#menu_bar {
	height:30px;
	background-color: #6A7793;
	margin-top: 135px;
}

#menu_bar_film {
	background-color: #6A7793;
	height:36px;
	margin-top: 150px;
	margin-bottom: 0px;	
}

#menu_container ul {
	padding-left: 0;
	font-size:12px;
	font-weight:bold;
	color: #E3E6EA;	
}

#menu_container ul li { display: inline; }

#menu_container ul li a {
	background-color: transparent;
	float: left;
	margin-top: .5em;	
	padding: 0.2em 1em;	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #202430;
}

/* wide left-hand column of 2-column page */
#column_left {
	float:left;
	width:598px;
	overflow:hidden;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #6A7793;
	margin: 0px;	
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 1em;
	padding-left: 25px;
}
  
#column_left h3 {
  margin:10px;
  margin-right:15px;
  font-size:14px;
  font-weight: bold;
  line-height:18px;
  color: #FF8811;
  text-align:left;
}
  
#column_left p {
	font-size: .8em;
	line-height:18px;
	color: #E3E6EA;
	text-align:justify;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 25px;
	margin-right:25px;
}

#column_left img { 	border: 2px solid #6A7793;}

/* narrow right-hand column of 2-column page */
#column_right {
	font-size: .85em;
	font-weight: normal;
	float:left;
	position:relative;
	overflow:hidden;
	width:240px;
	margin-top: 20px;
	padding-top: 30px;
	padding-right: 5px;
	padding-bottom: 1em;
	padding-left: 40px;
}
  
#column_right h3 {
  margin-right:10px;
  margin-left:0px;
  margin-bottom: 5px;
  font-size:1em;
  font-weight: bold;
  line-height:16px;
  color: #FCF8E3;
  background: #B58C70;
  padding:4px;
}
  
#column_right h4 {
	margin-right:15px;
	padding-left:0px;	
	padding-top:5px;	
	padding-bottom:5px;	
	font-size:16px;
	color: #FF8811;
	text-align:left;
}
  
#column_right p {
	font-size: .8em;
	font-weight: normal;
	line-height:1.5em;
	color: #E3E6EA;
	text-align: left;
}

#column_right img {
	float: left;
	margin-top: 10px;
	margin-left: 5px;
	border: 1px solid #CCA043;
}

/* page with one column */
#column_single {
	width: 95%;
	padding-left: 45px;
	padding-right: 0px;	
	padding-top: 15px;
	padding-bottom: 35px;
	text-align: left;	
}
 
#column_single p {
	font-size:.8em;
	line-height:normal;
	color: #E3E6EA;
	text-align: justify;	
}

#column_single .pcentre {
	font-size:.8em;
	line-height:normal;
	color: #E3E6EA;
	text-align: center;
}

#column_single blockquote {
	text-align: left;
	color: #E3E6EA;		
	font-size: .8em;
	font-style: normal;
	font-weight: normal;
}

#column_single h2 {
	margin-right:15px;
	margin-left:0px;
	padding-left:0px;		
	padding-top:5px;	
	padding-bottom:5px;	
	font-size:24px;
	color: #FF8811;
	text-align:left;
}

#column_single h3 {
	margin-right:15px;
	padding-left:0px;	
	padding-top:5px;	
	padding-bottom:5px;	
	font-size:16px;
	color: #FF8811;
	text-align:left;
}

#column_single h4 {
	margin-right:15px;
	padding-left:15px;	
	padding-top:5px;	
	padding-bottom:5px;	
	font-size:16px;
	color: #FF8811;
	text-align:left;
	background-color: #6A7793;
}

#column_single .large {
	font-size: 1.5em;
	color: #E3E6EA;
	text-align:left;
	font-style: normal;
	font-weight: bold;
	margin-top:15px;
	padding-bottom:5px;
	padding-top: 15px;
}

#column_single img {
	text-align: center;
	border: 1px solid #6A7793;
}	

/* caption for beneath pictures - centered with small text */
#column_single .piccaption {
	font-size:0.7em;
	line-height:normal;
	color: #000000;
	text-align: center;
	display:block;
	margin-left:auto;
	margin-right:auto;
	font-weight: normal;
}  

#column_single hr {
	color: #6A7793;
	width: 90%;
	height: 2px;
}

#column_single a:link {
	color: #66FF66;
	text-decoration: none;
	font-weight: bold;
}

#column_single p a:link {
	color: #66FF66;
	text-decoration: none;
	font-weight: bold;
}

#column_single a:visited {
	color: #66FF66;
	text-decoration: none;
	font-weight: bold;
}

#column_single p a:visited {
	color: #66FF66;
	text-decoration: none;
	font-weight: bold;
}

#column_single a:hover {
	color: #66FF66;
	text-decoration: underline; 
	font-weight: bold;
}

#column_single p a:hover {
	color: #66FF66;
	text-decoration: underline; 
	font-weight: bold;
}

#column_single table {
	text-align: left;
	width: 100%;
}

#column_single table img {	border: 1px solid #6A7793;}

#column_single table tr td {
	font-size: x-small;
	text-align: left;
	vertical-align: top;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#column_single table tr td p {
	text-align: justify;
	vertical-align: top;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
}

#column_single table tr td .p_heading1 {
	color: #FF8811;
	text-align: left;
	padding-right: 20px;
	font-size: medium;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 20px;	
}

#column_single table tr td .price {
	color: #FF8811;
}

#column_single table tr td p .printsize {
	font-size: 1.2em;
	color: #E3E6EA;
	text-align:left;
	font-style: normal;
	font-weight: bold;
}

#column_single table tr td hr {
	width: 90%;
	text-align: center;
	vertical-align: middle;
	height: 1px;
	margin-top: 2px;
	margin-bottom: 2px;	
	color: #6A7793;	
}

#column_single .reclink {
	text-align: center;
	margin-left:0px;
	margin-right:25px;
	vertical-align: middle;
	margin-bottom: 25px;
}	

#column_single .reclink img {
	float:left; 
	border: 1px solid #2E2F33;
	margin-left:0px;
	margin-right:25px;
	margin-bottom: 25px;
	vertical-align: middle;	 
}	

#column_single .gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

#column_single .gallerycontainer img{
	margin: 20px;
	border: 1px solid #2E2F33;
}

blockquote {
	font-size: small;
	font-style: italic;
	text-align: center;
	text-indent: 0px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid #CCA043;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 360px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.align_right {
	text-align: right !important;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/* page footer */

#page_footer {
	clear:both;
	float:left;
	width:100%;
	height: 30px;
	background-color: #6A7793;
}  

#page_footer p {
	font-size: xx-small;
	font-style: italic;
	font-weight: normal;
	color: #E3E6EA;	
	float: left;
	margin-left: 2em;
	padding: 5px;  /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.last_update {
	font-size: xx-small;
	font-style: italic;
	font-weight: normal;
	color: #E3E6EA;	
	float: right;
	margin-right: 2em;
	padding: 5px;  /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */	
}