/*===========================
C3181E = red
20218E = blue
EEEEEE = off-white (content)
===========================*/


html {border:0;}

body {
	background: #191919 url('images/bg.jpg')  repeat-x scroll top left;
	text-align: center;
	margin: 0 auto;
}

img {
	border: 0px none transparent;
	/*display: block; /*This fixes the vertical spacing issue in IE*/
}

table img {
	display: inline;
}

#watts_wrapper {
	width: 940px;
	text-align: left;
	margin: 0 auto;
}

#watts_header {
	background: url('images/watts-logo.jpg')  no-repeat scroll top right;
	width: 940px;
	height: 170px;
	margin: 0;
}

#watts_flash {
	background: url('images/flash-temp.jpg')  no-repeat scroll top left;
	width: 640px;
	height: 170px;
	float: left;
}

/*Navigation*/
#watts_nav {
	background: url('images/nav_bg.jpg')  repeat-x scroll top left;
	width: 940px;
	height: 30px;
	margin-bottom: 20px;
	text-align: left;
}

#watts_nav img {
	display: inline;
	margin: 0 !important;
	margin: 0 -3px; /*Fixes IE 3px bug for floated images*/
	/*IE GIVES ME GRIEF*/
	padding: 0;
	float: left;
}

#sidebar {
	width: 200px;
	float: left;
	display: inline; /*fixes IE Doubled Float-Margin Bug*/
	/*IE GIVES ME GRIEF*/
}

#watts_main {
	background: #EEE;
	width: 710px;
	padding: 0;
	margin: 0 0 0 30px;
	float: left;
}


#watts_content {
	background: url('images/watermark.jpg')  no-repeat scroll center center;
	padding: 15px;
}

#wrapper_bottom {
	background: url('images/wrapper_bottom.jpg')  no-repeat scroll top left;
	width: 940px;
	height: 15px;
	clear: both;
}

#watts_footer {
	width: 710px;
	margin: 20px 0 0 0;
	text-align: center;
	float: right;
/*	clear: both;*/
}

#watts_footer p {
/*	width: 940px;*/
/*	margin: 0 0 0 200px;*/
}


/* ============================ */
/* = RIGHT COLUMN BEGINS HERE = */
/* ============================ */
#rightColumn {
	width: 200px;
/*	height: 400px;*/
/*	text-align: center;*/
	float: left;
	margin: 0 0 0 10px;
}

/*==News Inset Begins Here==*/
#news_inset {
	background: url('images/inset_left_bg.jpg')  repeat-y scroll top left;
	width: 125px;
	margin: 0;
	padding: 0;
}

#news_top {
	background: url('images/news_top.jpg')  no-repeat scroll top left;
	width: 125px;
	height: 30px;
}

#news_body {
	background: url('images/news_bg.jpg')  no-repeat scroll top left;
	width: 125px;
/*	height: 250px;*/
/*	overflow: hidden;*/
}

#news_content {
	width: 115px;
	margin: 0 0 0 5px;
}

#more_button {
	text-align: center;
	width: 125px;
	margin: 5px 0 0 0;
}

#more_button img {
	margin: 0 auto;
}

#news_bottom {
	background: url('images/inset_left_bottom.jpg')  no-repeat scroll top left;
	width: 125px;
	height: 5px;
}

/*==Affiliation logos==*/
#watts_affiliates {
	background: url('images/affiliates.jpg')  no-repeat scroll top left;
	width: 680px;
	height: 50px;
	margin: 10px 0 0 0;
}


div.gappy {
	height: 25px;
	width: 200px;
/*	display: block;*/
/*	margin: 0;*/
}

/*==Auction Alerts Signup==*/
#inset_join {
background: url('images/inset_bg.jpg')  repeat-y scroll top left;
	width: 200px;
/*	height: 300px;*/
	margin: 0;
	text-align: center;
}

#inset_join form {
	display: inline; /*This fixes the IE Extra Form Margin bug*/
/*	IE gives me grief*/
	margin: 0;
	padding: 0;
}


#join_top {
	background: url('images/join-top.jpg')  no-repeat scroll top left;
	width: 200px;
	height: 70px;
}

#join_body {
	width: 200px;
	margin: 0;
	text-align: center;
/*	padding: 10px 0 10px 10px;*/
}

#join_bottom {
	background: url('images/inset_bottom.jpg')  no-repeat scroll top left;
	height: 5px;
	margin: 0 auto;
	text-align: center;
}

p#submit {
/*	text-align: right;*/
}


/*==Auction Scroller Begins==*/
#insetScroller {
	width: 200px;
	height: 355px;
	margin: 0;
	padding: 0;
	text-align: center;
}

#auction_top {
	background: url('images/scroller-top.jpg')  no-repeat scroll top right;
	width: 200px;
	height: 30px;
/*	text-align: center;*/
}


#auction_body {
	background: url('images/inset_bg.jpg')  repeat-y scroll top left;
	width: 200px;
	height: 320px;
	margin: 0 auto;
	text-align: center;
}

#auction_body img {
	margin: 0 auto 0 auto;
}

#auction_bottom {
	background: url('images/inset_bottom.jpg')  no-repeat scroll top left;
	height: 5px;
	margin: 0 auto;
	text-align: center;
}

#auction_bottom img {
	margin: 0 auto 0 auto;
}

/* Message of the Day */
#testimonials_top {
	background: url('images/inset_testimonials_top.jpg')  no-repeat scroll top left;
	width: 200px;
	height: 35px;
	margin: 10px 0 0 0;
}

#testimonials_body {
	background: #790000 url('images/inset_bg.jpg')  repeat-y scroll top left;
	text-align: center;
}

#testimonials_body img {
	margin: 0 auto 0 auto;
}

#testimonials_bottom {
	background: url('images/inset_bottom.jpg')  no-repeat scroll top left;
	height: 5px;
	margin: 0 auto;
	text-align: center;
}

.auctionlist {
/*	width: 625px;*/
}


/*This keeps the gallery working properly in FireFox*/
table #container img {
	display: inline;
}

/*Auction scroller photo background*/
table .listAuctionPic {
	background: transparent none;
	border: 0px none transparent;
}

/*Fixes scroller photo in FireFox*/
a.menulisting .listAuctionPic img {
	display: inline;
	background: transparent none;
	border: 0px none transparent;
}


/*Staff Page*/
div.staff {
	padding-top: 10px;
	clear: left;
	border-top: 1px solid #999;
}

div.staff p.staff {
	font-size: 1.5em;
	font-weight: bold;
}

.staff img {
	float: left;
	margin-right: 20px;
}


tr.stripe {
	background-color: #FBE49B;
}


/* ============================================================== */
/* = this centers the graphics at the bottom of the detail page = */
/* ============================================================== */
#watts_content td div.center p {
	text-align: center;
}


/********* helpers *********/
.floatRight { float: right; }
.floatLeft  { float: left; }
img.floatRight { float: right; margin-left: 1em;}
img.floatLeft { float: left; margin-right: 1em;}
.right  { text-align: right; }
.left   { text-align: left; }
.center { text-align: center; }
.clear, .clearme { clear: both; }
.block  { display: block; }
.divider { height: 1px; margin: 1em 0; border-top: 1px solid #CCC;}