body { background-color: #eee; color: #333; }

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
}

h1, h2 {
    text-align: center;
}

a img { border: none; }

a {
    color: black;
}

#public_view {
    text-align: center;
}

ul#categories {
    list-style: none;
    text-align: center;
    margin: 1em;
    padding: 0;
}

ul#categories li {
    display: inline;
    margin-left: 1em;
    margin-right: 0;
}

ul#categories li:first-child {
    margin-left: 0;
}

ul#categories li.selected a {
    text-decoration: none;
    font-weight: bold;
}

#public_view div.item {
    display: inline-block;
    width: 256px;
    height: 256px;
    border: 1px solid gray;
    vertical-align: top;
    margin: 10px;
    padding: 10px;
}

#public_view div.item div.image_placeholder {
    display: inline-block;
    width: 200px;
    height: 200px;

}

#public_view div.item p {
    margin: 0px;
    padding: 0px;
}

#public_view div.item img {
    margin: 0px;
}

.errorbox p {
    display: inline;

	background: #ffffe1 url(../images/icons/exclamation.png) no-repeat 8px 8px;
	border: 1px solid #DDDDDD;
	
	margin: 8px 2px 8px 2px;
	padding: 8px 10px 8px 30px;
	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

.detailed_view {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.detailed_view > table {
    margin: 0px;
    width: 100%;
    vertical-align: center;
    text-align: left;
}

.detailed_view th {
    width: 5em;
    vertical-align: top;
}

.detailed_view th + td > p:first-child {
    margin-top: 0em;
}

.detailed_view th + td > p:last-child {
    margin-bottom: 0em;
}

.detailed_view td {
    vertical-align: top;
}

.detailed_view td#image {
    width: 500px;
    text-align: center;
    vertical-align: middle;
}

.detailed_view td#image img {
    max-width: 475px;
    max-height: 475px;
}

.detailed_view img#sold {
    position: relative;
    margin-bottom: -442px;
    z-index: 1;
}

/*
 * Menu
 */

ul.menu {
    text-align: center;
    margin: 0px;
    padding: 0px;
}

ul.menu li {
    display: inline;
    margin-left: 1em;
}

ul.menu li:first-child {
    margin-left: 0em;
}

/* Prev/Next in detailed view. */

.prev_link {
    float: left;
    margin-left: 2em;
}

.next_link {
    float: right;
    margin-right: 2em;
}

.prev_link, .next_link {
    min-width: 10em;
    margin-top: 0.25em;
}

/* Custom Google search box */

#searchbox {
    text-align: center;
}