body {
	background: #ffffff url(bg.jpg) repeat scroll left top;
	color: #443355;	margin: 0px; padding: 0px; text-align: left; }

.content {
	background: transparent;
	color: #443355;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	text-align: justify;
	left: 0px;
	top: 150px;
	position: absolute;
	width: 450px;
	}

#dhtmltooltip{
	background-color: #fff;
	border: 2px solid #ccc;
	color: #443355;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px;
	position: absolute;
	text-align: center;
	width: 60px;
	visibility: hidden;
	z-index: 100;
}

/* -------------------------------------------------------------------------------------- CONTENT */

p {
	line-height: 20px;
	margin: 10px 20px 10px 20px;
	padding: 0px;
	text-align: justify;
	}
p.center { text-align: center; }

li {
	margin: 10px 20px 10px 0px;
	list-style-type: circle;
	list-style-image: url();
	text-align: justify;
	}

a, a:visited {
	color: #4A72C4;
	font-weight: bold;
	text-decoration: none;
	}
a:hover, a:active, area:hover {
	color: #8EC2D8;
	cursor: help;
	font-weight: bold;
	text-decoration: none;
	}
b.name {
	font-family: Arial Narrow, Arial, sans-serif;
	font-size: 14px;
	letter-spacing: 2px;
	text-decoration: none;
	text-transform: uppercase;
                  }
i {
	text-decoration: none;
	text-transform: none;
                  }

/* -------------------------------------------------------------------------------------- TITLES */

h1 {
	background: transparent;
	border-bottom: 4px solid #cacaca;
	color: #000;
	font-family: Georgia, Century Gothic, Trebuchet MS, Times New Roman, serif;
	font-size: 24px;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 20px 0px 0px 0px;
	padding: 0px 25px 0px 25px;
	text-align: left;
	text-transform: none;
	}

h2 {
	background: transparent;
	color: #443355;
	font-family: Verdana, Georgia, Times New Roman, serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 0px 20px;
	text-align: left;
	}

h3 {
	background: transparent;
	color: #443355;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 20px;
	margin: 10px 20px 10px 20px;
	padding: 0px;
	text-align: left;
	text-transform: uppercase;
	}

/* -------------------------------------------------------------------------------------- IMAGES */

.thumb {
	background-color: #fff;
	background-image: url(img-bg.jpg);
	margin-left: 30px;
	margin-right: 20px;
	margin-top: 5px;
	padding: 5px;
}
.thumb:hover {
	background: #fff url(thumb-bg.jpg) repeat scroll right top;
}
.img {
	background: #fff url(img-bg.jpg) repeat scroll left top;
	margin-left: 25px;
	margin-right: 15px;
	margin-top: 15px;
	padding: 5px;
}
.pic-wishlist {
	background-color: #fff;
	background-image: url(img-bg.jpg);
	margin-left: 3px;
	padding: 5px;
}
.pic-wishlist:hover {
	background: #fff url(thumb-bg.jpg) repeat scroll right top;
}

.affiliate {
	background: #fff url(thumb-bg.jpg) repeat scroll right top;
	margin: 0px 0px 5px 0px;
	padding: 5px;
}
.affiliate:hover {
	background: #fff url(img-bg.jpg) repeat scroll left top;
}

/* -------------------------------------------------------------------------------------- FORMS */

blockquote {
	background: transparent;
	border: 8px double #cacaca;
	color: #443355;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	margin: 10px 60px;
	padding: 10px;
	text-align: left;
	}
input, textarea, select {
	background: #fff;
	color: #000;
	border: 1px outset #8880b9;
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 2px;
	text-transform: none;
	}
input:focus, textarea:focus, select:focus {
	background: #eee;
	color: #000;
	border: 1px inset #8880b9;
	}

fieldset { 
	background-color: #cacaca;
	border: 1px solid #443355; 
	margin: 0px auto; 
	padding: 15px 10px;
	width: 350px;
	}
fieldset label { 
	float: left;
	text-align: left;  
	}
fieldset legend {
	color: #443355; 
	font-family: courier new, georgia, times new roman, serif;
	font-size: 17px;
	margin: 0px 20px 0px 20px;
	}
fieldset p { 
	margin: 0 0 4px 0;
	text-align: justify;
	}

.input1 { 
	width: 90%;
}
.input2 { 
	width: 170px;
}
.input3 { 
	border: 0;
} 

/* -------------------------------------------------------------------------------------- OWNED */

.owned {
	background: transparent url('') no-repeat left top;
	float: right;
	margin: 0px auto;
	padding: 15px;
	width: 400px;
	}
.owned img {
	border: 5px solid #cacaca;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.owned img:hover { border: 5px solid #8EC2D8; }

.owned p {
	background: transparent;
	float: right;
	margin: 0px;
	padding: 0px 5px;
	width: 300px;
	}

.title {
	background: #fff;
	float: right;
	font-family: Georgia, serif;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 0px;
	padding: 5px;
	width: 300px;
}
.title a { font-style: italic; font-weight: normal; }

.subject {
	background: #cacaca;
	float: right;
	font-size: 11px;
	color: #fff;
	font-family: Comic Sans MS, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	margin: 0px;
	padding: 3px 5px;
	width: 250px;
	}

/* -------------------------------------------------------------------------------------- CODES */

.codesort li {
	display: inline;
	padding-right: 0px;
	}

.codesort label {
	float: left;
	width: 12em;
	text-align: right;
	margin: 0 0.5em 0 0;
	}

.codesort p { text-align: left; }