* {
    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 {
    text-align: left;
    width: 750px;
  }
  .wrapper {
    position: relative;
    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;
  }
  h1,
  h2 {
    font-style: italic;
    font-weight: bold;
    line-height: 1.4em;
    margin: 5px 0 5px 0;
  }
  h1 {
    font-size: 150%;
  }
  h2 {
    font-size: 120%;
  }


 /* header */
  #header {
    height: 105px;
  }
  #header #logotype {
    position: relative;
  }
  #header #logotype h1,
  #header #logotype h2 {
    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: 200px;
    height: 90px;
    overflow: hidden;
  }

  /* blue top menu line with rounded corners */
  #menu {
    height: 35px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    background: #00AAD2 url('../images/menu-light-blue-left-round.gif') no-repeat;
  }
  #menu .addendum {
    position: relative;
    height: 35px;
  }
  #menu .addendum span {
    float: right;
    height: 100%;
  }
  #menu .addendum span ul {
    margin: 8px 0 0 0;
  }
  #menu .addendum span ul li {
    float: left;
    list-style-type: none;
    padding: 0 15px 0 15px;
  }
  #menu a {
    color: white;
  }
  #menu a:hover {
  }
  a.grand {
    padding: 0 0 0 20px;
    background: url('../images/white-arrow.gif') 1px 1px no-repeat;
  }


 /* user account, my account entry */
  #user_account {
    background: #407A92 url('../images/menu-blue-right-round.gif') no-repeat right top;
  }
  #user_account div {
    position: absolute;
    left: 100px;
    top: -80px;
    width: 100%;
    height: 350px;
    background-color: white;
    color: white;
    z-index: 999;
  }
  #user_account li {                                                            /* todo, IE patch */
    #width: 60px;
    _width: 90px;
  }
  #user_account li span.LabelPresenter label {
    color: white;
    cursor: pointer;
  }
  #user_account li span.LabelPresenter label:hover {
    text-decoration: underline;
  }


  /* rouded search box */
  #search {
    position: relative;
    width: 190px;
    background: #00AAD2 url('../images/search-bg.gif') 5px 6px no-repeat;
    border-right: 1px #CECEC6 solid;
  }
  #search input {
    position: absolute;
    left: 12px;
    top: 11px;
    width: 142px;
    border: 0;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
  }
  #search button {
    position: absolute;
    right: 6px;
    _right: 4px;
    top: 7px;
    width: 21px;
    height: 21px;
    border: 0;
    background: url('../images/search-btn.gif') 1px 2px no-repeat;
    cursor: pointer;
  }

 /* tools */
  #tools {
    position: relative;
    height: 35px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
  }
  #tools #advert_edit {
    position: absolute;
    right: 0;
    background: #407A92 url('../images/menu-blue-left-round.gif') no-repeat;
  }
  #tools #advert_edit .addendum {
    position: relative;
    height: 35px;
    background: url('../images/menu-blue-right-round.gif') no-repeat right top;
  }
  #tools #advert_edit .addendum div {
    padding: 8px 20px 0 20px;
  }
  #tools a {
    color: white;
  }



/**/


  /* breadcrumb */
  #breadcrumb {
    height: 46px;
    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;
  }


 /* layout */
  #layout {
  }
  #layout #left_col {
    float: left;
    width: 220px;
  }
  #layout #middle_col {
    float: left;
    width: 520px;
    margin: 0 0 0 30px;
  }

  #layout #right_col {
    float: right;
    width: 730px;
  }
  #layout #right_col2 {
    float: right;
    width: 730px;
  }
  #layout br {
    clear: both;
  }


 /* copyright */
  #copyright {
    font-size: 9px;
    color: rgb(90, 90, 90);
  }
  #copyright a {
    color: rgb(140, 140, 140);
    margin: 0 5px 0 0;
  }






 /* yellow panel */
  .panel {
    background: #FFF7CE;
    margin: 0 0 15px 0;
  }
  .panel .yellow_top_line {
    background: #FFCC66 url('../images/panel-yellow-left-top-round.gif') no-repeat;
    _height: 7px;
  }
  .panel .yellow_top_line .addendum {
    background: url('../images/panel-yellow-right-top-round.gif') no-repeat right top;
    height: 7px;
    _font-size: 0px;
  }
  .panel .yellow_bottom_line {
    background: #FFF5C8 url('../images/panel-yellow-left-bottom-round.gif') no-repeat;
  }
  .panel .yellow_bottom_line .addendum {
    background: url('../images/panel-yellow-right-bottom-round.gif') no-repeat right top;
    height: 7px;
    _font-size: 0px;
  }


 /* blue panel */
  .panel .blue_top_line {
    background: #00AAD2 url('../images/panel-blue-left-top-round.gif') no-repeat;
    _height: 7px;
  }
  .panel .blue_top_line .addendum {
    background: url('../images/panel-blue-right-top-round.gif') no-repeat right top;
    height: 7px;
    _font-size: 0px;
  }
  .panel .blue_bottom_line {
    background: #407A92 url('../images/panel-blue-left-bottom-round.gif') no-repeat;
  }
  .panel .blue_bottom_line .addendum {
    background: url('../images/panel-blue-right-bottom-round.gif') no-repeat right top;
    height: 7px;
    _font-size: 0px;
  }


 /* content list aka types or categories etc. */
  .panel h3 {
    padding: 0 20px 5px 20px;
    font-size: 11px;
    color: white;
  }
  .panel .content {
    margin: 10px 10px 5px 10px;
    padding: 5px 10px 5px 10px;
  }
  #left_col .panel .content {
    margin: 5px 10px 5px 10px;
  }
  .panel .content li {
    margin: 1px 0 1px 13px;
  }
  .panel .content li.selected {
    font-weight: bold;
  }
  .panel .content li span {
    margin: 0 0 0 5px;
    font-size: 8px;
    font-weight: normal;
    color: gray;
  }
  .panel .content li a {
    border-bottom: 1px dotted blue;
  }
  .panel .content li a:hover {
    border-bottom: 1px solid blue;
    text-decoration: none;
  }


 /* panel form elements */
  .form label {
    float: left;
    width: 100px;
    margin: 1px 5px 0 0;
    text-align: right;
  }
  .form span.VCL {
    float: left;
  }
  .form span.VCL label {
    float: left;
    width: 260px;
    text-align: left;
  }
  .form .EditPresenter {
    width: 180px; /* patch */
    height: 32px;
  }
  .form .EditPresenter input {
    position: absolute; /* patch */
    width: 160px;
/*
    padding: 2px 3px 3px 3px;
/*    #padding: 2px 3px 3px 3px;  /* IE7 */
/*    _padding: 1px 3px 3px 3px;  /* IE6 */

    padding: 2px 3px 3px 3px;
    #padding: 2px 3px 3px 3px;  /* IE7 */
    _padding: 1px 3px 3px 3px;  /* IE6 */
  }
  .form .ComboBoxPresenter {
    width: 180px; /* patch */
    height: 32px;
  }
  .form .ComboBoxPresenter select {
    padding: 3px 3px 3px 3px;
    #padding: 5px 3px 5px 3px;
    height: 22px;
  }
  .form .MemoPresenter {
    width: 360px; /* patch */
    height: 85px;
  }
  .form .MemoPresenter textarea {
    position: absolute; /* patch */
    width: 340px; /* patch */
    height: 70px;
    padding: 1px;
    line-height: 1.6em;
  }
  .form br {
    clear: both;
  }
  .form hr {
    border: 0;
    height: 0;
    clear: both;
    border-top: 1px #FFCC66 solid;
  }
  .form .ButtonPresenter {
    margin: 0 10px 0 0;
  }
  .form .ButtonPresenter button {
    padding: 3px 10px 3px 10px;
    #padding: 3px;
  }
  .form .submit {
    float: right;
    padding: 5px 0 0 0;
    #padding: 0 0 5px 0;
  }
  .form .legend {
    margin: 0 0 30px 105px;
  }
  .legend .abs {
    position: absolute;
    top: -10px;
  }


 /* advert detail */
  #advert_detail.panel {
    background: none;
    margin: 0 0 35px 0;
  }
  #advert_detail.panel h1 {
    margin: 0 220px 0 0;
  }
  #advert_detail.panel p {
    margin: 25px 0 0 0;
  }
  #advert_detail.panel .content {
    margin: 20px 0 0 0;
    line-height: 2.0em;
  }
  #advert_detail.panel .content label {
    margin: 0 20px 0 0;
    font-weight: bold;
  }


 /* panel login_or_create_account */
  #login_or_create_account.panel .RadioButtonPresenter {
    margin: 0 0 20px 0;
    font-weight: bold;
  }
  #login_or_create_account.panel .RadioButtonPresenter input {
    float: left;
    margin: 4px 5px 0 0;
    #margin: 1px 3px 0 0;  /* IE */
  }
  #login_or_create_account.panel p.block_send_password {
    margin: 0 0 30px 105px;
    #margin: 0 0 45px 105px;
  }
  #login_or_create_account.panel p.block_send_password .LabelPresenter label {
    color: navy;
    text-decoration: none;
    cursor: pointer;
  }
  #login_or_create_account.panel p.block_send_password .LabelPresenter label:hover {
    text-decoration: underline;
  }
  #login_or_create_account.panel p.block_term_confirm {
    margin: 0 0 15px 85px;
    #margin: 0 0 15px 80px;
  }
  #login_or_create_account.panel p.block_term_confirm span {
    float: left;
    margin: 3px 7px 0 0;
    #margin: 0px 5px 0 0;  /* IE */
  }


 /* my account */
  #myaccount_menu.panel {
    background-color: #407A92;
    color: #FFFFFF;
  }
  #myaccount_menu.panel .content li span {
    margin: 0px;
    font-size: 11px;
    font-weight: normal;
    color: gray;
  }
  #myaccount_menu.panel .content li a,
  #myaccount_menu.panel .content li span.LabelPresenter label {
    border-bottom: 1px dotted white;
    color: white;
    cursor: pointer;
  }
  #myaccount_menu.panel .content li a:hover,
  #myaccount_menu.panel .content li span.LabelPresenter label:hover {
    border-bottom: 1px solid white;
    text-decoration: none;
  }


 /* advert insert */
  #insert_or_edit_advert.panel {
  }
  #insert_or_edit_advert.panel .EditPresenter {
    width: 280px;
  }
  #insert_or_edit_advert.panel .EditPresenter input {
    width: 260px;
  }
  #insert_or_edit_advert.panel .price .EditPresenter {
    width: 80px;
  }
  #insert_or_edit_advert.panel .price .EditPresenter input {
    width: 60px;
  }
  #insert_or_edit_advert.panel .MemoPresenter {
    width: 500px;
    height: 105px;
  }
  #insert_or_edit_advert.panel .MemoPresenter textarea {
    width: 480px;
    height: 90px;
  }
  #insert_or_edit_advert.panel #editYear input,
  #insert_or_edit_advert.panel #editPrice,
  #insert_or_edit_advert.panel #editPrice input {
    width: 40px;
  }
  #insert_or_edit_advert.panel #chbPriceExtra {
    position: relative;
    padding: 4px 0 0 30px;
    #padding: 0 0 0 28px;
  }
  #insert_or_edit_advert.panel #editAdvertTitle {
    height: 22px;
  }
  #insert_or_edit_advert.panel #editAdvertTitle input {
    width: 420px;
  }
  #insert_or_edit_advert.panel #chbPriceExtra label {
    position: absolute;
    left: 50px;
    top: 0px;
  }
  label.currency {
    width: 30px;
  }




 /* others */
  .legend {
    font-size: 9px;
    color: #424242;
    margin: 0 0 30px 0;
  }
  .red {
    color: red;
  }





/*
  .panel .RadioButtonPresenter {
    xborder: 1px red solid;
    margin: 0 0 20px 0;
  }
  .panel .RadioButtonPresenter input {
    float: left;
    margin: 6px 5px 0 0;
    #margin: 3px 3px 0 0;  /* IE7 patch */
/*    _margin: 4px 3px 0 0;  /* IE6 patch */
/*  }
  .panel .RadioButtonPresenter label.caption {
    xborder: 1px green solid;
    width: 70%;
    text-align: left;
    font-weight: bold;
    padding: 2px 3px 3px 3px;
    #padding: 2px 3px 3px 3px;  /* olala, IE7 patch */
/*  }
  .panel .EditPresenter input {
    padding: 2px 3px 3px 3px;
    #padding: 2px 3px 3px 3px;  /* olala, IE7 patch */
/*  }
  .panel .MemoPresenter textarea {
    padding: 3px;
  }
  .panel .ButtonPresenter button {
    padding: 3px 10px 3px 10px;
    #padding: 3px;
  }
  .panel .submit {
    padding: 0 0 0 103px;
  }



 /* list of adverts */
  #advert_list {
  }
  #advert_list .item {
    position: relative;
    margin: 25px 0 25px 0;
    padding: 5px 0 5px 0;
    _border-top: 1px white solid; /* IE6 patch */
    border-bottom: 1px silver solid;
  }
  #advert_list .item h2 {
    font-size: 120%;
    font-style: italic;
    font-weight: bold;
    line-height: 1.4em;
    margin: 15px 0 5px 0;
  }
  #advert_list .item a {
    border-bottom: 1px dotted blue;
  }
  #advert_list .item a:hover {
    border-bottom: 1px solid blue;
    text-decoration: none;
  }
  #advert_list .item h2 span {
    margin: 0 0 0 3px;
    color: red;
  }
  #advert_list .item p {
    color: rgb(60, 60, 60);
   /* text-align: justify; */
  }
  #advert_list .item p img {
    border: 1px black solid;
    margin: 5px 10px 5px 0;
    float: left;
  }
  #advert_list .item br {
    clear: both;
  }
  #advert_list .item p span {
    float: right;
    text-align: right;
    color: rgb(30, 30, 30);
  }
  #advert_list .item p span.price,
  #advert_list .item p span.type {
    font-weight: bold;
    width: 80px;
  }
  #advert_list .item p span.date {
    padding: 0 0 0 25px;
  }
  #advert_list .item .edit {
    position: absolute;
    right: 0;
    top: 1px;
  }
  #advert_list .item .edit img {
    border: 0;
  }
  #advert_list .item br {
    clear: both;
  }


 /* list of adverts/ special for my account */
  #advert_list div.buttons {
    height: 31px;
    xborder: 1px red solid;
  }
  #advert_list div.buttons div {
    float: right;
    height: 21px;
    width: 1;
    background: #407A92 url('../images/btn-blue-left-round.gif') no-repeat;
    margin: 5px 0 5px 10px;
  }
  #advert_list div.buttons div span {
    display: block;
    height: 21px;
    background: url('../images/btn-blue-right-round.gif') no-repeat right top;
    padding: 0 10px 0 10px;
  }
  #advert_list div.buttons div span button {
    border: 0;
    background: none;
    color: white;
    margin: 3px;
    cursor: pointer;
  }



 /* paginator */
  .paginator {
    margin: 20px;
    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: #FFCC66;
  }
  .paginator .this {
    font-weight: bold;
  }


 /* conditions */
  .conditions li {
    margin: 20px 0 0 23px;
    text-align: justify;
  }
  .personal_data p {
    margin: 0 0 25px 0;
    text-align: justify;
  }


 /* ads */
  #header .ads {
    position: absolute;
 /*   right: 0;  */
    top: 3px;
  }
  #header #floating_banner {
    width: 200px;
    height: 200px;
/*    left: 1020px; */
/*    top: 105px; */
    right: -200px;
    xdisplay: none;
    xbackground-color: green;
  }


  #right_col .ads {
    padding: 25px 0 25px 0;
  }


 /* extras */
  .hidden {
    display: none;
  }
  .insert_advert_button_wrapper {
    margin: 20px 0 60px 0;
    padding: 0 0 50px 0;
    xtext-align: right;
  }
  .insert_advert_button_wrapper button {
    float: right;
    font-weight: bold;

    padding: 13px 20px 13px 20px;
    #padding: 13px;

/*    padding: 5px 0 0 0;
    #padding: 0 0 5px 0;
*/
  }


 /* ads */
  #ads_zone_1 {
    margin: 15px 0 0 260px;
  }
  #ads_zone_2 {
    margin: 0 0 20px 0;
 /*   text-align: right;  */
  }
  #ads_zone_3 {
 /*   text-align: right;  */
  }
  #ads_listovani {
    position: absolute;
    right: -2px;
    top: 155px;
    width: 206px;
    height: 206px;
    background: #FFFFFF url('../images/ads_listovani_bg.gif') no-repeat left top;
  }
  #ads_listovani iframe {
    margin: 3px;
  }

/* upload extras */
#upload_iframe_wrapper {
  width: 100%;
}
#upload_iframe {
  width: 100%;
  height: 100px;
}
form .form label {
  width: 90px;
}
#progress {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #FFF7CE url('../images/progress.gif') 90px 0 no-repeat;
  display: none;
}


#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: 1px black solid;
}