.slidecaption {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px}
h1 {  font-family: Arial, Helvetica, sans-serif; font-size: 18pt; text-align: center}

.storybook {  font-family: Garamond; font-size: 16px; text-align: left}
.emailbox {  background-color: #D2E9D1; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; background-position: center; font-size: 12px}
.galladdress {  font-size: 12px; text-align: right; font-family: Arial, Helvetica, sans-serif}
.gallname {  font-size: 24px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; vertical-align: top}

.topspacer {height: 100px}
#maincontent a:active {color: #748EB6; text-decoration: underline}
#maincontent a:link {color: #748EB6; text-decoration: underline}
#maincontent a:hover {color: #748EB6; background-color: #D2E9D1; text-decoration: none}
#maincontent a:visited {color: #748EB6; text-decoration: underline}
img {border: none}

body {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #808080}


td {vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px}
.textbottom {vertical-align: bottom; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px}
.priceandsize {  text-align: left; vertical-align: top}
li {  text-align: left}
.textleft {  text-align: left}
.emailbox {  border: medium #009999; text-align: left; background-color: D0E6DB}
.goneto {  color: #FF0000; background-color: #FFFFFF}h2 {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-align: center}



.piccomment {
	color: #FA3717;
	font-style: italic;
}

.thumbpicboxold {
	height: 200px;
	width: 180px;
	text-align: center;
	}          
/* old one for old pages */

.thumbpicboxold {
	height: 200px;
	width: 160px;
	text-align: center;
	}          
/* this is the overall container for each thumbnail cell including status dot and comment */
.statusdot {height: 15px;}  
.picbox1 {display: table; height: 140px; #position: relative; overflow: hidden; width: 100%;}
.picbox2 {#position: absolute; #top: 50%; display: table-cell; vertical-align: middle;}
.picbox3 {#position: relative; #top: -50%;}
/* these three picboxes are just to create a middle vertically aligned picture  */
.picbox4 {margin: 0 auto; text-align:center; width: 100%; background-color:#CC3333;}
/* not using this -- for some reason it only works as a style attribute not a class this horizontally centres it -- the only one that seems to work on Ffox, IE & Safari  */


.pic {line-height: 140px; min-height: 140px; vertical-align: middle;}
/* still need pic style for old pages  */
.pictitle {	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #808080; 
	font-size: 10px;
	text-align: center;}

.pageheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	text-align: center;
	text-transform: capitalize;
	letter-spacing: 0.4em;
}

.selectedshoppage {font-weight: bold}

.noticeheader {
text-align: center;
font-weight: bold;
font-size: 16px;
color: #990000;
	text-transform: capitalize;
	letter-spacing: 0.4em;
}

.bignotice {
	width: 500px;
	padding: 20px;
	background-color: #F9E443;
	background-image: url(/noticebg.jpg);
	background-repeat: no-repeat;
	border-color: #1A0A00;
	border-style: groove;
	border-width: thin;
	color: #1A0A00;
	font-weight: normal;
	font: "Myriad Web", "Trebuchet MS", Tahoma;
	font-size: 14px;}

.smallnotice {
	width: 650px;
	padding: 5px;
	background-color: #FFFFFF;
	text-align: center;
	font-weight: normal;
	font: "Myriad Web", "Trebuchet MS", Tahoma;
	font-size: 14px;}


#mySlideShow
{
width: 725px !important;
height: 340px !important;
}

#mySlideShow a:hover {color: #748EB6; text-decoration: none; background-color: #F3F4EC; !important}