﻿
#genericheader img
{
	float:right;
	margin-right: 20px;
}
#genericheader h1, #genericheader a
{
	height:160px;
	width: 70%;
	color: #777777;
}

.ffheader
{
	height:150;
	width: 500;
	text-align: justify;
}
.ffheader2
{
	height:150;
	width: 500;
	
}

.fflogo
{
float: left;
}

.fflogo img
{	
	max-height:100px;

}

.ffheadertext
{
margin-left: 120px;
padding-top: 30px; 
}
	

.mainimage .image
{
 height:270px; 
 width: 350px; 
 line-height: 270px;
 vertical-align: middle !important; 
 display: table-cell !important;
 text-align: center;
}

.mainimage .image img
{
  max-width: 250px;
  max-height: 250px;
 }


.mainimage
{
 margin-top: 5px;
 margin-left: 0px;
 border:solid 1px #CCC; 
 height:360px; 
 width:400px; 
 background-color: #eee;
 overflow:hidden;
}

.thumbs
{
	vertical-align:middle; 
	display:table-cell;
	text-align:center;
}

/*--------------------------------------------------------------
homepage 
--------------------------------------------------------------*/

.right td
{
	padding: 4px 5px 7px 4px;
}

/*--------------------------------------------------------------
Search engine
--------------------------------------------------------------*/

#searchbox
{
	width: 450px;
	border: dotted 1px #333333;
	padding: 10px 5px 0 10px;
	margin-top: 10px;
}
#searchbox p
{
	margin-bottom: 10px;
}
#searchbox #freetext
{
	font-size: 110%;
}
#searchbox #freetext input
{
	font-size: 110%;
}
#searchbox #hint
{
	margin-left: 4em;
	margin-bottom: 10px;
	font-size: 75%;
	color: #999999;
}
/*--------------------------------------------------------------
Catalogue Page
--------------------------------------------------------------*/

.catalogueimages
{
	margin-top: 0;
	margin-bottom: 20px;
	padding-top: 12px;
	padding-bottom: 12px;
	width:100%; 
	background-color:#ffffff;
	border-top: solid 2px #777777;
	border-bottom: solid 2px #777777;
	float: left;
}
.catalogueimages .right
{
	width: 355px;
}
.catalogueimages .left
{
	width: 400px;
	text-align:left;
}
.selectedimage
{
	text-align: left;
	padding: 0;
	margin: 0;
}
.selectedimage img  
{
	max-width: 400px; 
	max-height: 400px; 
}
.selectedimage .credits  
{
	margin-top: 15px; 
	font-size: 120%; 
}
.selectedimage .credits div  
{
	font-size: 160%; 
	margin: 0;
	padding-bottom: 5px;
}
.selectedimage .credits span
{
	position: relative;
	float: right;
	left: -150px;
	top: 18px;
}
.smallimage
{
	float: left;
	width: 167px;
	height: 286px;
	margin-left: 10px;
	margin-bottom: 10px;
	background-color: #eeeeee;
}
.smallimage .notempty
{
	width: 160px;
	height: 280px;
	background-color: #777777;
	padding: 3px;
}
.smallimage .credits  
{
	margin-top: 5px; 
	font-size: 80%; 
	padding: 5px; 
	color: White;
}
.smallimage .credits div 
{ 
	font-size: 120%; 
	margin: 0;
}
.smallimage .credits span
{
	position: relative;
	float: right;
	top: 12px;
}
.smallimage .printbutton
{
	position: relative;
	top: 3px;
}

/*--------------------------------------------------------------
Search results page
--------------------------------------------------------------*/

#cataloguelink a
{
	line-height: 200%;
	color: #999999 !important;
	text-decoration: none;
}
#cataloguelink a:hover
{
	color: Black !important;
}
#cataloguelink span
{
	float: right;
	position: relative;
	top: 5px;
	right: -20px;
}
.searchresults
{
	margin-top: 0;
	margin-bottom: 20px;
	padding-top: 12px;
	padding-bottom: 12px;
	width:100%; 
	background-color:#ffffff;
	border-top: solid 2px #777777;
	border-bottom: solid 2px #777777;
	float: left;
}

.searchdetails
{
	float: left;
	width: 160px;
	height: 280px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #777777;
	padding: 6px;
}

.searchdetails .workimage
{
	width:160px;
}


.searchdetails .credits  
{
	margin-top: 5px; 
	font-size: 80%; 
	padding: 5px; 
	color: White;
}

.searchdetails .credits a
{ 
	color: White;
	text-decoration:none;
}
.searchdetails .credits a:hover
{ 
	color: #aaaaaa;
}
.searchdetails .credits div 
{ 
	font-size: 120%; 
	margin: 0;
}
.searchdetails span
{
	position: relative;
	float: right;
	top: 5px;
}

/*--------------------------------------------------------------
Some other page 
--------------------------------------------------------------*/

.slide, .slidestrip 
{
	border: #D3D3D3 1px solid;
	margin:2px;
	background-color: #eee;
	text-align: center;
	width: 105px;
	line-height: 105px;
	height: 105px;
	vertical-align:middle !important; 
	display:table-cell !important;
	text-align:center;	
}


.slideselected, .slidestripselected
{
	border: #555 1px solid;
	padding: 2px;
	margin:2px;
	background-color: #FFFFFF;
	text-align: center;
	width: 105px;
	line-height: 105px;
	height: 105px;
	vertical-align:middle !important; 
	display:table-cell !important;
	text-align:center;
}

.ffheadertext h1
{
	font-size: 1.3em;
	
}
.ffheadertext h2
{
	font-size: 1.1em;
}
.ffheadertext h3
{
	font-size: 1em;
}

.catImage
{
	padding: 20px;

}



.checkout th
{
	text-align: left !important;
	font-weight: bold;
	width: 150px;
}

.checkoutWarning
{
	padding-left: 5px;
}

.checkoutWarning th
{
	text-align: left !important;
	font-weight: bold;
	width: 150px;
}

.checkoutWarning h2
{
	color: #ff0000;
}

.checkoutWarning
{
	border: 1px solid #000000;
	background-color: #FFFFcc;
}

.workReserved
{
	border: 1px solid #ff0000;
}

.columnLeft
{

}
.columnRight
{

}

.searchTable tr:hover td
{
	background-color: #FFFFCC;
}
