/******************************* general stuff *****************/
html {
	height: 100%;
}

body {
	height: 100%;
	background: #f5f5f5;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #4d4d4f;
	font-size:14px;
	line-height:normal;
}

#container {
	width: 1000px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
	/*min-height:100%;*/
	min-height: 608px;
	padding: 10px;
}

.slimmercol {
	width: 650px;
	margin: auto;
}

.img {
	border-style: none;
	border: 0;
}

/* links */

a {	color: #003399;
	text-decoration:none;}

a:visited {	color: #003399;
	text-decoration:none;}

a:active {	color: #003399;
	text-decoration:none;}

a:hover {text-decoration: underline;
	cursor:pointer;}

h1 {text-align: center;
	margin-bottom: 20px;
	font-family: Georgia;
	letter-spacing: 0.4em;
	font-size: 24px;
	}

h2 {clear: both;}  /* important to clear for the ecards page */

li {padding-left: 20px;}

ul{
	line-height: normal;
}

/************************************************************************************************************************************************/
/* general nav styling */
/* suckerfish.css for more */
/************************************************************************************************************************************************/

#nav {
	font-family : "Courier New", Courier, monospace;
	color:#000;
	font-weight:normal;
	font-size:12px;
	z-index: 3000;
	text-align: left;
}

#nav #inner {
	height: 28px;
	background-image: url(images/bg_narrow.gif);  
	background-repeat: repeat-x;
	z-index: 3000;
}

.topLevel {
	font-size:12px;
	background:transparent;
	padding:0;
	margin:0;
	overflow:hidden;
	font-weight:normal;
}

.newbox {
	float: right; 
	height: 62px; 
	max-height: 62px;
	overflow:hidden;
	width: 250px; 
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.orangehighlight {
	color: #cd7515;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	font-family: Georgia;
}
	
/**************************************************************    Shop    *************************************************************/
.thumbgrid { width: 900px; margin-left: auto; margin-right: auto;}
/*  setting width and the margins to 'auto' centers the div */  
  
.thumbbox {
	height: 155px;
	width: 195px;
	text-align: center;
	padding: 5px;
	margin: 5px;
	float: left;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc; 
	}  
/* i.e. thumbnails are 185 x 145 with 5px padding round them */	
	
.thumbpic {
	margin: 5px;
	height: 145px;
}

/**************************************************************  Ecards  *************************************************************/
.ecardthumbgrid { width: 950px; margin-left: auto; margin-right: auto; clear: both;}
/*  setting width and the margins to 'auto' centers the div */  
  
.ecardthumbbox {
	height: 195px;
	width: 155px;
	text-align: center;
	padding: 5px;
	margin: 5px;
	margin-bottom: 15px;
	float: left;
	}  
/* i.e. thumbnails are 185 x 145 with 5px padding round them */	
	
.ecardthumbpic {
	margin: 5px;
	margin-bottom: 3px;
	height: 140px;
}

.ecardpictitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/**************************************************************  Showpic  *************************************************************/
.bigpicbox {
    height: 400px;
    width: 400px;
    display: table-cell;
    vertical-align: middle;
	text-align: center;
    background-color: white;
   	margin-left: 160px;
	margin-top: 30px;
	margin-right: 40px;
	vertical-align: middle;
	float: left;
    }
    
.bigpic {
	position: relative;
	display: block;
    margin-left: auto;
    margin-right: auto }
/***** the preceding two vertically and horizontally center the image ****/

.textandarrowbox {margin-top: 30px;}
/* margin top is same as bigpicbox so they line up */

.pictextbox {height: 300px; overflow: auto; }
.pictitle {font-family: "Georgia"; letter-spacing: 0.2em; text-align: center; font-size: 24px; padding-bottom: 5px;}
.pictext {font-family: "Georgia"; font-size: 12px; font-style: italic; }
.picdetails {font-family: "Georgia"; font-size : 12px; }

.buybox {height: 100px; vertical-align: bottom; float: right;}
.buylink {float: left; width: 90px;}
.viewbasket {float: right; width: 90px;}
.backarrow {float: left; width: 90px;}
.nextarrow {float: right; width: 90px;}

.soldoutmessage {
	position: absolute; top: 0px; left: 90px;
	opacity: 0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

.soldoutmessage:hover
{
	position: absolute; top: 15px; left: 90px;
	opacity: 0.0;
	filter: alpha(opacity=0); /* For IE8 and earlier */
}

/**************************************************************  Email  *************************************************************/

.emailbox {
	text-align: left;
	padding: 10px;
	width: 500px;
	background-color:#DFEFFF
}
/**************************************************************  Galleries  *************************************************************/

.gallerybox { margin-bottom: 40px; }

.galleryname {
	font-size: 30px;
	float: left;
}

.galleryaddress {
	float: right;
	width: 250px;
}

.gallerycomments {
	margin-top: 5px;
	clear: both;
}
/**************************************************************  Events  *************************************************************/
.eventheader { margin-bottom: 40px; }

.eventyear { margin-top: 40px;
			 font-size: 40px;
 			 clear: both; }

.eventbox {	 margin-bottom: 40px;
			 clear: both; }

.eventdate {
	float: left;
	width: 100px;
}

.eventtitle {
	font-size: 20px;}

.eventinfo {
float: right;
width: 520px;}

/*********************************************************  Trade Enquiries  ********************************************************/
.tradecategory {font-size: 24px;}
.tradecategorylink {}
.tradecategoryinfo {padding-bottom: 30px;}

/*********************************************************  Archive pics ********************************************************/

.archivethumbgrid { width: 1000px; margin-left: auto; margin-right: auto;}
/*  setting width and the margins to 'auto' centers the div */  
  
.archivethumbbox {
	height: 290px;
	width: 300px;
	text-align: center;
	padding: 5px;
	margin: 5px;
	float: left;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc; 
	}  
/* i.e. thumbnails are 185 x 145 with 5px padding round them */	
	
.archivethumbpic {
	margin: 5px;
	height: 145px;
}
/*********************************************************  Newsletter ********************************************************/

.newslettertitle {
	font-size: 24px;
	color: #003399;
	}

.newsletterbody {}

.newsletterdivider {padding-top: 20px; padding-bottom: 20px; height: 15px;}

/*********************************************************  Goodies ********************************************************/

.goodietitle {font-family: "Georgia"; letter-spacing: 0.2em; text-align: left; font-size: 24px; padding-bottom: 5px;}