/* CSS Document */
body, td, th {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
}

th {
	text-align:left;
	background-color:#CCCCCC;
	font-weight: bold;
	border-bottom:1px solid #000;
}

h2 {
	font-variant:small-caps;
}

a:link {
	text-decoration:none;
}

a:visited {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
	/*border-bottom:dashed 1px;*/
}

a:active {
	text-decoration:none;
}

a.icon:hover {
	border-bottom:0px;
}

a.active {
	font-size:16px;
}

a.nonActive {
	font-size:10px;
}

a.locationLink {
	color:#FFFFFF;
	font-weight:bold;
}

a.headerLink {
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

a.whiteLink {
	color:#FFFFFF;
}

.white {
	color:#FFFFFF;
}

input {
	border:solid 1px #000;
}

.mainCell {
}

.itemDescription {
	height:453px;
	text-align:left;
}

.itemContainer {
	height:453px;
}

.itemTop {
	display:block;
	width:100%;
}

.itemTop img {
	float:left;
	margin:4px;
}

.itemMid {
	clear:both;
}

.itemMid img {
	margin:10px;
}

.itemBottom {
	text-align:center;
	clear:both;
}

.itemDisplay {
	float:left;
	width:143px;
	min-width:143px;
	border:1px solid #000;
	margin:10px;
	cursor:pointer;
}

/* can't just use a hover attribute 'cuz IE doesn't support hovers on divs */
.itemDisplayHover {
	border:1px dashed #000;
	float:left;
	width:143px;
	min-width:143px;
	margin:10px;
	cursor:pointer;
}

.button {
	cursor:pointer;
	background-color:#024379;
	border:1px solid #000;
	color:#fff;
	padding:5px;
	font-weight:bold;
}

.buttonHover {
	background-color:#0580E5;
	border:1px solid #000;
	cursor:pointer;
	color:#fff;
	padding:5px;
	font-weight:bold;
}

a.buttonHover:hover {
	border-bottom:1px solid #000;
}

.auctionSample {
	border:1px solid #000;
}

.auctionSampleHover {
	border:1px dashed #000;
	cursor:pointer;
}

.star {
	color:#0033CC;
}

.thinborder {
	border: 1px solid #000000;
}