html {
	width: 100%; 
	margin: 0px; 
	padding: 0px; 
}

body {
	background-color: #dae3c7; 
	width: 100%; 
	margin: 0px; 
	padding: 0px; 
	text-align: left;
}

#etsy-mini {
	position: relative; 
	width: 1100px; 
	height: 369px; 
	padding: 0px; 
	margin: 20px auto 20px auto; 
	overflow: hidden; 
	text-align: left; 
}
#etsy-mini .etsy-mini-screen {
	position: absolute; 
	padding: 0px; 
	margin: 0 auto; 
	overflow: hidden; 
	text-align: left; 
	background-color: #A64319; 
}
#etsy-mini-shade {
	position: absolute; 
	top: 0px;
	left: 0px; 
	width: 100%; 
	height: 15px; 
	z-index: 101; 
	background-image: url(images/shadow-b.png); 
	background-position: top left; 
	background-repeat: repeat-x; 
}

#content-box {
/*	background-color: #cdd5b2; */
	width: 600px; 
	margin: 0px 0px 0px 200px; 
	padding: 20px; 
	text-align: left; 
	font-size: 12px; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	color: #241616; 
}
#content-box a,
#content-box a:link,
#content-box a:visited,
#content-box a:active {
	color: #917240; 
	text-decoration: none; 
	font-weight: bold; 
}
#content-box a:hover {
	color: #A64319; 
	text-decoration: underline; 
}
#content-box h1 {
	margin: 0px; 
	padding: 0px; 
	color: #593F2A; 
	text-transform: uppercase; 
}

.fade {
	width: 640px; 
	height: 50px; 
}
#fade-top {
	position: fixed; 
	margin: 0px; 
	padding: 0px; 
	top: 0px; 
	left: 200px; 
	background-image: url(images/fade-t.png); 
}
#fade-bottom {
	float: left; 
	margin: 0px 0px 0px 200px; 
	padding: 0px; 
/*	background-image: url(images/fade-b.png); */
}

#upside-down {
	position: fixed; 
	top: 0px; 
	left: 0px; 
	width: 180px; 
	height: 160px; 
	margin: 0px; 
	padding: 80px 0px 0px 30px; 
	background-image: url(images/upsidedown.png); 
}
#top-nav-links {
	position: fixed; 
	top: 50px; 
	left: 250px; 
	width: 560px; 
	height: 100px; 
	margin: 0px; 
	padding: 0px; 
}
#top-nav-links a {
	display: block; 
	float: left; 
	padding: 0px; 
	text-decoration: none; 
}
#top-nav-links a.up {
	margin: 0px 25px; 
}
#top-nav-links a.down {
	margin: 50px 25px 0px 25px; 
}
#recent-listings {
	position: fixed; 
	bottom: 60px; 
	right: 20px; 
	width: 250px; 
	height: 40px; 
	margin: 0px; 
	padding: 0px; 
}

/*-------------------- PERMANENT STYLES --------------------------------------------------------------------------------*/

div.paginate-prev, 
div.paginate-next {
	font-size: 24px; 
	line-height: 24px; 
	margin: 0px 0px 20px 0px; 
	padding: 0px; 
}
div.paginate-prev {
	float: left; 
}
div.paginate-next {
	float: right; 
}
div.paginate-prev a:hover, 
div.paginate-next a:hover {
	text-decoration: none; 
}
p.invisible {
	color: #ffffff; 
	font-family: Verdana; 
	font-size: 8px; 
	line-height: 10px; 
}
form {
	padding: 0px; 
	margin: 0px; 
}
a {
	outline: 0; 
}

/*-------------------- DD DROP PANEL --------------------------------------------------------------------------------*/

.ddpanel {
position:fixed; bottom:0px; left:0px; width:100%; z-index:100; padding: 0px;
}
.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
background: #A64319; /*background of Drop Down Panel*/
position: relative; 
clear: both; 
margin: 0px; 
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}

.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
margin-right: 50px;
}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
float: right; 
position: relative; 
bottom: 0px; 
z-index: 102; 
height: 14px; 
}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
display: block;
padding: 0px;
cursor: pointer; 
height: 38px; 
}
