@charset "UTF-8";
/* Page / layout Styles */
/* Paul Raeside */
/* Author www.pumkin.co.uk */

body, html {
	height:100%;
}

body {
	/*margin:60px 80px 60px 80px;*/
}

#container {
	position:relative;
	top:0;
	width:100%;
	height:100%;	
}

#nav-left {
	position:absolute;
	bottom:50px;
	left:16%;
	height:60px;
}

#nav-left ul li {
background-color:#A7B4BA




;
}

#nav-left.closed {
	padding-left:137px;
	/*padding-left:148px;*/
}

#nav-left.open {
	padding-left:0px;
}

#nav-right {
	position:absolute;
	right:16%;
	bottom:50px;
	background-color:#A7B4BA




;
}

.nav-item {
	margin-right:85px;	
	text-transform:lowercase;
}


/* slide show */

#image-area {
	position:absolute;
	width:100%;
	/*height:100%;*/
	left:0;
	/*top:60px;*/
	top:12%;
}

.hit-left {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:50%;
	cursor:url(/gfx/arrow-left-black.cur), auto;
	z-index:10;
}
.hit-right {
	position:absolute;
	top:0;
	left:50%;
	height:100%;
	width:50%;
	cursor:url(/gfx/arrow-right-black.cur), auto;
	z-index:11;
}

#image-container {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	z-index:1;
}

.slide {
	position:relative;
	height:100%;
	width:100%;
	text-align:center;
	margin:0 auto 0 auto;
}

.slide img {
	height:100%;
}

.print {
	height:inherit;	
}

.print img {
	height:auto;	
}

.centre-image {
	margin:0 auto 0 auto;
	width:100%;
	height:100%;
	text-align:center;
	/*background:url(/gfx/white-trans-bg.png) center no-repeat;*/
}

.left-image {
	position:relative;
	width:50%;
	height:100%;
	left:0;
	text-align:right;
	float:left;
	/*background:url(/gfx/white-trans-bg.png) center no-repeat;*/
}

.left-image img {
	padding-right:5px;	
}

.right-image {
	position:relative;
	top:0;
	width:50%;
	height:100%;
	margin-left:50%;
	text-align:left;
	/*background:url(/gfx/white-trans-bg.png) center no-repeat;*/
}

.print-sales .right-image {
	height:auto;
}

.right-image img {
	padding-left:5px;	
}

.end-tag {
	width:160px;
	text-align:center;
	margin-left:-80px;
	position:absolute;
	top:45%;
	left:50%;
}


/* Print sales */

.print-sales .hit-right {
	left:0;
}

.print-sales table.info {
	margin:20% 0 0 80px;
}

#enquiry-form {
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	z-index:999;
	margin-top:-200px;
	margin-left:-315px;
	/*margin:-200px auto 0 auto;*/
	width:590px;
	height:380px;
	background-color:#A7B4BA




;
	padding:20px;
	border:1px solid #FFFFFF;
}

#enquiry-form table {
	width:630px;
	margin:0 auto 0 auto;	
}

#enquiry-form td {
	vertical-align:top;
	/*width:240px;*/
}


/* Overview */

.overview #image-area {
	width:80%;
	top:7%;
	left:10%;
	/*overflow:hidden;*/
}

#thumb-container {
	margin:0 auto 0 auto;
}

.thumb {
	float:left;
	min-height:100px;
	min-width:67px;
	margin-right:4px;
	background:url(/gfx/loading-icon-2.png) center center no-repeat;
}

.spread {
	float:left;
	width:138px;
	height:100px;
	margin:4px 4px 0 0;
}

.spread.empty {
	/*background:url(/gfx/loading-icon-2.png) center center no-repeat;	*/
}

.thumb.right {
	float:right;
	margin-right:0;
}

.archive .thumb {
	float:none;
	margin:0 0 6px 0;	
}

.empty {
	/*background:url(/gfx/cross-hatching.png) repeat;*/
	background:#9CA8AD;
}

.thumb.empty {
	/*height:104px;*/	
}

.archive .thumb.empty {
	display:none;
}

.thumb.empty img {
	display:none;	
}


/* text pages */

#text-container {
	position:absolute;
	bottom:134px;
	/*padding-left:148px;*/
	padding-left:137px;
	left:16%;
}

#text-container p {
	margin-bottom:1em;	
}

#text-container.welcome-text {
	margin-bottom:80px;
}

.thumb-block {
	margin-bottom:20px;
	opacity:0.1;
	filter: alpha(opacity=10);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}

.thumb-block.current, .archive .thumb-block {
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.thumb-block, .block-title {
	clear:both;
}

.block-title {
	color:#FFFFFF;
	margin:20px 0 12px 0;
}

.enlarge-this {
	display:none;
}

#enlarged {
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	z-index:999;
}

#enlarged img {
	/*max-height:600px;	*/
}

.share {
	cursor:pointer;	
}

.share-panel {
	position: absolute;
	bottom: 0;
	left: 40px;
	z-index: 100;
	cursor: pointer;
	display: none;
	margin: 0;
	padding: 0 0 0 8px
	background: none;
	/*border-radius: 8px;*/
	text-align: center;
	width: 400px;
}