/* Basic global styling =========================================================================== */

* {
	margin: 0 ;
	padding: 0 ;
}

/* Set base font size to 10px in all browsers, while allowing text-sizing in IE */

html { font-size: 1.25em ; } /* Set base font size to 20px (= 1.25 x 16px) */ 
body { font: normal normal 50%/100% Verdana, Arial, Helvetica, sans-serif ; } /* 50% of 20px = 10px */  
html>body { font-size: 10px ; } /* Overrides the above in all browsers except IE */ 

/* Positioning and styling of page blocks ========================================================= */

body {
	color: #300 ;
	background: #f3f3f3 url(/images/site/bg-body.png) fixed no-repeat 760px 0 ;
}

#container {
	width: 760px ;
	background: #f3f3f3 ;
	background: url(/images/site/bg-container2.png) repeat-y left bottom ;
}

#header { 
	width: 760px ; height: 90px ; 
	background: url(/images/site/bg-container.png) no-repeat left top ;
}

#header a { 
	position: absolute ;
	left: 0 ; top: 0 ;
	display: block ;
	width: 203px ; height: 169px ;
	background: transparent url(/images/site/bg-header.png) no-repeat left top ;
	text-indent: -9999px ;
	z-index: 1 ;
}

#header a:hover { text-decoration: none ; }

#footer { 
	padding: 100px 0 10px 200px ;
	font-family: Arial, Helvetica, sans-serif ;
	color: #637049 ;
	clear: both ;
}

#footer a {
	font-weight: normal ;
	color: #637049 ;
}

#footer a:hover { text-decoration: none ; }

#footer a:hover strong { color: #940900 ; text-decoration: underline ; }

/* Navigation bar ================================================================================= */

#navbar { 
	position: absolute ;
	left: 0 ; top: 90px ; 
	z-index: 0 ;
}

#navmain {
	width: 172px ;
	padding-top: 90px ;
	color: #000 ;
	background: #f3f3f3 ;
}

#navmain ul { 
	list-style: none ;
	font-size: 100% ;
}

#navmain ul.sections li a {
	padding: 4px 0 4px 10px ;
	text-transform: uppercase ;
	font: normal bold 1.2em/1.0 Arial, Helvetica, sans-serif ;
	display: block ;
	background-color: #fff ;
	border-bottom: 1px solid #CFD4C4 ;
}

#navmain ul.sections li.first {
	border-top: 1px solid #CFD4C4 ;
}

#navmain ul.subsections { display: none ; }

#navmain li.active ul.subsections { display: block ; }

#navmain ul.subsections li a,
#navcatalogue li a {
	display: block ;
	padding: 3px 0 3px 20px ;
	font: normal normal 1.1em/1.3 Arial, Helvetica, sans-serif ;
	text-transform: none ;
	border: none ;
	color: #300;
	background-color: #F3F3F3 ;
	width: 150px ; 
}

#navmain ul.subsections li.first { border: 0 ; }

#navmain ul.subsections li.last a {
	border-bottom: 1px solid #CFD4C4 ;
}

/* Content area =================================================================================== */

#content {
	margin-left: 172px ;
}

a {
	font-weight: bold ;
	text-decoration: none ;
	color: #568B9F ;
}

a:hover { 
 	text-decoration: underline ;
}

#content h1, #content h2 {
	padding-left: 30px ;
	color: #fff ;
	font-family: Arial, Helvetica, sans-serif ;
}

#content h1 {
	height: 36px ;
	line-height: 36px ;
	background: #91B4C3 url(/images/site/bg-sectiontitle.png) no-repeat right top ;
	font-size: 2.4em ;
}

#content h2 {
	height: 23px ;
	line-height: 23px ;
	background: #CFD4C4 url(/images/site/bg-pagetitle.png) no-repeat right top ;
	padding-top: 2px ;
	font-size: 1.7em ;
}

#content h3, #content h4 {
	margin-bottom: 1em ;
	font-size: 1.5em ;
	line-height: 1.5 ;
}

#content h4 { font-size: 1.2em ; margin-top: 1.5em ; margin-bottom: 0.5em ; }

#content blockquote, #content dl, #content ol, #content p, #content ul { font-size: 1.1em ; line-height: 1.5 ; margin-bottom: 1em ; }

#linklist dt { font-weight: bold ; }
#linklist dd { margin: 0 0 0.5em 1em ; }

#content ol li, #content ul li { margin: 0 0 0.5em 2em ; }

#content blockquote { margin: 1em 2em ; padding: 10px ; background-color: #F6F6F4 ; font-style: italic ; }

#content blockquote strong { font-size: 90% ; font-style: normal ; font-weight: normal ; color: #637049 ; }

#main { padding: 30px ; }

hr { display: none ; }

/* Section-specific: home ========================================================================= */

body#introduction h3 { font-weight: bold ; font-size: 1.3em ; }

#nextauction {
	background: #D6E2E7 url(/images/site/bg-home-nextauction.png) no-repeat right top ;
	padding: 10px ;
	margin-bottom: 1em ;
}

#nextauction h4 {
	font-size: 1.7em ;
	color: #59693E ;
	margin: 0 0 0.5em ;
	font-weight: normal ;
}

#nextauction h4 span { font-weight: bold ; }
#browsecatalogue {
	border: 2px solid #F0F2EC ;
	width: 22em ;
	padding: 1px 3px ;
	text-align: center ;
	background-color: #59693E ;
	color: #fff ;
	font-weight: bold ;
}

#browsecatalogue a { color: #fff ; }

#browsecatalogue p { padding: 0 ; margin: 0 ; }

#content ul#faq { list-style: none ; font-size: 100% ; }

#content ul#faq h4 { margin-left: -1em ; }

#lotpicture { float: left ;  margin: 5px 10px 10px 0 ; width: 162px ; }
#lotpicture img { border: 1px solid #300 ; }
#lotpicture p { width: 120px ; text-align: center ; margin: 5px auto 0 ; font-size: 1em ; line-height: 1.2 ; }

/* Section-specific: catalogue =====================================================================*/

body#catalogue #main { padding: 30px 0 ; }
body#catalogue #intro { padding: 0 30px 10px ; }

div.lot { 
	padding: 10px 10px 10px 30px ;
	min-height: 60px ; 
	float: left ; 
	width: 548px ;
}

* html div.lot { height: 60px ; }

#content div.lot h3 { font-size: 1.3em ; float: left ; margin: 5px 0 0 ; line-height: 1.0 ; width: 75px ;}
div.lot input.bidbtn { float: left ; margin: 4px 5px ; height: 21px ; }
div.lot p { margin: 0 0 0 175px ; padding: 0 ; }
div.lot a.explanation { float: left ; margin: 5px 2px 0 3px ; }

div.lot img { float: right ; border: 3px solid #4D7484 ; margin-left: 10px ;}

div.odd {
	background: #f9fbf5 url(/images/site/bg-catalogue.png) repeat-y left top ; 
	border-bottom: 1px solid #CFD3C7 ;
	border-top: 1px solid #CFD3C7 ;
}

h4#browsecat { display: none ; }

h4#searchcat { color: #568BB1 ; font-size: 1em ; }

form#catsearch {
	margin: 10px 10px 10px 15px ;
	padding: 5px ;
	background-color: #fff ;
	border: 1px solid #cfd4c4 ;
}

form#catsearch input.txt {
	width: 90px ;
	margin-top: 10px ;
	border: 1px solid #4D7484 ;
	font: normal normal 1.2em/1.0 Arial, Helvetica, sans-serif ;
	padding: 2px 0 1px 2px ;
}

form#catsearch input.btn {
	font: normal bold 1.2em/1.0 Arial, Helvetica, sans-serif ;
	height: 1.7em ; 
	border: 2px solid #9AD64C ; 
	background-color: #4D7484 ; 
	color: #fff ; 
	padding: 0 3px ;
	cursor: pointer ; 
}

p.lotdesc strong {
	background-color: #99D54B ;
	padding: 1px 2px ;
}

/* Section-specific: bids form =====================================================================*/

form#placebids label { width: 140px ; display: block ; float: left ; margin-left: 10px ; }
form#placebids label#agree { width: auto ; display: inline ; float: none ; margin-left: 0 ; }
form#placebids input.txt { margin-bottom: 5px ; }
form#placebids input.chk { margin-left: 10px ; }

form#listlots input.btn,
form#savebid input.btn,
form#placebids input.btn { 
	border: 2px solid #9AD64C ; 
	background-color: #4D7484 ; 
	color: #fff ; 
	text-transform: uppercase ; 
	font-size: 1em ; 
	padding: 2px ; 
	cursor: pointer ; 
}

form#listlots ul { list-style: none ; }

#error {
	border: 2px solid #a00 ;
	color: #a00 ;
	background-color: #fee ;
	padding: 5px ;
	font-weight: bold ;
}

#info {
	border: 2px solid #060 ;
	color: #060 ;
	background-color: #efe ;
	padding: 2px 5px ;
	font-weight: bold ;
}

/* Section-specific: mailing list form =============================================================*/

form#frmMailingList { margin-top: 15px ; }

form#frmMailingList fieldset { border: 0 ; }

form#frmMailingList legend { display: none ; }

form#frmMailingList label { width: 140px ; display: block ; float: left ; margin-left: 10px ; }

form#frmMailingList input.txt { margin-bottom: 5px ; }

form#frmMailingList input.btn { 
	margin: 10px 10px 0 0 ;
	border: 2px solid #9AD64C ; 
	background-color: #4D7484 ; 
	color: #fff ; 
	text-transform: uppercase ; 
	font-size: 1em ; 
	padding: 2px ; 
	cursor: pointer ; 
}

/* Section-specific: lot pictures ==================================================================*/

body#lot_pictures #main img { 
	margin: 10px 60px ; 
	border: 3px solid #4D7484 ;
}

/* Section-specific: explanation window ============================================================*/

body#explanation {
	background: none ;	
	color: #300 ;
	background-color: #f3f3f3 ;
	line-height: 1.4 ;
	padding: 10px ;
}

body#explanation h1 {
	margin-bottom: 10px ;
}

body#explanation p {
	margin-bottom: 10px ;
}

/* Section-specific: mailing preferences ===========================================================*/

form#mailingprefs div { margin: 1.5em 0 1em ; }
form#mailingprefs div.txt input { margin: 0 0 0.1em ; width: 16em ; }
form#mailingprefs div.txt label { clear: left ; float: left ; width: 12em ; margin-left: 0.5em ; 
                                  font-size: 1.1em ; line-height: 1.5 ; }
form#mailingprefs div.chk input { margin: 0 0 0.1em 0.5em ; }
form#mailingprefs div.chk label { margin-left: 0.2em ; font-weight: bold ;
                                  font-size: 1.1em ; line-height: 1.5 ; }
form#mailingprefs div.btn input { margin: 10px 10px 0 0 ; border: 2px solid #9AD64C ; padding: 2px ; 
                                  background-color: #4D7484 ; color:#fff ; cursor: pointer ; font-size: 1em ;
							      text-transform: uppercase ; }
							  
/* Miscellaneous ===================================================================================*/

body#introduction table { 
	border-spacing: 0 ;
	border-collapse: collapse;
}

body#introduction table td { padding: 0 20px 5px 0 ; }

body#introduction table td p { padding: 0 ; margin: 0 ; }

a.toplink {
	float: right ; 
	padding-left: 13px ;
	background: transparent url(/images/site/uparrow.gif) no-repeat left center ;
	clear: right ;
	margin-top: 5px ;
}

#peoplelist {
	margin-bottom: 2em ;
}

* html #peoplelist { overflow : hidden; _height : 1%; }

#peoplelist:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#peoplelist h3 {
	clear: left ;
}

#peoplelist img {
	border: 3px solid #4D7484 ;
	float: left ;
	margin-right: 10px ;
	margin-bottom: 10px;
}