body
{
	color: black;
	font-size: 11px;
	line-height: 1.5em;
	font-family: Arial, Helvetica, Geneva, Swiss, San-Serif;
	background-image: url(images/ceaco.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 10px;
}

p
{
	color: black;
	font-size: 11px;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	line-height: 120%;
}

hr
{
	margin: 10px 0px 10px 0px;
	padding: 0px;
	border-color: #777;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	background-color: transparent;
}

input,textarea
{
	font-family: verdana,arial,geneva,sans-serif;
	font-size: 11px;
	vertical-align: middle;
}

h1,h2,h3
{
	color: #444;
	font-size: 18px;
	line-height: 120%;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
}

h2
{
	color: #222;
	font-size: 15px;
	font-weight: normal;
	padding: 0px 0px 5px 0px;
	text-transform: none;
}

h3
{
	color: #444;
	font-size: 13px;
	font-weight: normal;
	padding: 0px 0px 5px 0px;
	text-transform: none;
}

a
{
	color: #744;
	font-weight: bold;
	text-decoration: none;
}

a:hover { color: #c00; }

img
{
	border-width: 0px;
	border-style: none;
}

.rowhead
{
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	padding: 2px;
	width: 100px;
}

.rowheadwide
{
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	padding: 2px;
	width: 150px;
}

.rowdetails
{
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 2px;
	width: 200px;
}

#header,.header
{
	color: #444;
	font-size: 18px;
	font-family: Arial, Helvetica, Geneva, Swiss, San-Serif;
	padding: 20px 0px 0px 0px;
	margin: 0px;
	font-weight: bold;
	line-height: 120%;
}

div#centermiddle
{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: table;
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}

div#topmenu
{
	vertical-align: top;
	padding: 5px 10px 0px 0px;
	text-align: right;
	width: 618px;
	height: 18px;
}

div.scrolling
{
	overflow: auto;
	width: 650px;
	height: 530px;
	vertical-align: top;
}

a.topmenubutton,a.topmenubutton:link,a.topmenubutton:visited
{
	font-size: 9px;
	font-weight: bold;
	color: #36a;
	padding: 0px 3px 0px 3px;
	text-decoration: none;
	font-family: verdana,tahoma,sans-serif;
	text-transform: lowercase;
}

a.topmenubutton:hover { color: #69c; }

div#topmenu input { width: 60px; border: 1px #777 solid; }

.bottommenu
{
	vertical-align: top;
	padding: 0px 10px 0px 0px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}

td#puzzledisplay
{
	vertical-align: top;
	background-image: url(images/topbackground.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 2px 0px 0px 5px;
}

#piececountleft,#artistleft,#themeleft,#searchleft,#infodeskleft,#aboutusleft
{
	background-repeat: no-repeat;
	background-position: 0px 0px;
	vertical-align: top;
	text-align: left;
	padding: 40px 0px 0px 0px;
	margin: 10px 50px 0px 0px;
	top: 0px;
	left: 0px;
	width: 226px;
	height: 800px;
}

#piececountleft
{
	background-color: #d45d97;
	background-image: url(images/piececountbknd.jpg);
}

#artistleft
{
	background-color: #fc3;
	background-image: url(images/artistbknd.gif);
}

#themeleft
{
	background-color: #69c;
	background-image: url(images/themebknd.gif);
}

#searchleft
{
	background-color: #69c;
	background-image: url(images/themebknd.gif);
}

#infodeskleft
{
	background-color: #69f;
	background-image: url(images/infodeskbknd.gif);
}

#aboutusleft
{
	background-color: #9cf;
	background-image: url(images/aboutusbknd.gif);
}

table#maintable
{
	width: 920px;
	background-color: #FFF;
	vertical-align: top;
}

#leftheader,a#leftheader
{
	padding: 10px 0px 10px 20px;
	margin: 0px 0px 10px 0px;
	color: #000;
	font-size: 15px;
	line-height: 130%;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

a#leftheader:hover
{
	color: #fff;
	text-decoration: none;
}

.themepiece1,.themepiece2,.piececountpiece1,.piececountpiece2,.piececountpiece3,.piececountpiece4
{
	font-family: verdana,tahoma,geneva,sans-serif;
	padding: 8px 4px 0px 0px;
	margin: 0px 0px 0px 43px;
	color: #000;
	font-size: 9px;
	line-height: 130%;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;
	text-align: center;
	display: block;
	width: 100px;
	height: 18px;
	vertical-align: middle;
}

a.piececountpiece1
{
	background-image: url(images/catpiece_01.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #000;
}

a.piececountpiece2
{
	background-image: url(images/catpiece_02.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #000;
}

a.piececountpiece1:hover
{
	background-image: url(images/catpiece-over_01.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

a.piececountpiece2:hover
{
	background-image: url(images/catpiece-over_02.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

a.piececountpiece3
{
	background-image: url(images/catpiece2_01.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #000;
}

a.piececountpiece4
{
	background-image: url(images/catpiece2_02.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #000;
}

a.piececountpiece3:hover
{
	background-image: url(images/catpiece2-over_01.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

a.piececountpiece4:hover
{
	background-image: url(images/catpiece2-over_02.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

.piececounttop,a.piececounttop,a.piececounttop:visited
{
	padding: 0px;
	margin: 0px 0px 0px 27px;
	background-image: url(images/cattopbutton.gif);
	background-repeat: no-repeat;
	display: block;
	width: 150px;
	height: 50px;
}

a.piececounttop:hover { background-image: url(images/cattopbutton-over.gif); }

.piececountbottom
{
	padding: 0px;
	margin: 0px 0px 0px 45px;
	background-image: url(images/catpiece_03.gif);
	background-repeat: no-repeat;
	display: block;
	width: 100px;
	height: 15px;
}

a.themepiece1
{
	background-image: url(images/themepiece1_01.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #000;
}

a.themepiece2
{
	background-image: url(images/themepiece1_02.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #000;
}

a.themepiece1:hover
{
	background-image: url(images/themepiece1-over_01.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

a.themepiece2:hover
{
	background-image: url(images/themepiece1-over_02.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

.themepiecetop,a.themepiecetop,a.themepiecetop:visited
{
	padding: 0px;
	margin: 0px 0px 0px 25px;
	background-image: url(images/themestopbutton.gif);
	background-repeat: no-repeat;
	display: block;
	width: 150px;
	height: 50px;
}

a.themepiecetop:hover { background-image: url(images/themestopbutton-over.gif); }

.themepiecebottom
{
	padding: 0px;
	margin: 0px 0px 0px 43px;
	background-image: url(images/themepiece_03.gif);
	background-repeat: no-repeat;
	display: block;
	width: 100px;
	height: 15px;
}

.artiststop,a.artiststop,a.artiststop:visited
{
	padding: 0px;
	margin: 0px 0px 0px 25px;
	background-image: url(images/artiststopbutton.gif);
	background-repeat: no-repeat;
	display: block;
	width: 150px;
	height: 50px;
}

a.artiststop:hover { background-image: url(images/artiststopbutton-over.gif); }

.infodesktop,a.infodesktop,a.infodesktop:visited
{
	padding: 0px;
	margin: 0px 0px 0px 25px;
	background-image: url(images/infotopbutton.gif);
	background-repeat: no-repeat;
	display: block;
	width: 150px;
	height: 50px;
}

.retailersonlytop,a.retailersonlytop,a.retailersonlytop:visited
{
	padding: 0px;
	margin: 0px 0px 0px 25px;
	background-image: url(images/retailersonlytop.gif);
	background-repeat: no-repeat;
	display: block;
	width: 150px;
	height: 50px;
}

.infodeskpiecebottom
{
	padding: 0px;
	margin: 0px 0px 0px 43px;
	background-image: url(images/infodeskpiece3.gif);
	background-repeat: no-repeat;
	display: block;
	width: 100px;
	height: 15px;
}

a.infodesktop:hover { background-image: url(images/infotopbutton-over.gif); }
a.retailersonlytop:hover { background-image: url(images/retailersonlytop-over.gif); }

.infodeskpiece1,a.infodeskpiece1,a.infodeskpiece2
{
	font-family: verdana,tahoma,geneva,sans-serif;
	padding: 8px 4px 0px 0px;
	margin: 0px 0px 0px 43px;
	color: #000;
	font-size: 9px;
	line-height: 130%;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;
	text-align: center;
	display: block;
	width: 100px;
	height: 18px;
	vertical-align: middle;
}

a.infodeskpiece1
{
	background-image: url(images/infodeskpiece1.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #000;
}

a.infodeskpiece2
{
	background-image: url(images/infodeskpiece2.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #000;
}

a.infodeskpiece1:hover
{
	background-image: url(images/infodeskpiece1-over.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

a.infodeskpiece2:hover
{
	background-image: url(images/infodeskpiece2-over.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

.aboutustop,a.aboutustop,a.aboutustop:visited
{
	padding: 0px;
	margin: 0px 0px 0px 25px;
	background-image: url(images/aboutustopbutton.gif);
	background-repeat: no-repeat;
	display: block;
	width: 150px;
	height: 50px;
}

a.aboutustop:hover { background-image: url(images/aboutustopbutton-over.gif); }

a.listbutton,a.listbutton:link,a.listbutton:visited
{
	color: black;
	padding: 0px 0px 0px 35px;
	margin: 1px 0px 4px 5px;
	display: block;
	line-height: 100%;
	text-decoration: none;
	font-weight: bold;
	width: 150px;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 25px 5px;
}

a.listbutton:hover
{
	color: white;
	background-image: url(images/bullet-over.gif);
}

sup
{
	font-size: .5em;
	line-height: 4px;
	padding: 0px 0px 3px 0px;
	color: #644;
}

.outofprint
{
	color: #000;
	font-family: verdana, tahoma, sans-serif;
	font-size: 9px;
	line-height: 120%;
	font-weight: 900;
}

.alert
{
	color: #900;
	font-family: verdana, tahoma, sans-serif;
	font-size: 9px;
	line-height: 120%;
	font-weight: bold;
}

a.alert,a.alert:visited
{
	color: #900;
	font-family: verdana, tahoma, sans-serif;
	font-size: 9px;
	line-height: 1.5em;
	font-weight: bold;
	text-decoration: none;
}

a.alert:hover { color: #c33; }

.clickon
{
	color: #744;
	font-family: verdana, tahoma, sans-serif;
	font-size: 9px;
	line-height: 1em;
	font-weight: bold;
	text-align: center;
	width: 608px;
}

table#showpuzzle
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	font-weight: normal;
	width: 606px;
	padding: 1px;
	background-color: #fff;
	vertical-align: top;
	text-align: center;
}

table#showsinglepuzzle
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	font-weight: normal;
	width: 100%;
	padding: 1px;
	background-color: #fff;
	vertical-align: top;
	text-align: left;
}

table#titlebar
{
	width: 608px;
	padding: 0px;
	background-color: #fff;
}

td#thetitle
{
	width: 85%;
	padding: 1px;
	background-color: #fff;
	text-align: left;
	vertical-align: middle;
}

td#artistcell { width: 120px; }

.puzzlecell,.artistcell
{
	text-align: center;
	vertical-align: bottom;
	margin: 0px;
	padding: 0px;
	width: 200px;
}

.artistcell { vertical-align: top; }

.puzzlecellsmall
{
	text-align: center;
	vertical-align: bottom;
	margin: 0px;
	padding: 0px;
	width: 140px;
}

.singlepuzzlecell
{
	text-align: center;
	vertical-align: top;
	width: 350px;
	margin: 0px;
	padding: 0px;
}

.puzzledescriptioncell
{
	text-align: center;
	vertical-align: top;
	height: 50px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.puzzledescriptionsmall
{
	text-align: center;
	vertical-align: top;
	height: 25px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.puzzledescriptionsearch
{
	text-align: center;
	vertical-align: top;
	height: 50px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.thumbpuzzlecell
{
	text-align: left;
	vertical-align: top;
	width: 250px;
}

.seriesnum
{
	color: #633;
	font-family: verdana, tahoma, sans-serif;
	font-size: 9px;
	line-height: 10px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	padding: 0px;
	margin: 2px 0px 0px 0px;
}

.copyright
{
	color: #777;
	font-family: verdana, tahoma, sans-serif;
	font-size: 9px;
	line-height: 9px;
	font-weight: normal;
	text-align: right;
	width: 300px;
	padding: 0px;
	margin: 0px;
}

.puzzletitle
{
	color: #222;
	font-family: arial,helvetica,sans-serif;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

.puzzledescription
{
	color: #000;
	font-family: georgia,times,serif;
	font-size: 12px;
	line-height: 1.5em;
	margin: 0px 0px 4px 0px;
}

table.artistpage
{
	background-color: #FFF;
	width: 600px;
	height: 300px;
	margin: 0px;
	padding: 0px;
}

td.artistframe { vertical-align: top; }

.artistphotolarge
{
	margin: 0px;
	padding: 40px 38px 36px 37px;
	background-image: url(images/frame.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 168px;
	height: 227px;
}

.artistphotosmall
{
	margin: 0px;
	padding: 5px 25px 5px 19px;
	background-image: url(images/smallframe.gif);
	background-position: 10px 0px;
	background-repeat: no-repeat;
	width: 84px;
	height: 114px;
	text-align: center;
	vertical-align: middle;
}

td.artistbio
{
	font-family: georgia,times,serif;
	font-size: 12px;
	line-height: 1.5em;
}

table.seriesdetails
{
	width: 300px;
	height: 400px;
	font-family: verdana,geneva,arial,helvetica,sans-serif;
	font-size: 9px;
	line-height: 110%;
}

tr.greyrow { background-color: #eee; }
tr.whiterow { background-color: #fff; }
.required { color: #C33; }

p.buynow
{
	color: #aaa;
	font-family: verdana, sans-serif;
	font-size: 9px;
	line-height: 9px;
	font-weight: normal;
	text-align: center;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

a.buynow
{
	background-image: url(images/buynow.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 77px;
	height: 16px;
	text-align: center;
	display: block;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}

a.buynow:hover { background-image: url(images/buynow-over.png); }

a.fourup,a.eightup,a.twelveup
{
	display: block;
	float: left;
	width: 76px;
	height: 76px;
	text-indent: -99999px;
	margin-right: 5px;
}

a.fourup { background-image: url(images/4andup_mouseoff.jpg); }
a.fourup:hover { background-image: url(images/4andup_mouseon.jpg); }
a.eightup { background-image: url(images/8andup_mouseoff.jpg); }
a.eightup:hover { background-image: url(images/8andup_mouseon.jpg); }
a.twelveup { background-image: url(images/12andup_mouseoff.jpg); }
a.twelveup:hover { background-image: url(images/12andup_mouseon.jpg); }