html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	background: url(images/bg_header.gif) repeat-x #afe2fa center top;
	text-align: center;
	color: #000;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


#frame { width: 1000px; margin: 0 auto; text-align: center; position: relative; }


#header { width: 1000px; height: 134px; position: relative; margin-bottom: 20px; }

	#nav { position: absolute; right: 20px; top:20px; }
	
	#logo { position: absolute; top: 5px; left: 20px; }
	

#container { width: 886px; height: 581px; background: url(images/bg_container.gif); position: relative; margin: 0 auto; text-align: left; }

	#subnav { position: absolute; top: 30px; left: 30px; width: 120px; height: 520px; }
	
		#subnav li { font-family: "comic sans MS", helvetica, arial, sans-serif; font-size: 14px; font-weight: bold; margin-top: 10px; }
		
		#subnav a { color: #000; text-decoration: none; }
		#subnav a:hover { text-decoration: underline; }
	
	#square1, #square01, #square09 { position: absolute; top: 50px; left: 200px; width: 125px; _width: 145px; height: 197px; _height: 217px; padding: 10px; background: #fff; }
	#square2, #square02, #square10 { position: absolute; top: 50px; left: 360px; width: 125px; _width: 145px; height: 197px; _height: 217px; padding: 10px; background: #fff; }
	#square3, #square03, #square11 { position: absolute; top: 50px; left: 520px; width: 125px; _width: 145px; height: 197px; _height: 217px; padding: 10px; background: #fff; }
	#square4, #square04, #square12 { position: absolute; top: 50px; left: 680px; width: 125px; _width: 145px; height: 197px; _height: 217px; padding: 10px; background: #fff; }
	#square5, #square05, #square13 { position: absolute; top: 283px; left: 200px; width: 125px; _width: 145px; height: 197px; _height: 217px; padding: 10px; background: #fff; }
	#square6, #square06, #square14 { position: absolute; top: 283px; left: 360px; width: 125px; _width: 145px; height: 197px; _height: 217px; padding: 10px; background: #fff; }
	#square7, #square07, #square15 { position: absolute; top: 283px; left: 520px; width: 125px; _width: 145px; height: 197px; _height: 217px; padding: 10px; background: #fff; }
	#square8, #square08, #square16 { position: absolute; top: 283px; left: 680px; width: 125px; _width: 145px; height: 197px; _height: 217px; padding: 10px; background: #fff; }

		.uploadsquare { background: url(images/upload_icon.jpg) no-repeat #FFF center 10px !important; border: 1px solid #ccc; position:relative; }
	
		.previewsquare { background-color:#FFF; width: 115px; height: 115px; padding: 0px; margin: 5px; float: left; }

	#itempic { position: absolute; top: 40px; left: 200px; padding: 10px; background: #fff; text-align:center; }
	#itemthumbs { position: absolute; top: 480px; left: 200px; padding: 7px 0 7px 7px; background: #fff; text-align:center; }
	#itemthumbs img { margin-right: 7px; }
	#itemdesc { height:450px; left:640px; padding:10px; position:absolute; top:40px; width:200px; }
	
	#back { position: absolute; top:258px; left: 165px; }
	#next { position: absolute; top:258px; left: 835px; }
	#underinstructions { position: absolute; top:510px; left: 200px; }
	
	p { font-family: Arial, helvetica, sans-serif; font-size: 14px; line-height: 18px; margin-bottom: 15px; }
	
	h1 { font-family: Arial, helvetica, sans-serif; font-size: 22px; line-height: 22px; margin-bottom: 15px; }
	h2 { font-family:"comic sans MS",helvetica,arial,sans-serif; font-size:16px; font-weight:bold; margin-bottom: 15px; }
	h3 { font-family: Arial, helvetica, sans-serif; font-size: 14px; line-height: 16px; margin: 15px 0; }
	
	
	#illustration { position: absolute; top: 50px; left: 200px; }
	
	#content { position: absolute; top: 50px; left: 200px; font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: normal; width: 620px; }
	
#container_full { width: 886px; height: 581px; background: url(images/bg_container_full.gif); position: relative; margin: 0 auto; text-align: left; }

	#content_full { position: absolute; top: 50px; left: 30px; font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: normal; width: 820px; height: 490px; overflow: auto; }

.error { 
	display:none; 
	font-weight:bold;
	font-size:20px; 
	font-style:normal;
	margin:0 3px;
}
.cart { color: inherit; border-collapse:collapse; border: 1px solid #FFF; width:100%; background-color:#FFF; }
	.cart tr { }
	.cart th { font-family:"comic sans MS",helvetica,arial,sans-serif; font-size:16px; font-weight:bold; padding: 2px 10px; }
	.cart td { vertical-align:middle; padding: 2px 10px; }

.llabel { text-align: left; }
.clabel { text-align: center; }
.rlabel { text-align: right; }

.checkout { color: inherit; border-collapse:collapse; width:100%; }
	.checkout tr { }
	.checkout td { vertical-align:middle; padding: 2px 10px; }

.middle { vertical-align:middle; }