body { background: #ffffff url(img/bkg.png); text-align: center; margin: 0; padding: 10px 0; }
p, td, th, div, blockquote, dl, ul, ol { color: #000; font-family: verdana, arial, sans-serif; }

/* Layout */
#wrapper { background: white url(img/bkg-content.png); text-align: center; margin: 0px auto; padding: 0; width: 764px; }
#head { background: url(img/header.png) no-repeat left top; clear: both; padding-top: 20px; width: 764px; }
#main { text-align: left; float: right; padding: 20px 32px 10px 20px; width: 460px; }
#side { text-align: left; float: left; padding: 20px 20px 10px 32px; width: 200px; }
#foot { background: url(img/footer.png) no-repeat left bottom; text-align: left; clear: both; padding-bottom: 34px; }

/* Styles */
p, ul, ol { font-size: 0.8125em; line-height: 1.5em; margin-top: 0; }

h1, h2, h3, h4 { margin-top: 0; margin-bottom: 2px; }
h1 { color: black; font-style: italic; font-weight: bold; font-size: 1.875em; font-family: Garamond, Georgia, Arial; }
h1.book { font-size: 2.25em; margin-bottom: 0px; padding: 0; }
h1.book2 { font-size: 2.25em; margin-bottom: 0px; padding: 0; font-family: Papyrus, Garamond, Georgia, Arial; color: #984806; }
h2 { color: black; font-weight: normal; font-size: 1.25em; font-family: Georgia, Garamond, Arial; }
h3 { color: black; font-weight: normal; font-size: 1.125em; font-family: Georgia, Garamond, Arial; }
h4 { color: black; font-weight: normal; font-size: 1.063em; font-family: Georgia, Garamond, Arial; }

a:link, a:visited { color: #3E7418; }
a:hover { color: red; text-decoration: none; }
a:focus, a:active { background-color: #fffbc1; }

hr { color: #000; background-color: #000; margin-bottom: 1em; border: none; height: 1px; }

.inline { display: inline; }
.block { display: block; }

img { border: 0; }
.img-right { float: right; margin: 0; padding: 0 0 10px 20px; }
.img-right img { border: solid 1px black; }

abbr { border-bottom: 1px dotted gray; cursor: help; }
address { font-style: normal; }
.md { font-size: 0.689em; }
.sm { font-size: 0.625em; }
.ctr { text-align: center; }

form { margin: 4px 0 16px; }

#foot p { font-size: 0.625em; text-indent: 32px; margin-bottom: 0; padding-bottom: 0; }
#foot a:link, #foot a:visited { color: #000; text-decoration: none; border-bottom: 1px dotted #000; }
#foot a:hover  { color: red; text-decoration: none; border-bottom: 0; }

.firstTitle { font-size: 1.5em; margin-bottom: 0; padding: 0; } 
.title { font-weight: bold; font-size: 1.625em; font-family: Chiller; margin-bottom: 0; padding: 0; }
.featured { font-size: 0.689em; margin-bottom: 6px; padding: 0; }
.orderp { font-size: 0.689em; margin-bottom: 0; }
.ordera { font-size: 0.689em; margin-top: 0; margin-bottom: 1.6em; }

ul.pdf { margin: 0 0 1em; padding: 0; }
ul.pdf li { margin-left: 0; padding-left: 2em; font-size: 10px; line-height: 17px; background: url(img/pdf.gif) no-repeat left center; list-style: none; }

#lightbox{	position: absolute;	left: 0;	width: 100%;	z-index: 100;	text-align: center;	line-height: 0;	}
#lightbox a img{ border: none; }
#outerImageContainer{	position: relative;	background-color: #fff;	width: 250px;	height: 250px;	margin: 0 auto;	}
#imageContainer{	padding: 10px;	}
#loading{	position: absolute;	top: 40%;	left: 0%;	height: 25%;	width: 100%;	text-align: center;	line-height: 0;	}
#hoverNav{	position: absolute;	top: 0;	left: 0;	height: 100%;	width: 100%;	z-index: 10;	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{	width: 49%;	height: 100%;	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */	display: block;	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{	font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 100%		}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{	position: absolute;	top: 0;	left: 0;	z-index: 90;	width: 100%;	height: 500px;	background-color: #000;	}