div {
  xborder: 1px red dotted;
}



* {
  margin: 0;
  padding: 0;
}
html {
  width: 100%;
  height: 100%;
}
body {
  font: 11px 'Lucida Grande', Verdana, sans-serif; /**/
  padding: 10px 0px 10px 10px;
  line-height: 1.7em;
}
.container {
  width: 990px;
}
input, select, option, textarea, button {
  font: 11px 'Lucida Grande', Verdana, sans-serif; /**/
}
optgroup {
}
option {
  padding: 3px;
}
optgroup option {
  padding: 3px 0 3px 15px;
}
a {
  text-decoration: none;
  color: navy;
}
a:hover {
  text-decoration: underline;
}
.clear {
  clear: both;
}




/* header */
#header {
  height: 115px;
}
#header #logotype {
  position: relative;
}
#header #logotype h1 {
  position: absolute;
  left: 13px;
  font-size: 10%;
}
#header #logotype img {
  position: absolute;
  z-index: 2;
  border: 0;
}
#header #logotype span {
  position: absolute;
  z-index: 1;
  width: 300px;
  height: 110px;
  overflow: hidden;
}


/* top line */
#top-line-bg {
  background: #D22300 url('../images/top-line-bg.gif') top left repeat-x;
}
#top-line-addendum {
  background-image: url('../images/top-line-left.gif');
  background-repeat: no-repeat;
  background-position: left top;
}
#top-line-container {
  width: 100%;
  height: 35px;
  background-image: url('../images/top-line-right.gif');
  background-repeat: no-repeat;
  background-position: right top;
}
#top-line-container div.insert-advert {
  float: right;
  /* width: 200px; */
  padding: 8px 20px 0 20px;
  background-image: url('../images/arrow.gif');
  background-repeat: no-repeat;
  background-position: 2px 12px;
}
.insert-advert a {
  color: white;
  text-decoration: none;
  font-weight: bold;
}
.insert-advert a:hover {
  text-decoration: underline;
}


/* breadcrumb */
#breadcrumb {
  height: 44px;
  font-size: 10px;
}
#breadcrumb li {
  float: left;
  list-style-type: none;
  padding: 10px 0 0 10px;
}
#breadcrumb li a {
  margin: 0 0 0 10px;
  color: #424242;
}
#breadcrumb li b {
  margin: 0 0 0 10px;
}


/* layput */
#left-column {
  float: left;
  width: 160px;
}
#right-column {
  float: right;
  width: 800px;
/*  background-color: rgb(240, 240, 240);
*/
}


/* navi panel */
.navi-panel {
  margin: 0 0 20px 0;
  background-color: #FFF7CE;
}
.navi-panel .top-line-bg {
  background: #FF012B url('../images/navi-panel-top-left.gif') top left no-repeat;
}
.navi-panel .top-line-addendum {
  width: 100%;
  height: 7px;
  background-image: url('../images/navi-panel-top-right.gif');
  background-repeat: no-repeat;
  background-position: top right;
  _font-size: 0px;
}
.navi-panel .content {
  padding: 15px 0px 15px 20px;
}
.navi-panel .bottom-line-bg {
  background: #FFF7CE url('../images/navi-panel-bottom-left.gif') top left no-repeat;
}
.navi-panel .bottom-line-addendum {
  width: 100%;
  height: 7px;
  background-image: url('../images/navi-panel-bottom-right.gif');
  background-repeat: no-repeat;
  background-position: top right;
  _font-size: 0px;
}


/* navi content */
.navi-panel ul {
   margin: 0 0 0 10px;
   font-size: 11px;
}
.navi-panel li a {
  border-bottom: 1px dotted blue;
}
.navi-panel li a:hover {
  border-bottom: 1px solid blue;
  text-decoration: none;
}
.navi-panel li.selected {
  font-weight: bold;
}
.panel-headline .top-line-addendum {
  height: 28px;
}
.panel-headline .top-line-addendum h3 {
  padding: 5px 0 0 20px;
  font-size: 12px;
  color: white;
}


/* advert list */
#advert-list .advert {
  padding: 20px 0 0 0;
  margin: 0 0 20px 0;
  border-bottom: 4px solid rgb(240, 240, 240);
}
#advert-list .advert:hover {
  background-color: rgb(250, 250, 250);
}
#advert-list .advert h2 {
  font-family: arial;
  font-size: 16px;
  font-style: italic;
  margin: 0 0 5px 0;
}
#advert-list .advert img {
  float: left;
  margin: 5px 10px 10px 0;
  border: 5px solid rgb(245, 245, 245);
}
#advert-list .advert a {
  border-bottom: 1px dotted blue;
}
#advert-list .advert a:hover {
  border-bottom: 1px solid blue;
  text-decoration: none;
}
#advert-list .advert span {
  float: right;
  width: 125px;
  text-align: right;
}
#advert-list .advert div.data {
  clear: both;
  height: 18px;
  padding: 0 20px 0 0;
}
#advert-list .advert span.price {
  width: 115px;
  font-weight: bold;
}
#advert-list .advert span.type {
  font-weight: bold;
}
#advert-list .advert span.date {
  width: 100px;
}
#advert-list .advert span.locality {
  width: 180px;
}


/* advert detail */
#advert-detail .advert {
  padding: 20px 0 0 0;
  margin: 0 0 20px 0;
}
#advert-detail .advert h1 {
  font-family: arial;
  font-size: 22px;
  font-style: italic;
  margin: 0 0 25px 0;
}
#advert-detail .advert h2 {
  font-family: arial;
  font-size: 16px;
  font-style: italic;
  margin: 0 0 10px 0;
}
#advert-detail .advert p {
  margin: 0 0 20px 0;
}
#advert-detail .advert .data {
}
#advert-detail .advert .data label {
  float: left;
  width: 140px;
  margin: 0 20px 5px 0;
  text-align: right;
  font-weight: bold;
}
#advert-detail .gallery {
  background-color: rgb(245, 245, 245);
/*  width: 660px; */
  margin: 30px 0 40px 0;
}
#advert-detail .gallery .top-line-bg {
  background: #F5F5F5 url('../images/gallery-top-left.gif') top left no-repeat;
}
#advert-detail .gallery .top-line-addendum {
  width: 100%;
  height: 10px;
  background-image: url('../images/gallery-top-right.gif');
  background-repeat: no-repeat;
  background-position: top right;
  _font-size: 0px;
}
#advert-detail .gallery .content {
  padding: 10px 15px 0 15px;
  text-align: center;
}
#advert-detail .gallery .bottom-line-bg {
  background: #F5F5F5 url('../images/gallery-bottom-left.gif') top left no-repeat;
}
#advert-detail .gallery .bottom-line-addendum {
  width: 100%;
  height: 10px;
  background-image: url('../images/gallery-bottom-right.gif');
  background-repeat: no-repeat;
  background-position: top right;
  _font-size: 0px;
}
#advert-detail .gallery .preview {
  padding: 15px 0 5px 0;
/*  background-color: yellow; */
  text-align: center;
}
#advert-detail .gallery a {
/*  float: left; */
  margin: 0 10px 0 0;
}
#advert-detail .gallery img {
  border: 0;
}


/* contanct advertiser form */
#contact-advertiser {
  margin: 0 200px 40px 0;
}
#contact-advertiser .content {
  padding: 0;
}
#advert-detail br {
  clear: both;
}


/* form */
form {
}
form .content,
.content form {
  margin: 20px 0 10px 0;
}
form .navi-panel .content {
  padding: 0;
}
form br {
  clear: both;
}
form label {
  float: left;
  width: 140px;
  margin: 0 20px 5px 0;
  text-align: right;
}
form label.require {
  font-weight: bold;
}
form div.hr {
  border-bottom: 1px solid #FF012B;
  clear: both;
  height: 0;
  margin: 20px 0 20px 0;
  padding: 0;
}
form input,
form select,
form textarea {
  float: left;
  padding: 2px 3px 3px;
  margin: 0 0 10px 0;
}
form select {
  padding: 3px 3px 2px 3px;
  #padding: 5px 3px 5px 3px;
  height: 22px;
}
form .checkbox {
}
form .checkbox label {
  float: none;
}
form .checkbox input {
  float: left;
  margin: 3px 5px 0 5px;
}
form .submit {
  clear: both;
  text-align: right;
}
form .submit input {
  float: none;
  margin: 0 20px 0 0;
  padding: 3px 10px;
  #padding: 3px; /* IE7 patch */
}
form .bb input {
  margin: 0 0 40px 0;
  padding: 10px 20px;
  font-weight: bold;
}
form div.legend {
  padding: 0 100px 20px 160px;
  font-size: 10px;
  font-style: italic;
}


/* copyright */
#copyright {
  clear: both;
  font-size: 9px;
  color: rgb(90, 90, 90);
}
#copyright p {
  clear: both;
}
#copyright a {
  color: rgb(140, 140, 140);
  margin: 0 5px 0 0;
}
#copyright .links a {
  float: left;
}


/* paginator */
.paginator {
  margin: 60px 0 60px 0;
  text-align: center;
}
.paginator span,
.paginator a {
  font-size: 10px;
  padding: 3px 5px 4px 5px;
/*  margin: 0 2px 0 2px; */
}
.paginator a {
  border: 1px silver solid;
}
.paginator a:hover {
  background-color: #FF012B;
  color: #FFFFFF;
}
.paginator .this {
  font-weight: bold;
}


/* ads */
.ads {
 /*  background-color: silver; /**/
}
#ads_zone_1 {
  float: right;
  width: 468px;
  margin: 15px 0 0 0;
}
#ads_zone_2 {
/*   text-align: right;  */
  margin: 0 0 40px 0;
}
#ads_zone_3 {
/*   text-align: right;  */
  padding: 20px 0 40px 0;
  border-bottom: 4px solid rgb(240, 240, 240);
}