@charset "utf-8";
/* CSS Document */

html, body        {
                    margin: 0;
                    padding: 0;
                  }
body              {
                    color: #000000;
                    text-align: center;
                    background-color: #3380b8;
                    font: normal 14px Arial, Helvetica, sans-serif;
                    border-width: 0px; 
                  }
.mainsale1        { font-size: 18px; font-weight: normal; text-align: center }

a:link            { color: #B2682B; font-weight: bold; text-decoration: none } 
a:visited         { color: #B2682B; font-weight: bold; text-decoration: none }
a:active          { color: #800000; font-weight: bold; text-decoration: underline }
a:hover           { color: #800000; font-weight: bold; text-decoration: underline }

a.js:link         { color: #B2682B; font-weight: bold; text-decoration: none } 
a.js:visited      { color: #B2682B; font-weight: bold; text-decoration: none }
a.js:active       { color: #800000; font-weight: bold; text-decoration: underline }
a.js:hover        { color: #800000; font-weight: bold; text-decoration: underline }

div.clickhere1    { font-size: 14px; font-weight: bold; text-align: center  }
div.clickhere2    { font-size: 16px; font-weight: bold }
div.house1        { font-size: 24px; font-weight: bold; font-variant: small-caps; color: #3380b8 }
div.house2        { font-size: 18px; font-weight: normal; font-variant: small-caps; color: #3380b8 }
div.location1     { font-size: 13px; font-weight: bold }
div.location2     { font-size: 13px; font-weight: normal }
div.locationtime1 { font-size: 14px; font-weight: normal; text-align: center }
div.maindate      { font-size: 18px; font-weight: bold }
div.mainsale      { font-size: 24px; font-weight: bold }
div.mainhead1     { font-size: 24px; font-weight: bold }
div.mainhead2     { font-size: 18px; font-weight: bold }
div.return1       { font-size: 16px; font-weight: bold }
div.session1      { font-size: 14px; font-weight: bold }
div.session2      { font-size: 14px; font-weight: normal; font-style: italic }
div.tochead1      { font-size: 24px; font-weight: bold; text-align: center  }
div.viewing1      { font-size: 13px; font-weight: bold }
div.viewing2      { font-size: 13px; font-weight: normal }

h1.mainhead1      { font-size: 24px; font-weight: bold; text-align: center }

hr.bottom1        { color: #666666; width: 90% }

img.pic           { vertical-align: -30%; border: 0; }

p.bottomnav1      { font-size: 14px; font-weight: bold; font-variant: small-caps }
p.bottomnav2      { font-size: 12px; font-weight: normal }
p.intro1          { font-size: 16px; font-weight: bold; font-style: italic; text-align: center }
p.lastmod         { font-size: 12px; font-weight: normal }
p.subhead         { text-align: center; font-size: 16px; font-weight: bold; text-decoration: none; }
p.success         { font-size: 14px; font-weight: bold; text-align: left; color: #006600; }
p.terms           { text-align: justify; font-size: 14px; }

span.interasia    { color: #3380b8; font-weight: bold; }
span.intro        { color: #3380b8; font-weight: bold; font-size: 15px; }
span.pipe         { margin: 0 3px; padding: 0; color:#333; }

table.contact     {
                    background-color: #ffffff;
                    border-collapse: collapse;
                    width: 720px;
                  }
table.footer      { margin: 0; padding: 0; width: 960px; height: 40px; text-align: center; font-size: 10px; background-color: #000000; border-top: 1px solid #cc9933; }
table.innerframe  {
                    background-color: #ffffff;
                    border-collapse: collapse;
                    table-layout: fixed;
                    width: 764px;
                    height: 640px;
                  }
table.innerlots   { background-color: #ffffff;
                    border-collapse: collapse;
                    width: 720px;
                  }
table.logo        {
                    width: 800px;
                    background-color: #ffffff;
                    border-collapse: collapse;
                  }
table.main        {
                    width: 800px;
                    background-color: #ffffff;
                    border-collapse: collapse;
                  }
table.menu        { width: 650px; border-collapse: collapse; border: 1px solid #ffffff; text-align: center; } 


td.about_web1     { font-size: 12px; font-weight: normal; text-align: right; }
td.about_web2     { font-size: 12px; font-weight: normal; text-align: left; }
td.bid_presale    { font-size: 16px; font-weight: bold; text-align: left; vertical-align: top; }
td.chaphead1      { font-size: 16px; font-weight: bold; text-align: center; }
td.chaphead2      { font-size: 16px; font-weight: bold; text-align: center; }
td.chaphead3      { font-size: 16px; font-weight: bold; text-align: center; }
td.chaptitle1     { font-size: 20px; font-weight: bold; text-align: center; }
td.footer         { font-size: 10; color: #ffffff; }
td.form_col_l     { text-align: right; vertical-align: middle; padding-right: 8px; }
td.form_col_lr    { text-align: right; vertical-align: middle; padding-right: 8px; color: #ff0000; }
td.form_col_r     { text-align: left; vertical-align: middle; }
td.glossary_col_c { text-align: center; vertical-align: top; }
td.glossary_col_l { text-align: left; vertical-align: top; }
td.glossary_col_r { text-align: right; vertical-align: top; }
td.listhead1      { font-size: 16px; font-weight: bold; text-align: left; }
td.listhead2      { font-size: 16px; font-weight: bold; text-align: left; color: #808080 }
td.logo1          { font-size: 24px; font-weight: bold; text-align: left; font-family: AGaramond, Times New Roman, Times, serif; }
td.logo2          { font-size: 16px; font-weight: bold; text-align: left; font-family: AGaramond, Times New Roman, Times, serif; }
td.logo3          { font-size: 12px; font-weight: normal; text-align: left; font-style: italic; font-family: AGaramond, Times New Roman, Times, serif; }
td.lot            { text-align: left; vertical-align: top; }
td.lotno          { text-align: center; vertical-align: center; width: 70px }
td.lotphoto       { text-align: center; vertical-align: middle; }
td.lottext        { text-align: left; vertical-align: top; }
td.lotvalue       { text-align: right; vertical-align: top; }
td.mainhead1      { font-size: 24px; font-weight: bold; text-align: center; }
td.mainhead2      { font-size: 18px; font-weight: bold; text-align: center; }
td.mainsale1      { font-size: 24px; font-weight: bold; text-align: center }
td.menu           { text-align: center; background-color: #3380b8; border-left: 1px solid #cc9933; border-collapse: collapse; }
td.next           { width: 80px; vertical-align: top;  }
td.obid           { text-align: left; vertical-align: top; font-weight: bold; }
td.prev           { width: 100px; vertical-align: top; }
td.schedule1      { text-align: right; margin-right: 16px; font-size: 16px; }
td.schedule2      { text-align: center; font-size: 16px; }
td.schedule3      { text-align: left; margin-left: 16px; font-size: 16px; }
td.schedule1b     { text-align: right; margin-right: 16px; font-size: 16px; font-weight: bold; color: #3380b8; }
td.schedule2b     { text-align: center; font-size: 16px; font-weight: bold; color: #3380b8; }
td.schedule3b     { text-align: left; margin-left: 16px; font-size: 16px; font-weight: bold; color: #3380b8; }
td.search_left    { text-align: left; vertical-align: top; font-weight: bold; white-space: nowrap; width: 100px; }
td.search_pages   { vertical-align: middle; }
td.search_right   { text-align: right; vertical-align: top; font-weight: normal; width: 180px; }
td.session1       { text-align: left; vertical-align: top; font-size: 18px; font-weight: bold; color: #3380b8; }
td.session2       { text-align: left; vertical-align: top; font-size: 16px; font-weight: normal; }
td.tochead2       { font-size: 16px; font-weight: bold; text-align: left; }
td.toc_lots       { text-align: right; vertical-align: top; width: 141}
td.tochead1       { font-size: 24px; font-weight: bold; text-align: center; }
td.unsold         { text-align: left; vertical-align: top; }

.next a           { font-weight: bold; margin:0 3px; }
.next a.enabled   { cursor: pointer; }
.next a.disabled  { color: #666; }
.prev a           { font-weight: bold; margin:0 3px; }
.prev a.enabled   { cursor: pointer; }
.prev a.disabled  { color: #666; }

.terms-numbers    { color: #3380b8; font-size: 18px; font-weight: bold; }
.terms-letters    { color: #3380b8; font-weight: bold; }



table.sb {
background-color: #000000;
font-family: Arial, Helvetica, sans-serif;
}

table.sbi {
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
}

td.sb {
background-color: #000000;
font-family: Arial, Helvetica, sans-serif;
}

td.sbi {
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
}




/* Menu */

#menu {
	width: 650px;
        height: 30px;
	margin: 0 auto;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	padding: 0;
	display: inline;
	background: none;
}


#menu a {
	display: block;
	float: left;
	height: 25px;
	padding: 12px 30px 0 30px;
	font-size: 12px;
	text-decoration: none;
        color: #FFD700;
	font-weight: bold;
        border-right: 1px solid #ffffff;
}


#menu a:visited, active {
	background: #3380b8;
	text-decoration: none;
	color: #FFD700;
}

#menu a:hover {
	background: #b0e0e6;
	text-decoration: none;
	color: #000000;
}


#menu b {
	text-decoration: underline;
}

.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background: #3380b8;
}






/* ######### Default class for drop down menus ######### */

.anylinkcss{
position: absolute;
left: -10;
top: 0;
visibility: hidden;
margin-top: 2;
margin-left: -2;
border: 0;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #3380b8;
width: 180px; /* default width for menu */
filter: alpha(opacity=100);
}

.anylinkcss ul{
margin: 0;
margin-left: -15;
padding: 0;
filter: alpha(opacity=100);
list-style: none;
list-style-type: none;
list-style-position: inside;
background-color: #3380b8;
}

.anylinkcss ul li a{
width: 99%;
display: block;
font: normal 12px Arial, Helvetica, sans-serif;
text-indent: 30px;
border: 1px solid #ffffff;
border-top: 0;
padding: 5px 0px 10px 0px;
text-decoration: none;
font-weight: bold;
filter: alpha(opacity=100);
list-style: none;
list-style-type: none;
list-style-position: inside;
background-color: #3380b8;
}

.anylinkcss a {
background: #3380b8;
color: #FFD700;
filter: alpha(opacity=100);
}

.anylinkcss a:hover{ /*hover background color*/
background: #b0e0e6;
color: #000000;
filter: alpha(opacity=100);
}


/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkcsscols{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 0;
font: normal 10px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #3380b8;
}

.anylinkcsscols .column{
width: 130px;
float: left;
}

.anylinkcsscols .column ul{
margin: 0;
padding: 0;
}

.anylinkcsscols li{
padding-bottom: 3px;
}



/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}



/* ######### FIX per hspace ######### */

img[align="right"] {
margin: 0 0 10px 10px;
display: inline;
}

img[align="left"] {
margin: 0 10px 10px 0;
display: inline;
}



.navigation li a:hover, .subnavigation li a:hover, .main_nav_active, .sub_nav_active   
                 {
	           color: #ffffff;
	           background-color: #3380b8;
	           cursor: pointer;
                 }


.main_nav_active a, .sub_nav_active a 
                 {
	           background-color: #b0e0e6;
	           color: #000000;
                 }

#menuBar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: relative;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	height: 30px;
}

#menuBar ul {
	padding: 0px;
	margin: 0px;
}

#menuBar .navigation li {
	background-color: #3380b8;
	position:relative;
	height: 30px;
	text-align:center;
	list-style:none;
	list-style-position: outside;
	float: left;
	width: 120px;
	border-right: 1px solid #ffffff;
}

#menuBar .navigation  li a {
	display: block;
	height: 30px;
	width: 120px;
}

#menuBar .navigation li a:hover, .subnavigation li a:hover, .main_nav_active, .sub_nav_active {
	color: #ffffff;
	background-color: #3380b8;
	cursor: pointer;
}

#menuBar .navigation li a:hover, .subnavigation li a:hover {
	color: #000000;
	background-color: #b0e0e6;
	cursor: pointer;
}

#menuBar .navigation .singleline {
	text-decoration: none;
	line-height: 30px;
	color: #FFD700;
}

#menuBar .navigation .doubleline {
	line-height: 14px;
	text-decoration: none;
	color: #FFD700;
}

#menuBar .navigation li.first {
	border-left: 1px solid #ffffff;
}

#menuBar .subnavigation {
	clear: both;
	list-style: none;
	position: absolute;
	left: -1px;
	background-color: #3380b8;
	display:none;
}

#menuBar .show {
	display: block;
}

#menuBar .subnavigation li {
	width: 120px;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}
#menuBar .subnavigation li.first {
	border-top: 1px solid #ffffff;
}

#menuBar .subnavigation li.firstActive {
	border-top: 1px solid #ffffff;
}

#menuSpacer {
	height: 92px;
}