body {margin: 0px; background-color:#c2bca6;}
.peace {margin: 0px; background-color:#FFFFFF}
.bg{background: url(../images/pen.jpg);}  

.sidetable {
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2271A0;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.sidetable2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.sidelinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2271A0;
	font-size: 10px;
	font-weight: bold;
    margin-left: 10px;
}
.baseline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0000FF;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.producthdr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2271A0;
	font-weight: bold;
}
a {
	color: #0000FF;
	text-decoration: none;
}
a:hover {
	color: #00FF40;
	text-decoration: none;
}



div:pg1graphic {position:absolute;
 left:300;
 top:0;} 

div:pg1heading {position:absolute;
 left:200;
 top:400;} 
 
 
#lightbox{	position: absolute;	
left: 0; 
width: 100%; 
z-index: 100; 
text-align: center; 
line-height: 0;}

#lightbox img{ width: auto; 
height: auto;}

#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; 
background-color: #fff; 
width: 250px; height: 250px; 
margin: 0 auto; }

#imageContainer{ padding: 6px; }

#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-image: url(data:image/gif;base64,AAAA); /* 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; 
outline: none;}	 	

#overlay{ position: absolute; 
top: 0; left: 0; 
z-index: 90; 
width: 100%; 
height: 500px; 
background-color: #000; }

/* Provided by MyFreeTemplates.com */