@import url("reset.css") screen, print;

body { background-color: #e6e6e6; font: 100% Georgia; color: #616262; }
span.pages-no-link { margin: 0 5px; }
#wrap { width: 980px; margin: 0 auto; background: url('../images/body_bg.png') repeat-y 0 0; }
	.splash { padding: 10px 10px 0 0; }
	#left { width: 610px; float: left; margin-left: 24px; }
		#masthead { background-image: url('../images/masthead.png'); width: 610px; height: 112px; }
		.action-row { clear: both; }
		.auction { float: left; width: 196px; margin: 0 10px 10px 0; }
		.last { margin: 0 0 10px 0; }
		#attach { background-color: #eee; padding: 5px 10px 0 10px; margin: 0 0 10px 0; border-bottom: 2px solid #ccc; }	
		#credit { padding: 900px 0 0 298px; position: relative; width: 400px; }
		#current-bid { float: left; width: 48%; font-size: 125%; }
		#bid-form { float: right; width: 48%; }		

	#right { width: 300px; float: right; margin-right: 24px; }
	.splash #right p.copy { margin-left: 36px; }
		#date-time { margin-top: 20px; }
		#login-box { background-color: #fafafa; padding: 10px; margin: 0 0 10px 0; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }
	#footer { background: #e6e6e6 url('../images/footer_bg.png') no-repeat 0 0; padding: 15px 24px; }

h1 { display: none; }
h2 { margin: 0.3em 0 0 0; font: 130% "Georgia"; color: #ef034e; }
	h2 span { float: right; font-size: 60%; padding: 5px 0 0 0; }
h3 { margin: 0.5em 0 0 0; padding-bottom: 2px; font: 105% "Helvetica Neue", Heltevtica, Arial, sans-serif; color: #616262; }
h4 { margin: 0.5em 0 0 0; padding-bottom: 2px; font: 100% "Georgia"; color: #616262; font-weight: bold; }

p { font-size: 90%; line-height: 1.6; margin: 0 0 10px 0; color: #616262; }
	.splash p { font: 100% Georgia; color: #999; line-height: 2; }
	#date-time p { color: #ff2e37; font-size: 105%; }
	p#auction-image { text-align: center; }
	p.input-label { margin: 0; }
	p.center-image { display: block; text-align: left; margin: 0; }
	p#login-meta { float: right; text-align: right; background-color: #ef034e; color: white; padding: 0 .75em 0 .75em; margin: 0 0 1em 1em; border: 1px solid black; }
	p.current-price { background-color: #fff; border: 2px solid #ccc; font-weight: bold; padding: 0 5px; }
	p#success { color: #fff; padding: 5px; margin: 0 0 10px 0; font-size: 80%; background-color: #73d43c; }
	p#page-list { border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 5px; text-align: center; }
	p.border { border-bottom: 1px solid #333; padding-bottom: 0.5em; }
	p.caption { font-size: 75%; font-family: arial; margin: 0; padding: 0.3em 0 0 0;}
#left ol { list-style-type: decimal; list-style-position: outside; }
#left ul { list-style-type: disc; list-style-position: outside; }
#left ul, #left ol { margin: 0.5em 0 0.75em 3em; }
#left li, #left li li { margin: 0 0 0.5em 0; font-size: 95%; line-height: 1.5; }

#content ul, ol { margin: 0.5em 0 1.5em 2em; }
#content ul { list-style-type: disc; }
#content ol { list-style-type: decimal; list-style-position: outside; }
#content li { margin: 0 0 0.5em 0; font-size: 80%; line-height: 1.4; }
ul#w5 li strong { color: #f61049; font-weight: bold; }

ul.errors { margin: 10px 0 !important; list-style-type: none !important; }
ul.errors li { color: #fff; padding: 5px; margin: 0; background-color: #d54b3c; }

ul.login-nav { margin: 10px 0 0 0; }
ul.login-nav li { margin: 5px 0; }

ol { list-style-type: decimal; list-style-position: inside; }
ol#bid-history { font-size: 80%; margin: 0 0 10px 0; width: 200px; list-style-position: inside !important; }
ol#bid-history li { background-color: #eee; border-bottom: 1px solid #ccc; padding: 5px; margin: 0 0 5px 0; }

a:link, a:visited { color: #000; text-decoration: none; background-color: #E6E6E6; border: none; }
a:hover { text-decoration: none; background-color: #ff232c; color: #fff; }
	a.no-border { border: 0 !important; /*background-color: #fff;*/ }
	p#page-list a { margin: 0 5px; }
	
a#enter-button { background-image: url('../images/enter_button.png'); display: block; width: 310px; height: 98px; text-indent: -9999px; border: 0; }
a#enter-button:hover { background-position: 0 98px; }

input.text, textarea.text { font-size: 100%; width: 500px; background-color: #eee; border: 1px solid #ccc; padding: 3px; color: #333; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;  }
	#login-box input.text { width: 250px; }
input.bid-text { font-size: 100%; width: 200px; background-color: #eee; border: 1px solid #ccc; padding: 3px; color: #333; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
input.password { width: 200px; background-color: #eee; border: 2px solid #aaa; padding: 3px; color: #333; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
input:focus, textarea:focus { background-color: #fff; -webkit-box-shadow: #ccc 0 0 5px; -moz-box-shadow: #ccc 0 0 5px; }

.featureright { width: 300px; float: right; border: 1px solid #f61049; padding: .6em .2em .3em .6em; margin: .4em 0 .4em .4em; background: #efefef; }

#navigation ul { border-top: 1px solid #333; list-style-type: none; list-style-position: inside; margin: 0; }
#navigation ul li {}
#navigation ul li a { display: block; width: 290px; border-bottom: 1px solid #333; padding: 5px; }
#navigation ul li a:hover { text-decoration: none; }

table#manage-auctions { font-size: 90%; }
table#manage-auctions tr th { padding: 5px; border-bottom: 2px solid #333; text-align: left; }
table#manage-auctions tr td { padding: 10px 5px; background-color: #fafafa; border-bottom: 1px solid #eee; }
table#manage-auctions tr.alt td { padding: 10px 5px; background-color: #fff; border-bottom: 1px solid #eee; }


.postalcode { margin: 0 0 0 0.5em; text-transform: uppercase; white-space: nowrap; } /* span class to keep postal codes uppercase, to prevent wrapping, and to include extra white-space before them, per Canada Post's guidelines at https://canadapost-postescanada.ca/business/tools/pg/manual/PGaddress-e.asp#1399210 */
.tel, .gps { white-space: nowrap; } /* span class to keep phone numbers & GPS coordinates from wrapping */
sup { vertical-align: baseline; font-size: 0.75em; position: relative; top: -0.4em; }
sub { top: .5ex; font-size: .9em; }

img { border: none; }

div.accountinstructions { font-size: 85%; font-family: "Helvetica Neue", helvetica, sans-serif; }
div#links { padding: 0.6em 0 1em 0; }

table#bidding { font-size: 80%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; border-bottom: 2px #bbb solid; padding: 1em 0!important; margin-bottom: 2em; }
table#bidding th { font-weight: bold; text-align: left; width: 25%; color: #ef034e; padding: 0.5em; border-bottom: 2px solid #323333; border-left: 2px solid #323333; }
table#bidding td.event { font-weight: bold; text-align: left; font-size: 90%; padding: 0.5em 0.5em 0 0.5em; border-left: 2px solid #323333; }
table#bidding td { font-weight: normal; text-align: left; padding: 0 0.5em 0.5em 0.5em; }