* {
  font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; 
}

ul {
  list-style-type: square;
}

a {
  color: #AE0000;
}

a:hover {
  color: #FF0000;
}

dl dt {
  font-weight: bolder;
}

body {
  background: url('design/bg.png') scroll repeat-x #1D4562;
  text-align: center;
  padding: 0;
  margin: 0;
}

div#page {
  width: 860px;
  margin: 16px auto;
  text-align: justify;
}

div#header {
  background: url('design/header_img.png') scroll no-repeat right bottom;
  height: 217px;
}

div#header h1 {
  padding-top: 121px;
}

div#header h1 a {
  float: left;
  display: block;
  width: 512px;
  height: 96px;
  background: url('design/header.png') scroll no-repeat;
}

div#header h1 span {
  display: none;
}


div#header div.motto {
  text-align: right;
  font-weight: bolder;
  font-style: italic;
  font-size: 20px;
  padding-top: 100px;
  padding-right: 24px;
  color: #FFFFFF;
}


div.menu {
  clear: both;
}

div.menu ul {
  margin: 0;
  padding-left: 24px;
  list-style-type: none;
  background: url('design/menu_bg.png') scroll repeat-x #004670;
  height: 51px;
}

div.menu ul li.selected,
div.menu ul li.selected:hover {
  background: url('design/menu_item_sel.png') no-repeat;
}

div.menu ul li {
  float: left;
  width: 152px;
  background: url('design/menu_item.png') no-repeat;
  text-align: center;
  font-size: 15px;
  margin-top: 6px;
  margin-right: 8px;
}

div.menu ul li:hover,
div.menu ul li.hover {
  background: url('design/menu_item_sel.png') no-repeat;
}

div.menu ul li a {
  padding-top: 6px;
  display: block;
  font-weight: bolder;
  text-decoration: none;
  color: #000000;
  height: 33px;
}

div.menu ul li a:hover {
  color: #000000;
}

div#content {
  clear: both;
  padding: 8px 24px;
  font-size: 13px;
  background: url('design/footer.png') no-repeat bottom #FFFFFF;
}

div.cleaner {
  font-size: 0;
  clear: both;
}

div#footer {
  color: #FFFFFF;
  font-size: 11px;
  margin-top: 8px;
  margin-bottom: 8px;
}

div#footer div.footer_links {
  text-align: right;
  padding-right: 12px;
}

div#footer a {
  color: #FFFFFF;
  text-decoration: none;
}

div#footer a:hover {
  text-decoration: underline;
}

div.search {
  background: url('design/search_bg.png') repeat-x  bottom #FFF9D6;
  border: 1px solid #B5B5B5;
  font-size: 12px;
}

div.search form {
  padding: 0;
  margin: 0;
}

div.search fieldset {
  border: none;
}

div.search fieldset legend {
  display: none;
}

div.search fieldset label {
  text-align: right;
  display: block;
  margin-left: 16px;
}

div.search form select.long {
  width: 100%;
}

div.search table {
  border: none;
  width: 100%;
}

div.search table td.search_btn {
  vertical-align: bottom;
  text-align: right;
  width: 120px;
}

div.search table td.search_btn input {
  background: url('design/search.png');
  width: 80px;
  height: 80px;
  border: none;
  cursor: pointer;
  font-weight: bolder;
  font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
}

div.search form {
  margin: 4px;
}

a.help {
  padding: 1px 8px;
  background-color: #F5EDA2;
  border: 1px solid #B5B5B5;
  text-decoration: none;
  font-weight: bolder;
  color: #897C0F;
}

a.help span {
  float: left;
  font-weight: normal;
  position: absolute;
  visibility: hidden;
  z-index: 1000;
  display: block;
  width: 300px;
  border: 1px solid #002940;
  background-color: #F5EDA2;
  font-size: 12px;
  padding: 2px;
  color: #000000;
  line-height: 1;
  text-decoration: none;
}

a.help:hover {
  color: #000000;
}

a.help:hover span {
  visibility: visible;
}

div.paging {
  margin: 16px 0;
}

div.detail img {
  border: none;
  margin: 8px;
}

div.detail h2 {
  margin-bottom: 0;
}

div.detail div.number {
  color: #000000;
  margin-bottom: 1ex;
  font-weight: bolder;
}

div.detail div.number span {
  font-weight: normal;
  color: #404040;
}

div.detail div.number a {
  font-size: 10px;
  padding: 0px 5px;
}

div.detail div.number a span {
  color: #000000;
}

div.detail div.links img {
  border: 0;
}

div.detail div.links {
  text-align: center;
  padding: 8px;
}

div.detail div.info {
  float: left;
  padding: 8px 16px;
  width: 550px;
}


div.detail div.photos {
  float: left;
  text-align: center;
  padding: 16px;
  background: url('design/search_bg.png') repeat-x  bottom #FFF9D6;
  border: 1px solid #B5B5B5;
  margin: 16px 0 16px 16px;
}

div.reality_item img {
  border: 0;
}

div.reality_item {
   margin-bottom: 16px;
   font-size: 13px;
   border: 1px solid #B5B5B5;
}

div.reality_item div.padding {
  background: url('design/item_bg.png') repeat-x #C0D8FF;
  padding: 8px;
}

div.reality_item div.photo {
  float: left;
  margin-right: 8px;
  margin-bottom: 4px;
}

div.reality_item div.info {
  padding-bottom: 4px;
  text-align: left;
}

div.reality_item div.info div {
  height: 1%;
}

div.reality_item div.number {
  color: #808080;
  font-style: italic;
  font-weight: bolder;
}

div.reality_item div.number span {
  font-weight: normal;
}

div.reality_item div.description {
  clear: both;
  padding-top: 4px;
  border-top: 1px solid #AABBD6;
}

div.reality_item div.description p {
  margin: 0;
}


div.reality_item div.links {
  clear: both;
  background-color: #2388BF;
  text-align: right;
  padding: 2px 8px;
  color: #FFFFFF;
}

div.reality_item div.links a {
  color: #FFFFFF;
  text-decoration: none;
}

div.reality_item div.links a:hover {
  color: #FFFF00;
}

h1 {
  margin: 0;
  font-size: 120%;
}

div.mail {
  border: 1px solid #B5B5B5;
  background: url('design/search_bg.png') scroll repeat-x #EEE5AD top;
  float: right;
  width: 270px;
}

div.mail fieldset {
  border: none;
}

div.mail legend {
  color: #000000;
  display: block;
  text-align: center;
  font-size: 18px;
  padding: 0;
  margin: 0;
}

div.mail label {
  font-weight: bolder;
}

div.mail input.btn {
  width: 100%;
  font-weight: bolder;
}

div.mail textarea,
div.mail input {
  width: 200px;
  font-size: 12px;
}

div.detail div.description {
  margin: 4ex 0;
}

div.detail div.seller span {
  font-weight: bolder;
}

div.status {
  position: absolute;
  z-index: 10;
  width: 84px;
  height: 84px;
}

div.status a {
  display: block;
  width: 84px;
  height: 84px;
  text-decoration: none;
}

div.new {
  background: url('design/status_new.png') no-repeat;
}

div.reserved {
  background: url('design/status_reserved.png') no-repeat;
}

div.sold {
  background: url('design/status_sold.png') no-repeat;
}

div.seller_contact_form {
  border: 1px solid #B5B5B5;
  padding: 8px;
  margin: 2ex 0;
  background: url('design/item_bg.png') repeat-x #C0D8FF;
}

div.seller_contact_form form {
  margin: 0;
}

div.seller_contact_form dl dt {
  font-weight: bolder;
  margin: 2px 0;
}

div.seller_contact_form dl dd {
  margin: 4px 0;
}

div.seller_contact_form dl {
  margin: 1ex 0;
}

div.seller_contact_form p {
  margin: 0;
}

div.seller_contact_form dl input {
  width: 520px;
  font-size: 12px;
}

div.seller_contact_form dl textarea {
  width: 520px;
  font-size: 12px;
  height: 54px;
}

div.counter {
  height: 14px;
  margin-top: 8px;
  text-align: right;
}


ul.keywords {
  list-style-type: none;
  float: right;
  clear: both;
  padding: 0;
  margin: 24px 0;
  font-size: 11px;
}

ul.keywords li.last {
  border-right: none;
}

ul.keywords li {
  float: left;
  border-right: 1px solid #808080;
  padding: 0 4px;
}

ul.keywords li a {
  color: #000000;
  font-weight: bolder;
  text-decoration: none;
}

ul.keywords li a:hover {
  text-decoration: underline;
}

