body, table, tr, td, p, select, input, textarea { font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 130%; }
table   { width: 100%; border-collapse: collapse; }
form, table, tr, td, th, p, div, span { margin: 0px; padding: 0px; }
input, select, textarea { color: blue; background-color: #fffff9; }
input.text, input.text_small, input_text_tiny, select, textarea { padding: 0px 0px 0px 5px; }
td      { text-align: left; vertical-align: top; }
img     { margin: 0px; padding: 0px; border: none; }
a:link, a:active, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; color: #ff0000; }
i       { font-style: normal; color:#DE530A; }
b       { font-weight: bold; }
ul      { padding: 0px 0px 0px 15px; margin: 0px; }

/* body */
body    { padding: 0px; margin: 0px; margin-top: 5px; text-align: center; }
/*body    { background-image: url( images/background.gif );  color: #555555; }*/
body    { background-image: url( images/background.gif );}
div.body{ width: 800px; margin-left: auto; margin-right: auto; text-align: left; background: #ffffff; }

/* general */
.open   { background-repeat: no-repeat; }
.body   { background-repeat: repeat-y; }
.close  { background-repeat: no-repeat; }

.hopen  { background-repeat: no-repeat; }
.hbody  { background-repeat: repeat-x; }
.hclose { background-repeat: no-repeat; }

.select_stmt    {
	width: 120px;
	color: #CCCCCC;
	background-color: #fcfcfc;
	border:1px solid #bdc7d8;
	padding: 2px;
	margin: 1px;
}
.attr   { font-weight: bold; }
.value  { }

a:link.bar,
a:visited.bar,
a:active.bar,
a:hover.bar { color: green; background-color: #ffffee; text-decoration: underline; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; text-decoration: none; }
a:hover.bar { color: red; }

div.spacer      { line-height: 0px; font-size: 0px; }
div.box_title   { font: bold 130% "Arial Black"; color: #fc852f; }
div.sub_title   { font: bold 150% Verdana; color: green; }
div.small_title { font: bold 110% Verdana; }
div.notice      { }
div.hr          { height: 15px; background-image: url( images/hr1.gif ); background-position: center center; background-repeat: repeat-x; }
div.hr1         { height: 15px; background-image: url( images/hr1.gif ); background-position: center center; background-repeat: repeat-x; }
div.hr2         { height: 15px; background-image: url( images/hr2.gif ); background-position: center center; background-repeat: repeat-x; }
div.hidden      { visibility: hidden; position: absolute; top: 0px; left: 0px; z-index: -1; }

img.pic { border: 1px solid #f5f5f5; padding: 4px; background-color: white; }

/* box tables */
table.top           { width: 800px; }
table.top td.open   { height: 100px; background-image: url( images/top_open.gif ); }
table.top td.body   { background-image: url( images/top_body.gif ); }
table.top td.close  { height: 50px; background-image: url( images/top_close.gif ); }
table.top td.open   { padding: 0px; }
table.top td.body   { padding: 10px; }
table.top td.close  { padding: 0px; vertical-align: middle; }

table.page_bar              { width: auto; height: 28px; }
table.page_bar td.hopen     { width: 35px; background-image: url( images/page_bar_open.gif ); }
table.page_bar td.hbody     { background-image: url( images/page_bar_body.gif ); }
table.page_bar td.hclose    { width: 20px; background-image: url( images/page_bar_close.gif ); }
table.page_bar td.hopen     { padding: 0px; }
table.page_bar td.hbody     { padding: 0px 5px 0px 5px; color: yellow; font-family: "Arial Black", Arial, sans-serif; font-size: 18px; vertical-align: middle; }
table.page_bar td.hclose    { padding: 0px; }

table.menu              { width: auto; height: 30px; }
table.menu td.hopen     { width: 23px; background-image: url( images/menu_open.gif ); }
table.menu td.hbody     { background-image: url( images/menu_body.gif ); }
table.menu td.hclose    { width: 26px; background-image: url( images/menu_close.gif ); }
table.menu td.hopen     { padding: 0px; }
table.menu td.hbody     { padding: 0px; color: yellow; font-family: "Arial Black", Arial, sans-serif; font-size: 14px; vertical-align: middle; text-align: right; }
table.menu td.hclose    { padding: 0px; }
table.menu a:link,
table.menu a:active,
table.menu a:visited    { text-decoration: none; color: white; }
table.menu a:hover      { text-decoration: underline; }
table.menu a:link.current,
table.menu a:active.current,
table.menu a:visited.current    { text-decoration: none; color: yellow; }
table.menu a:hover.current      { text-decoration: underline; }

table.category              { width: 100%; height: 24px; }
table.category td.hopen     { width: 30px; background-image: url( images/category_open.gif ); }
table.category td.hbody     { background-image: url( images/category_body.gif ); }
table.category td.hclose    { width: 20px; background-image: url( images/category_close.gif ); }
table.category td.hopen     { padding: 0px; }
table.category td.hbody     { padding: 0px; vertical-align: middle; text-align: right; }
table.category td.hclose    { padding: 0px; }
table.category a:link,
table.category a:active,
table.category a:visited    { text-decoration: none; }
table.category a:hover      { text-decoration: underline; }
table.category a:link.current,
table.category a:active.current,
table.category a:visited.current    { text-decoration: none; color: #fc852f; font-weight: bold; }
table.category a:hover.current      { text-decoration: underline; }

table.box1              { width: 780px; }
table.box1 td.open      { height: 15px; background-image: url( images/box1_open.gif ); }
table.box1 td.body      { background-image: url( images/box1_body.gif ); }
table.box1 td.close     { height: 15px; background-image: url( images/box1_close.gif ); }
table.box1 td.open      { padding: 0px; }
table.box1 td.body      { padding: 0px 10px 0px 10px; }
table.box1 td.close     { padding: 0px; }

table.box2              { width: 250px; }
table.box2 td.open      { height: 15px; background-image: url( images/box2_open.gif ); }
table.box2 td.body      { background-image: url( images/box2_body.gif ); }
table.box2 td.close     { height: 15px; background-image: url( images/box2_close.gif ); }
table.box2 td.open      { padding: 0px; }
table.box2 td.body      { padding: 0px 10px 0px 15px; }
table.box2 td.close     { padding: 0px; }

table.box3              { width: 510px; }
table.box3 td.open      { height: 15px; background-image: url( images/box3_open.gif ); }
table.box3 td.body      { background-image: url( images/box3_body.gif ); }
table.box3 td.close     { height: 15px; background-image: url( images/box3_close.gif ); }
table.box3 td.open      { padding: 0px; }
table.box3 td.body      { padding: 0px 10px 0px 15px; }
table.box3 td.close     { padding: 0px; }

/* featured listing */
div.featured td.name            { font: bold 11px Verdana; padding-top: 10px; padding-bottom: 10px; }
div.featured td.price           { color: #fc852f; font: bold 130% Verdana; }
div.featured td.catch_phrase    { color: #1166cc; }
div.featured td.image           { }
div.featured img.pic            { width: 140px; height: 105px; }

div.featured_1 td.price         { color: #1166cc; font: bold 130% Verdana; }
div.featured_1 td.catch_phrase  { color: #999999; }
div.featured_1 td.agent_name    { color: #1166cc; font: bold 110% Verdana; }
div.featured_1 td.job_title     { color: #999999; font: bold 100% "Arial Black"; }
div.featured_1 td.phone         { padding: 10px 0px 0px 0px; }
div.featured_1 td.email         { padding: 10px 0px 0px 0px; vertical-align: text-bottom; }
div.featured_1 td.image         { width: 100px; }
div.featured_1 div.slideshow    { width: 80px; height: 60px; border: 1px solid #bdc7d8; padding: 4px; background-color: #ffffff;  }
div.featured_1 img.pic          { width: 80px; height: 60px; }
div.featured_1 img.agent_pic    { width: 80px; height: auto; }
div.featured_1 div.listed_by    { color: green; background-color: #ffffff; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; text-align: center; margin: 20px 0px 20px 0px; }

/* agent list */
div.agent_list td.name          { color: #1166cc; font: bold 150% Verdana; }
div.agent_list td.job_title     { color: #999999; font: bold 110% "Arial Black"; }
div.agent_list td.intro         { font-style: italic; }
div.agent_list td.image         { width: 150px; }
div.agent_list img.pic          { width: 120px; }

/* listings list & listing detail */
div.pagination                  { font: normal 11px Verdana; text-align: right; padding: 3px 0px 3px 0px; margin-bottom: 20px; }
div.pagination a:link,
div.pagination a:active,
div.pagination a:visited        { text-decoration: none; border: 1px solid #bdc7d8; padding: 2px 15px 2px 15px; background-color: #f9f9f9; color: #000099; }
div.pagination a:hover          { background-color: #ffffff; color: #ff0000; }
div.pagination a:link.current,
div.pagination a:active.current,
div.pagination a:visited.current{ border: 2px solid #bdc7d8; background-color: #ffffff; color: #ff0000; }
div.pagination a:hover.current  { }

div.listings td.name        { color: #1166cc; font: bold 150% Verdana; }
div.listings td.price       { color: #fc852f; font: bold 130% Verdana; }
div.listings td.listed_by   { }
div.listings td.short_desc  { padding: 0px; color: #999999; }
div.listings td.image       { width: 170px; }
div.listings img.pic        { width: 150px; }
div.listings div.sold       { position: absolute; z-index: 10; visibility: visible; margin: 0px 0px 0px 550px; }

div.detail div.sold         { position: absolute; z-index: 10; visibility: visible; margin: 0px 0px 0px 550px; }
div.detail img.pic          { width: 160px; }
div.detail div.images       { }
div.detail div.images img   { margin: 10px 10px 0px 0px; vertical-align: top; }
div.detail div.long_desc    { }

    /* listing_summary */
div.detail td.image         { width: 25%; }
div.detail td.basic_info    { width: 25%; }
div.detail td.features      { width: 25%; }
div.detail td.menu          { width: 25%; }

/* Mortgage Calculator */
div.mortgage_calculator     { width: 380px; margin: 0px; padding: 0px; }
div.mortgage_calculator     { background-color: #f5f5f5; }
div.mortgage_calculator td.attr             { width: 190px; text-align: right; padding-right: 10px; vertical-align: middle;  }
div.mortgage_calculator td.value            { text-align: left; vertical-align: middle; }
div.mortgage_calculator input               { color: blue; background-color: #ffffee; border: none; padding-left: 5px; }
div.mortgage_calculator input.button        { color: #005500; background-color: #ffeedd; border: 1px solid #cccccc; font-weight: bold; }
div.mortgage_calculator input.button        { font-size: 14px; padding: 3px 5px 3px 5px; margin: 10px 0px 10px 0px; }
div.mortgage_calculator input.button_hover  { color: white; background-color: red; }

/* Tell your friend */
div.tell_your_friend        { width: 100%; margin: 0px; padding: 0px; }
div.tell_your_friend td                     { padding: 5px 0px 0px 0px; }
div.tell_your_friend td.attr                { width: 190px; text-align: right; padding-right: 10px; font-weight: bold; }
div.tell_your_friend td.value               { text-align: left; }
div.tell_your_friend input,
div.tell_your_friend textarea               { color: blue; background-color: #ffffff; border: 1px solid #f5f5f5; padding-left: 5px; }
div.tell_your_friend input.text,
div.tell_your_friend textarea.text          { width: 400px; padding: 3px 0px 3px 0px; }
div.tell_your_friend input.button           { color: #005500; background-color: #ffeedd; border: 1px solid #cccccc; font-weight: bold; }
div.tell_your_friend input.button           { font-size: 14px; padding: 3px 15px 3px 15px; margin: 0px; }
div.tell_your_friend input.button_hover     { color: white; background-color: red; }

/* Ask Agent */
div.ask_agent               { width: 100%; margin: 0px; padding: 0px; }
div.ask_agent td                            { padding: 5px 0px 0px 0px; }
div.ask_agent td.attr                       { width: 190px; text-align: right; padding-right: 10px; font-weight: bold; }
div.ask_agent td.value                      { text-align: left; }
div.ask_agent input,
div.ask_agent textarea                      { color: blue; background-color: #ffffff; border: 1px solid #f5f5f5; padding-left: 5px; }
div.ask_agent input.text,
div.ask_agent textarea.text                 { width: 400px; padding: 3px 0px 3px 0px; }
div.ask_agent input.button                  { color: #005500; background-color: #ffeedd; border: 1px solid #cccccc; font-weight: bold; }
div.ask_agent input.button                  { font-size: 14px; padding: 3px 15px 3px 15px; margin: 0px; }
div.ask_agent input.button_hover            { color: white; background-color: red; }

/* Print Listing */
div.print_listing           { width: 360px; height: 310px; margin: 0px; padding: 0px; border: 2px solid #bdc7d8; }
div.print_listing           { line-height: 150%; background-color: #ffffff; }
div.print_listing input                     { color: blue; background-color: #ffffff; border: 1px solid #f5f5f5; padding-left: 5px; }
div.print_listing input                     { width: 100%; }
div.print_listing input.button              { color: #005500; background-color: #ffeedd; border: 1px solid #cccccc; font-weight: bold; }
div.print_listing input.button              { font-size: 14px; padding: 2px 5px 2px 5px; margin: 0px; }
div.print_listing input.button_hover        { color: white; background-color: red; }

/* google map */
div.map_container   { }
div.map_area        { border: 1px solid #cccccc; width: 100%; height: 300px; overflow: auto; }
div.map_attribution { text-align: right; color: #444444; font-size: 9px; }
div.google_map_info { }
div.google_map_info table.table { width: 250px; }
div.google_map_info table.table td.image { width: 70px; vertical-align: middle; }
div.google_map_info table.table td.image img { width: 60px; height: 45px; padding: 3px; border: 1px solid #f5f5f5; }
div.google_map_info span.price          { font-weight: bold; color: #fc852f; }
div.google_map_info span.address        { }
div.google_map_info span.catch_phrase   { color: #0000ff; }
div.google_map_info a:link,
div.google_map_info a:active,
div.google_map_info a:visited   { font-size: 9px; text-decoration: underline; color: #008000; }
div.google_map_info a:hover     { font-size: 9px; text-decoration: underline; color: #ff0000; }

/* footer */
div.bizinfo { text-align: center; font-size: 10px; }
div.it747   { text-align: center; font-size: 10px; }

/* Temporary */
div.tmp         { }
div.tmp_title   { color: #1166cc; font: bold 150% Verdana; }
div.tmp_box     { border: 1px solid #bdc7d8; padding: 10px; background-color: #f9f9f9; }
div.tables      { margin-left: auto; margin-right: auto; border: 1px solid #bdc7d8; padding: 2px; width: 60%; height: auto; background-color: #f9f9f9; }

/* vim: set expandtab sw=4 ts=4 sts=4: */