@charset "utf-8";
/* old css
.scrollPic {width:142px; padding:6px; background:#808080;}
#featured img {border:1px solid #fff;}
#featured a:hover img {border:1px solid #990000;}
.scrollHeading {font:bold 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#fff;}
.scrollHeading a {color:#990000; text-decoration:none;}
.scrollHeading a:hover {color:#fff;}
.scrollText {text-align:center; font:11px Verdana, Arial, Helvetica, sans-serif; color:#fff;}
.scrollDate {margin-top:8px;}
.scrollLocation {margin-top:3px;}
*/

/* horizontal orientation */
#upcomingAuctions {width:280px; height:176px; font-size:11px; color:#fff; line-height:normal; text-align:left; overflow:hidden; position:relative;}

/* upcoming auctions image */
#upcomingAuctions div.upcomingImage {margin:0 6px 0 5px; padding:6px; background:#808080; float:left;} /* for div level manipulation */
#upcomingAuctions img {margin:0; padding:0; border:1px solid #fff;}
#upcomingAuctions a img {border:1px solid #fff;}
#upcomingAuctions a:hover img {border:1px solid #900;}

/* upcoming auctions name | link */
#upcomingAuctions div.nameAbove {display:none;} /* use to display auction name/title above the image, set display:none if using div.nameBelow */
#upcomingAuctions div.nameBelow {margin:0; padding:6px;} /* 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/16px Arial, Helvetica, sans-serif; color:#900; text-decoration:none;}
#upcomingAuctions a:hover {color:#fff;}

/* featured auction time/location info */
#upcomingAuctions div.upcomingInfo {padding:4px; margin:0; text-align:center; font:normal 11px/11px Verdana, Arial, Helvetica, sans-serif; clear:left;} /* encloses date/time/location for div level manipulation */
#upcomingAuctions div.starting_at {} /* featured date/time */
#upcomingAuctions span {}  /* styles the "to" that appears between start and end date/time, appears to only show for online auctions? */
#upcomingAuctions div.ending_at {} /* featured end date/time, appears to only show for online auctions? */ 
#upcomingAuctions div.location {margin:5px 0;} /* location text */

#uaLink {bottom:0px; right:0px; position:absolute; z-index:500; display:none;} /* use if you want to have a button link to the auction_detail page, sample below */
#uaLink a {width:50px; height:16px; background:url(images/boxesLinkBg.gif) no-repeat; display:block; cursor:pointer;}
#uaLink a:hover {background:url(images/boxesLinkBg.gif) 0 -20px;}

#upcomingAuctions div.noAuctions {font-size:12px; text-align:center; color:#fff;}