html {
    overflow-x: auto;
    overflow-y: hidden;/* v scrollbar fix */
} /* needed for the bastard windows browser */
body {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	margin: 0;
	padding: 0;
	background-color: #000;
}
#centreContent1 {
	position:absolute;
	height: 310px;
	width: 6100px; /* 2000px */
	top:50%;
	left:0px;
	margin:-155px 0px auto;
	padding-left: 30px;
	background-color: #000;
	background-image: url(/images/i/film1.gif);
	background-repeat: repeat-x;
}
#centreContent2, #centreContent3 {
	position:absolute;
	height: 480px;
	width: 100%;
	top:50%;
	left:0px;
	margin:-240px 0px auto;
	background-image: url(/images/i/film2.gif);
	background-repeat: repeat-x;
}
#centreContent3 {
	padding-left: 30px;
}
/* defaults */
a {
	text-decoration: none;
}
a:link, a:visited {
	color: #fff;
}
a:hover, a:active {
	color: #d4b570;
}

.inactive {
    color: #ccc;
}
.hidetitle	{
	position: absolute;
	left: -9999px;
	top: -9999px;
} /* used to hide titles graphic used instead.  Used for accessibility and search indexing */
img { 
border: 0px; 
}
#menu {
	position: fixed;
	left: 41px;
	top: 50%; /* 0px */
	margin: 0;
	padding: 0;
}
.logo {
    margin-bottom: 3px;
}
#menuLinks {
    margin-top: 343px;
}
#menuLinks2 {
    margin-top: 502px; /* 519 */
}
#copyright {
	position: fixed;
	right: 20px;
	bottom: 10px;
	font-size: 10px;
	color: #555;
}
#copyright a:link, #copyright a:visited {
	color: #555;
}
#copyright a:hover, #copyright a:active {
	color: #fff;
}
#copyright a.creator {
	font-variant: small-caps;
	vertical-align: 1px; /*raise it just a tad */	
}
#copyright a.creator:link, #copyright a.creator:visited {
	color: #222;
}
#copyright a.creator:hover, #copyright a.creator:active {
	color: #ccc;
}
#copyright a.creator:hover em, #copyright a.creator:active em {
	color: #CD6600;
}

.film1, .film1Info {
    position: relative;
	float: left;
	width: 272px;
	margin-right: 30px;
}
.film1Info {
    font-size: 12px;
	text-align: center;
	padding-top: 65px;
}
.film1Info strong {
    font-size: 16px;
	font-weight: normal;
}
.film1Title {
	height: 18px;
	margin-top: 31px;
	padding-top: 10px;
	text-align: center;
	text-transform: uppercase;
}
.film1Frame {
    clear: both;
    position: relative;
}
.film1Centre {
	float: left;
	height: 208px;
	background-image: url(/images/i/horizontal1.gif);
	background-repeat: repeat-x;
}
.film1Centre img, .film2Centre img, .film3Centre img {
    margin-top: 11px;
}
.film1L, .film1R {
    position: relative;
    width: 11px;
	height: 208px;
}
.film1L, .film2L, .film3L {
	float: left;
	background-image: url(/images/i/L1.gif);
	background-repeat: repeat-y;
}
.film1R, .film2R, .film3R {
    float: right;
    background-image: url(/images/i/R1.gif);
	background-repeat: repeat-y;
}
.film2 {
    position: relative;
	float: left;
}
.film2Frame {
    clear: both;
}
.film2Centre {
	float: left;
	height: 362px;
	background-image: url(/images/i/horizontal2.gif);
	background-repeat: repeat-x;
}
.film2L, .film2R {
    position: relative;
    width: 11px;
	height: 362px;
}
.film3 {
    position: relative;
	float: left;
}
.film3Frame {
    clear: both;
}
.film3Centre {
	float: left;
	height: 280px;
	background-image: url(/images/i/horizontal3.gif);
	background-repeat: repeat-x;
}
.film3L, .film3R {
    position: relative;
    width: 11px;
	height: 280px;
}
.TL1, .BL1, .TR1, .BR1 {
    position: absolute;
	width: 11px;
	height: 11px;
	background-repeat: no-repeat;
}
.TL1 {
	left: 0px;
	top: 0px;
	background-image: url(/images/i/TL1.gif);
}
.BL1 {
    left: 0px;
	bottom: 0px;
	background-image: url(/images/i/BL1.gif);
}
.TR1 {
    right: 0px;
	top: 0px;
	background-image: url(/images/i/TR1.gif);
}
.BR1 {
    right: 0px;
	bottom: 0px;
	background-image: url(/images/i/BR1.gif);
}
.detailOuter, .detailOuter2 {
	position: relative;
	height: 362px;
	margin-top: 59px;
	margin-bottom: 0px;
}
.detailOuter {
	margin-right: auto;
	margin-left: auto;
}
.detailOuter2 {
	float: left;
	margin-left: 0px;
	margin-right: 30px;
}
.detailInfo {
	float: right;
	height: 362px;
	width: 282px;
	margin-left: 70px;
}
.detailInfoTable {
	margin-top: 20px;
}
.detailInfoTable td, .detailInfoTable th {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
	line-height: 12px;
}
.detailInfoTable th {
	font-size: 15px;
	line-height: 16px;
	font-weight: normal;
}
.infoTitle {
    color: #888;
}
td.specs {
    height: 75px;
	padding-top: 10px;
}
.price {
	font-size: 15px;
	color: #ccc;
}
.price em {
	font-size: 11px;
	font-style: normal;
}
.detailInfoTableDim {
	width: 100%;
}
.detailInfoTableDim td {
	text-align: right;
	padding-top: 1px;
	padding-bottom: 1px;
	vertical-align: top;
}
.detailInfoTableDim td.first {
	padding-top: 0px;
}
a.detailLink {
    text-decoration: underline;
}
.specs a:link, .specs a:visited, {
    color: #6f9ea4;
	font-style: italic;
}
.specs a:hover, .specs a:active, {
    color: #d4b570;
}
/* interview */
.detailInfo2 {
	float: right;
	width: 400px;
	margin-left: 20px;
} /* interview */
.interviewTable td {
	vertical-align: top;
	padding-bottom: 10px;
	line-height: 14px;
}
.name {
	width: 50px;
	color: #888;
}
.furtherInfo {
    width: 260px;
	height: 228px;
	font-size: 14px;
	text-align: center;
	padding-top: 30px;
	margin-top: 11px;
	background-color: #202020;
}