@charset "utf-8";

#upcomingAuctions {width:180px; height:275px; margin:0 auto; font-size:12px; line-height:normal; text-align:center; overflow:hidden; position:relative;}

/* upcoming auctions image */
#upcomingAuctions div.upcomingImage {} /* for div level manipulation */
#upcomingAuctions img {margin-bottom:8px; border:none;}
#upcomingAuctions a img {border:1px solid #fff;}
#upcomingAuctions a:hover img {border:1px solid #FF0000;}

/* upcoming auctions name | link */
#upcomingAuctions div.nameAbove {margin:8px 0;} /* use to display auction name/title above the image, set display:none if using div.nameBelow */
#upcomingAuctions div.nameBelow {display:none;} /* use to display auction name/title below or to the side of the image, set display:none if using div.nameAbove */
#upcomingAuctions a {font:bold 12px Geneva, Arial, Helvetica, sans-serif; color:#000; text-decoration:none; text-transform:uppercase;}
#upcomingAuctions a:hover {color:#ff0000;}

/* featured auction time/location info */
#upcomingAuctions div.upcomingInfo {} /* encloses date/time/location for div level manipulation */
#upcomingAuctions div.starting_at {color: #000; font-size: 11px; font-weight: bold;} /* featured date/time */
#upcomingAuctions span {color: #000; font-size: 11px; font-weight: bold;}  /* styles the "to" that appears between start and end date/time, appears to only show for online auctions? */
#upcomingAuctions div.ending_at {color: #000; font-size: 11px; font-weight: bold;} /* featured end date/time, appears to only show for online auctions? */ 
#upcomingAuctions div.location {margin:5px 0; color: #000; font-size: 11px;} /* location text */

#uaLink {display:none;} /* use if you want to have a button link to the auction_detail page, sample below */
#uaLink a {}
#uaLink a:hover {}

#upcomingAuctions div.noAuctions {font-size: 11px;}