/*****************************************
  Lauri Borodkin | Fraktal.ee
*****************************************/


html, body {
  margin: 0;
  padding: 0;
}

body {
  text-align: center;
  font: 12px/14px Helvetica, Arial, Verdana, sans-serif;
  color: #010d1c;
  text-align: center;
  /*background: white url('../images/body_bg.gif') repeat-x top center;*/
}
a {
  text-decoration: none;
  color: #020d1c;
}
a:hover {
  text-decoration: underline;
}
.clearer {
  font-size: 1px;line-height: 1px;height: 1px;clear: both;
}
.clearfix:after, .categories:after, .offers:after, .advert:after, .advert-banner-inner:after {
  content: ".";display: block;height: 0;clear: both;font-size: 1px;line-height: 1px;visibility: hidden;
}
.textbox, select, textarea, input.file {
  font: 12px/14px Helvetica, Arial, Verdana, sans-serif;
  color: #010d1c;
  margin: 0;
}
input.file {
  font: 10px/14px Helvetica, Arial, Verdana, sans-serif;
}
.textbox {
  padding: 4px 5px;
  border: none;
  background: url('../images/white_textbox_160.gif') no-repeat;
  width: 150px;
}
textarea {
  border: none;
  width: 160px;
}
.hasborder {
  background: white;
  border: 1px solid #317300;
}
img {
  border: none;
}
form {
  margin: 0;
  padding: 0;
}
h1, h2, h3 {
  font-size: 32px;
  line-height: 36px;
  margin: 0;
  padding: 3px 0px;

  font-weight: normal;
  font-family: Helvetica, Arial, Verdana, sans-serif;
}

h2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
}
h3 {
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  padding-bottom: 8px;
}

.message {
    text-align: center;
    border: 1px dotted #ff6e00;
    font-size: 20px;
    margin: 10px 10px 10px 0px;
    padding: 15px;
}

/* button */

  .btn {
        cursor: pointer;
    height: 22px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    text-decoration: none;
    color: white;
  }
  input.btn, button.btn {
    color: white;
    text-align: center;
    vertical-align: middle;
    border: none;
    line-height: 11px;
    background: url('../images/white_green_160.gif');
    width: 160px;
  }
  .btn:hover {
    text-decoration: none;
    color: white;
  }
    .btn-inn {
      display: block;
      height: 22px;
    }
    
      .btn-inn2 {
        display: block;
        height: 22px;
        line-height: 22px;
        padding: 0px 10px 0;
        color: white;
        text-align: center;
      }

/* button end */


/* colored content */

  .blue-content { background: #020f21; }
  .lightyellow-content { background: #f6f4ee; }
  .orange-content { background: #ff7900; }
  .white-content { background: white; }
  .darkgray-content { background: #484848; }
  .gray-content { background: #f3f3f3; }
  
  .shadow-bg, .shadow-bg-orange, .shadow-bg-darkgray {
    background-image: url('../images/shadow_bg.gif');
    background-repeat: repeat-x;
    background-position: top left;
  }
  .shadow-bg-orange {
    background-image: url('../images/shadow_bg_orange.gif');
  }
  .shadow-bg-darkgray {
    background-image: url('../images/shadow_bg_darkgray.gif');
  }
  
  .green-box { background: #84d94c; }
  .darkgreen-box { background: #46a300; color: white;}
  
  .orange-box { background:#ff6e00;}
  .darkorange-box { background: #e76400; }
  .orange { color: #ff7400; }

/* admin menu */
#add-advert .orange-box, #add-advert a {color: white}
    
.orange-box ul {
    list-style-type: none;
    padding: 0px
}

/* wrap */  
  .wrap {
    width: 976px;
    text-align: left;
    margin: 0 auto;
  }

/* header */

  #header {
    
    min-height: 60px;
    color: #ffffff;
  }
  * html #header {
    height: 60px;
  }
    #header h1 {display: none;}
    #header a { color: white; }
    #logo { float: left; }
      #logo img { display: block; }
    #header .language {
      float: left;
      padding: 24px 10px 0;
    }
    #header .buttons {
      float: left;
      padding-top: 20px;
    }
      #header .btn { margin: 0 5px; float: left; background: url('../images/dark_orange.gif') repeat-x; }
      #header .btn-inn { float: left; background: url('../images/dark_orange_left.gif') no-repeat top left; }
      #header .btn-inn2 { float: left; background: url('../images/dark_orange_right.gif') no-repeat top right; }

      #header .btn-green { float: left; background: url('../images/dark_green.gif') repeat-x; }
      #header .btn-green .btn-inn { background: url('../images/dark_green_left.gif') no-repeat top left; }
      #header .btn-green .btn-inn2 { background: url('../images/dark_green_right.gif') no-repeat top right; }

            /*#header  a.btn-yellow, .btn-yellow .btn-inn2 { color: #020d1c; }*/
            #header .btn-yellow { float: left; background: url('../images/dark_yellow.gif') repeat-x; }
      #header .btn-yellow .btn-inn { background: url('../images/dark_yellow_left.gif') no-repeat top left; }
      #header .btn-yellow .btn-inn2 { background: url('../images/dark_yellow_right.gif') no-repeat top right; }
    
    #header .search {
      float: right;
      padding-top: 20px;
    }
      #header .search .btn {float: right; margin-right: 0; }
      #header .search .btn-inn { float: left }
      #header .search .btn-inn2 { float: left; }
      
      #header .search .textbox {
        float: right;
        width: 133px;
        background: url('../images/dark_textbox_143.gif') no-repeat;
      }
      #header .search select {
        float: right;
        margin-right: 10px;
      }
/* advert-actions */
  #advert-actions {
     padding: 5px 0;
  }
    #advert-actions ul {
      float: left;
      margin: 0;
      padding: 0px 0;
      list-style-type: none;
    }
      #advert-actions li {
        float: left;
        background: url('../images/seperation.gif') repeat-y top right;
        padding: 0 11px 0 9px;
      }
      #advert-actions li.last {
        background: none;
      }
      * html #advert-actions li.last { 
        margin-right: -3px;
      }
      #advert-actions li .box {
        display: block;
        float: left;
        padding: 5px 0 5px 25px;
      }

            #advert-actions li a.nostar { background: url('../images/ico/star3.gif') no-repeat left center; }
      #advert-actions li a.star { background: url('../images/ico/star.gif') no-repeat left center; }
      #advert-actions li a.print { background: url('../images/ico/print.gif') no-repeat left center; }
      #advert-actions li a.mail { background: url('../images/ico/mail.gif') no-repeat left center; }
      #advert-actions li a.mark { background: url('../images/ico/mark.gif') no-repeat left center; }
      #advert-actions li .profile { background: url('../images/ico/profile.gif') no-repeat left center; }
      #advert-actions li a.change { background: url('../images/ico/change.gif') no-repeat left center; }
      
  #advert-nav {
    float: right;
  }
    #advert-nav img {
      float: left;
      border: 1px solid #b9b9b9;
    }
    #advert-nav a {
      float: left;
    }
    #advert-nav .prev .arrow, #advert-nav .next .arrow {
      border: none;
    }
    
/* advert-listing-actions */
  #advert-listing-actions {
     padding: 5px 0;
  }
    #advert-listing-actions ul {
      float: left;
      margin: 0;
      padding: 0px 0;
      list-style-type: none;
    }
      #advert-listing-actions li {
        float: left;
        background: url('../images/seperation.gif') repeat-y top right;
        padding: 5px 5px 5px 5px;
        text-align: center;
      }
      #advert-listing-actions li.thumb-view {
        padding-left: 10px;
        padding-right: 10px;
      }
      #advert-listing-actions li.last {
        background: none;
      }
      * html #advert-listing-actions li.last { 
        margin-right: -3px;
      }
      #advert-listing-actions li.left {
        text-align: left;
      }
    
  #advert-listing-nav {
    float: right;
  }
    #advert-listing-nav img {
      float: left;
    }
    #advert-nav a {
      float: left;
    }
/* content */

  .content-left {
    float: left;
    width: 786px;
  }
  .content-right {
    float: left;
    width: 190px;
  }
  * html .content-right {
    margin-right: -3px;
  }

/* categories */
  #categories {
    padding: 10px 0 10px;
    font-size: 13px;
  }
  .categories {
    padding-bottom: 10px;
  }
  .category {
    float: left;
    padding-right: 20px;
    width: 176px;
    line-height: 14px;
  }
  * html .category {
    margin-right: -3px;
  }
    .category h3 {
      float: left;
      clear: right;
      background-position: top right;
      background-repeat: no-repeat;
      padding: 13px 0px 8px 0;
    }
    .category ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
      clear: both;
    }
      .category li {
        margin: 0;
        padding: 0;
      }
    /*.category1 h3 { background-image: url('../images/ico/1.gif'); padding-right: 51px; }
    .category2 h3 { background-image: url('../images/ico/2.gif'); padding-right: 46px; }
    .category3 h3 { background-image: url('../images/ico/3.gif'); padding-right: 47px; }
    .category4 h3 { background-image: url('../images/ico/4.gif'); padding-right: 38px; }
    .category5 h3 { background-image: url('../images/ico/5.gif'); padding-right: 45px; }
    .category6 h3 { background-image: url('../images/ico/6.gif'); padding-right: 43px; }
    .category7 h3 { background-image: url('../images/ico/7.gif'); padding-right: 37px; }
    .category8 h3 { background-image: url('../images/ico/8.gif'); padding-right: 44px; }
    .category9 h3 { background-image: url('../images/ico/9.gif'); padding-right: 37px; }
    .category10 h3 { background-image: url('../images/ico/10.gif'); padding-right: 57px; }
    .category11 h3 { background-image: url('../images/ico/11.gif'); padding-right: 43px; }
    .category12 h3 { background-image: url('../images/ico/12.gif'); padding-right: 41px; }*/
  .category a span {
    color: #ff2100;
    font-size: 10px;
  }
/* category */

  #category {
    color: white;
    padding: 15px 0;
  }
  #category a {
    color: white;
  }
    #category table {
      border: none;
      border-collapse: collapse;
      width: 100%;
    }
      #category td {
        padding: 0 20px 0 0;
        vertical-align: top;
      }
      #category td.first-cell {
        vertical-align: middle;
      }
      
        #category ul {
          margin: 0;
          padding: 0;
          list-style-type: none;
        }
        #category ul span {
          color: #ff2100;
        }
        #category li {
          padding: 0 0 2px 0;
        }
        #category h2 {
          font-size: 16px;
          display: inline;
        }
        #category img {
          vertical-align: middle;
          padding-right: 10px;
        }
        #category .first-cell div {
          padding-top: 5px;
          float: left;
        }
        * html #category .first-cell div {
          margin-right: -3px;
        }
      
  
  
/* banners */

  .banners {
    background: #f1f1f1;
    text-align: center;
    border: 1px solid #d4d4d4;
    padding: 0 0 15px;
  }
    .banner {
      display: block;
      margin: 0 auto;
      width: 160px;
      padding-top: 15px;
    }
    
/* add-advert */
  #add-advert {
    
  }
    #add-advert .darkgreen-box {
      color: white;
      padding: 10px 10px;
    }
      #add-advert .darkgreen-box  img {
        float: left;
        padding-right: 5px;
      }
      #add-advert .darkgreen-box a { color: white; font-weight: bold; font-size: 14px; }
      #add-advert .darkgreen-box a span { color: white; font-size: 12px; }
    
    #add-advert .green-box {
      padding: 10px 15px 15px;
    }
    #add-advert select, #add-advert input, #add-advert textarea {
      margin-top: 5px;
    }
    
    #add-advert select {
      width: 159px;
    }
    #add-advert .select-small {
      width: 78px;
    }
    #add-advert textarea {
      width: 150px;
      height: 50px;
      padding: 5px;
      background: white url('../images/green_textarea_160x60.gif') no-repeat;
    }
    #add-advert .textbox {
      padding-bottom: 3px;
      width: 150px;
      background: url('../images/green_textbox_160.gif') no-repeat;
    }
    #add-advert .textbox-small {
      width: 68px;
      background: url('../images/green_textbox_78.gif') no-repeat;
    }
    #add-advert .file {}
    #add-advert .btn { width: 100%; margin: 15px 0 0px; background: url('../images/green_green_160.gif') repeat-x; }
    
/* front-slaider-title */
    
    #front-slaider-title {
      padding: 10px 0;
    }
    
      #front-slaider-title h2 {
        color: white;
      }
      #slaider-navigation {
        float: right;
        padding-top: 7px;
      }
      #slaider-navigation img {  vertical-align: middle; cursor: pointer;}
        #slaider-navigation .bc-mark { margin-top: 2px; background: url('../images/slider_empty_orange.gif') no-repeat; }
        #slaider-navigation .bc-mark-active { margin-top: 2px; background: url('../images/slider_full_orange.gif') no-repeat; }

/* front-slider */
  
  #front-slider {
    padding: 20px 0;
  }
  
    #front-slider .bc-objs-outer {
      position: relative;
      width: 976px;
      height: 1410px;
      overflow: hidden;
    }
      #front-slider .bc-objs {
        position: absolute;
        top: 0;
        left: 0;
        height: 470px;
      }
      #front-slider .bc-obj {
        width: 976px;
        height: 470px;
      }
      .offers {
        padding: 4px 0;
      }
        
        
        .offer {
          float: left;
          padding: 7px;
          width: 230px;
          height: 96px;
          overflow: hidden;
        }
        #advert-listing .offer {
          margin-right: 19px;
        }
        .offer-last, #advert-listing .offer-last {
          margin-right: 0;
        }
        
        * html .offer-last, * html #advert-listing .offer-last {
          margin-right: -3px;
        }
        
        
        
        
        .offer-img {
          border: 1px solid #cbcbcb;
          height: 94px;
          width: 94px;
          margin-right: 10px;
        }
        .offer-img, .offer-img img {
          display: block;
          float: left;
        }
        .offer-info {
          float: left;
          width: 124px;
          height: 96px;
          overflow: hidden;
        }
        * html .offer-info {
          margin-right: -3px;
        }
        .offer-info img {
          display: block;
          padding: 2px 0 0 0;
          vertical-align: middle;
        }
        .offer-info h3 {
          padding: 3px 0;
          font-size: 14px;
          line-height: 14px;
        }
        .offer-blue, .advert-blue .advert-info, .blue { background: #99CCCC/*8cfff8*/; }
        .offer-pink, .advert-pink .advert-info, .pink { background: #FFCCCC/*f68cff*/; }
        .offer-green, .advert-green .advert-info, .green { background: #99FF66/*baff8c*/;}

/* advert */
  
  #advert {
    padding: 15px 0;
  }
  
    #advert-left {
      float: left;
      width: 390px;
      padding-bottom: 10px;
    }
      #advert-left h2 {
        font-size: 18px;
        line-height: 22px;
        padding: 10px 15px;
      }
      #advert-left h2 img {
        vertical-align: middle;
      }
      .border-table {
        width: 99%;
        border: none;
        margin-top: 5px;
        border-collapse: collapse;
      }
        .border-table th {
          background: #f1f1f1;
          font-weight: bold;
          font-size: 14px;
          color: #020d1c;
          border: 1px solid #d4d4d4;
        }
        .border-table td {
          border-top: 1px solid #eaeaea;
          
        }
        .border-table th, .border-table td {
          padding: 6px 10px 5px 15px;
          line-height: 17px;
          
        }
        .border-table td.first-cell {
          width: 90px;
        }
    #advert-right {
      padding-left: 26px;
      float: left;
      width: 356px;
      padding-bottom: 10px;
    }
    * html #advert-right {
      margin-right: -3px;
    } 
/* advert slider */

  #advert-slider {
    padding-bottom: 10px;
  }
  #big-image {
    width: 354px;
    height: 261px;
    overflow: hidden;
    position: relative;
    border: 1px solid #dadada;
  }

    #big-image .big-image {
      position: absolute;
      top: 0;
      left: 0;
      width: 354px;
      display: none;
      background-repeat:no-repeat;
      background-position: center;
    }

      #big-image a {
          display: block;
          height: 261px;
      }

      #big-image a:hover {
          background: url('../images/ico-move.gif') center no-repeat;
      }

  .advert-slider-left {
    float: left;
    cursor: pointer;
  }
  
  .advert-slider-right {
    float: left;
    cursor: pointer;
  }
  * html .advert-slider-right {
    float: left;
  }
  
    #advert-slider .bc-objs-outer {
      float: left;
      width: 305px;
      height: 54px;
      position: relative;
      margin-left: 8px;
      overflow: hidden;
    }
    #advert-slider .bc-objs {
      position: absolute;
      left: 0;
      top: 0;
      height: 54px;
    }
      #advert-slider .bc-obj {
        height: 54px;
        width: 54px;
        padding-right: 7px;
      }
      #advert-slider .bc-obj a {
        height: 54px;
        width: 54px;
        display: block;
      }
      #advert-slider .bc-obj img {
        height: 52px;
        width: 52px;
        border: 1px solid #cbcbcb;
        display: block;
      }
      #advert-slider .bc-obj .active img {
        border: 3px solid #ff7b17;
        height:48px;
        width: 48px;
      }
    
/* answer-form */

  #answer-form .darkgreen-box {
    padding: 12px;
    font-size: 14px;
    font-weight: bold;
  }
  #answer-form .green-box {
    padding: 9px 12px 12px;
  }
  
  #answer-form input {
    float: right;
    clear: right;
    margin-top: 3px;
  }
  
    #answer-form .textbox {
      padding-bottom: 3px;
      width: 115px;
      background: url('../images/green_textbox_125.gif') no-repeat;
    }
    
    #answer-form .btn {
      width: 125px; 
      background: url('../images/green_green_125.gif') no-repeat
    }
    
    #answer-form textarea {
      background: url('../images/green_textarea_204.gif') no-repeat;
      width: 194px;
      height: 59px;
      padding: 5px;
      margin-top: 3px;
    }
    
/* send-friend-form */

  #send-friend-form .darkgreen-box {
    padding: 12px;
    font-size: 14px;
    font-weight: bold;
  }
  #send-friend-form .green-box {
    padding: 9px 12px 12px;
  }
  
  #send-friend-form input {
    float: right;
    clear: right;
    margin-top: 3px;
  }
  
    #send-friend-form .textbox {
      padding-bottom: 3px;
      width: 115px;
      background: url('../images/green_textbox_125.gif') no-repeat;
    }
    
    #send-friend-form .btn {
      width: 125px; 
      background: url('../images/green_green_125.gif') no-repeat
    }
    
    #send-friend-form textarea {
      background: url('../images/green_textarea_204x116.gif') no-repeat;
      width: 194px;
      height: 116px;
      padding: 5px;
      margin-top: 3px;
    }

/* premium-advert */
  #premium-advert {
    position: relative;
  }
    #premium-advert h3 {
      font-size: 14px;
      font-weight: bold;
      color: white;
      padding: 0 0 5px 0;
    }
    #premium-advert .orange-box {
      padding: 10px 5px 10px 110px;
    }
    
    #premium-advert .orange-box span {
      color: white;
    }
    #premium-advert .darkorange-box {
      color: white;
      padding: 10px 5px 10px 110px;
      font-size: 10px;
      line-height: 25px;
    }
    #premium-advert .darkorange-box span {
      font-size: 25px;
      font-weight: bold;
    }
    #premium-advert .big-icon {
      position: absolute;
      top: 10px;
      left: 14px;
      display: block;
      z-index: 10;
    }
    
/* advert-listing */

  #advert-listing {
    clear: both;
    padding-right: 15px;
  }
    
    
    #advert-listing .orange-box {
      color: white;
      font-size: 14px;
      font-weight: bold;
      padding: 8px 15px;
    }
    #advert-listing .advert-banner {
      padding-top: 4px;
      padding-bottom: 4px;
    }
      #advert-listing .advert-banner-inner {
        border: 1px solid #d4d4d4;
      }
      #advert-listing .advert-banner-left {
        float: left;
        text-align: right;
        font-weight: bold;
        width: 90px;
        padding-right: 6px;
        padding: 5px 6px 0px 0;
        
      }
      #advert-listing .advert-banner-right {
        float: left;
        background: #f1f1f1;
        width: 658px;
        padding: 5px 0 5px 15px;
      }
      
      
    #advert-listing .advert {
      padding: 4px 0 4px;
    }
    #advert-listing .advert-hover, #advert-listing .offer-hover, .bc-objs .offer-hover {
      background-color: #F5F5F5/*d9fffc*/;
    }
    
    #advert-listing .starbox {
      float: left;
      height: 48px;
      width: 48px;
      background: url('../images/ico/star2.gif') no-repeat center center;
      cursor: pointer;
    }
    
    #advert-listing .starbox-filled {
      background: url('../images/ico/star1.gif') no-repeat center center;
    }
    
    #advert-listing .advert-image {
      float: left;
      height: 48px;
      width: 48px;
    }
      #advert-listing .advert-image a {
        height: 48px;
        width: 48px;
        display: block;
      }
      #advert-listing .advert-image a:hover {
        text-decoration: none;
      }
      #advert-listing .advert-image img {
        height: 46px;
        width: 46px;
        display: block;
        border: 1px solid #cecece;
      }
      #advert-listing .advert-info {
        float: left;
        width: 660px;
        margin: 0 0 0 15px;
        padding: 5px 0 5px;
      }
      * html #advert-listing .advert-info {
        margin-right: -3px;
      }
        #advert-listing .advert-info table {
          margin: 0;
          padding: 0;
          border: none;
          border-collapse: collapse;
          width: 100%;
        }
        #advert-listing h3 {
          padding: 0;
          font-size: 14px;
          line-height: 14px;
        }
        #advert-listing h3 img {
          vertical-align: middle;
        }
        #advert-listing .advert-info table td {
          padding: 2px 5px 2px;
        }
        #advert-listing .advert-info table td.first-cell {
          width: 400px;
        }
        #advert-listing .advert-info table td.second-cell {
          width: 70px;
          text-align: center;
        }
        #advert-listing .advert-info table td.third-cell {
          width: 70px;
          text-align: center;
        }
        #advert-listing .advert-info table td.fourth-cell {
          width: 70px;
          text-align: center;
        }

/* advert-listing-box */
  
  #advert-listing-box {
    padding: 15px 0;
  }

/* pagination */

  #pagination {
    padding: 12px 0;
  }
    #pagination ul {
      margin: 0;
      padding: 0 0 0 48px;
      list-style-type: none;
      height: 26px;
    }
      #pagination li {
        float: left;
        height: 24px;
        padding: 0 4px;
        line-height: 24px;
      }
      
        #pagination a {
          float: left;
          border: 1px solid #ff7100;
          background: white;
          height: 22px;
          line-height: 22px;
          width: 26px;
          text-align: center;
        }
        #pagination .prev a, #pagination .next a {
          border: none;
          width: 24px;
          height: 24px;
          padding: 0;
        }
        #pagination a:hover,#pagination a.active {
          text-decoration: none;
          background: #ff7100;
          color: white;
        }
    
/* footer */

  #footer {
    min-height: 33px;
    color: white;
    padding-top: 17px;
  }
  * html #footer {
    height: 33px;
  }
    #footer a {
      color: #ffd100;
    }
    #who {
      float: right;
      color: #305678;
      font-size: 10px;
    }