@import "/reset.css";
html, body, div, span, p, table, th, td, a { font-size: 13px; line-height: 16px; color: #000000; text-align: left; }
em { font-style: italic; }

.clear { margin: 0px; padding: 0px; height: 0px; width: 0px; clear: both; overflow: hidden; }

.linktitle { margin: 7px 0px; }

.linktitle a,
.linktitle a:link,
a.linktitle,
a:link.linktitle {
   font-size: 14px;
   color: #000000;
   font-weight: bold;
   text-decoration: none;
}

.microgallerycontainer { vertical-align:top; text-align: center; }
.microgallerycontainer img { border: 0px; margin-right: 5px; }

#sublayer {
   background: #ffffff url('/files/Image/tpl/bg.jpg') center top no-repeat;
}
#container {
   width: 1100px;
   margin: 0px auto;
}

#tooltip {
   position: absolute;
   z-index: 3000;
   border: 1px solid #111;
   background-color: #cde4c4;
   padding: 5px;
   opacity: 0.85;
   width: 300px;
   color: #000000;
}
#tooltip h3 {
   margin: 0;
   font-weight: bold;
   color: #000000;
}
#tooltip div {
   margin: 0;
   color: #000000;
}

#langsocial {
   text-align: right;
   padding: 10px;
   border-top: 10px solid  #03972e;
}

#header {
   height: 380px;
}
#slider {
  width: 721px;
  height: 336px;
  margin-left: 379px;
}

#searchform {
   float: right;
   margin-top: 10px;
}
#searchform .phrasefield {
   width: 300px;
   background-color: #cde4c4;
   padding: 3px;
   border: 0px;
}
#searchform input{
   vertical-align: bottom;
}

#menu {
   background: #03972e;
   padding: 0px 10px;
}

.darkround{
   background-color: #016c20;
   padding: 10px;
   margin: 0px 5px 10px 5px;
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
   border-radius: 20px;
}
.darkround, .darkround a, .darkround p, .darkround div{
   color: #ffffff;
}

#body {
   width: 100%;
   margin-top: 10px;
}

#body .col1 {
   width: 222px;
   vertical-align: top;
}
#body .col1 h1,
#body .col1 h2 {
   background: #03972e;
   padding: 4px 5px;
   color: #ffffff;
}
#body .col2 {
   width: auto;
   vertical-align: top;
   padding: 0px 10px 50px 10px;
   background-color: #FFFFFF;
}

#body .col3 {
   width: 222px;
   vertical-align: top;
}

#body .col2 h1,
#body .col2 h2,
#body .col2 h3 {
  border-bottom: 3px solid #cde4c4;
  font-style: italic;
  color: #09551f;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 2px;
}

#body .col3 h2,
#body .col3 h3 {
  font-style: italic;
  color: #ffffff;
  font-weight: bold;
  padding-bottom: 2px;
  background-color: #03972e;
   padding: 5px;
}

.ltgreenblock{
   background: #cde4c4;
   padding: 5px;
   margin-bottom: 10px;
}

#body .col3 #friends{
  background: url('/files/Image/tpl/friends.jpg') left top no-repeat;
  padding: 10px 0 5px 80px;
  margin-bottom: 5px;
  font-size: 18px;
  color: #9bd57b;
}

#body .col3 .darkround a,
#body .col3 .darkround a:link {
   text-decoration: none;
   margin-left: 10px;
}
#body .col3 .darkround a:hover {
   text-decoration: underline;
}

#body .col1 #usrmgt_signin{
}
#body .col1 #usrmgt_register{
}
#body .col1 #usrmgt_usermenu{
}

#body .col3 .ltgreenblock .linktitle a,
#body .col3 .ltgreenblock .linktitle a:link{
   font-size: 13px;
   font-weight: normal;
}
#body .col3 .ltgreenblock .linktitle a:hover {
   text-decoration: underline;
}

#body .col3 .ltgreenblock .linkdescr,
#body .col3 .ltgreenblock .linkdate{
   display: none;
}

.footertd{
   background: #cde4c4;
}

#footer {
   background-color: #03972e;
   padding: 10px 20px;
   text-align: center;
   color: #ffffff;
   font-size: 10px;
   margin: 0px 111px;
}
#footer div{
   color: #ffffff;
   font-size: 10px;
}
#footer a,
#footer a:link {
   text-decoration: none;
   color: #ffffff;
   font-size: 10px;
}

.prodpreviewheader { border-bottom: 2px solid #cde4c4; }
.prodpreviewheader h2 {
   color: #ffffff;
   cursor: pointer;
   font-style: italic;
}
.prodpreviewheader h2 a {
   display: block;
   padding-top: 2px;
   color: #ffffff;
   text-decoration: none;
   font-weight: bold;
   font-size: 14px;
   text-transform: uppercase;
   font-style: italic;
}
.prodpreviewcontainer {
   padding: 5px 5px 5px 15px;
   background-color: #cde4c4;
}
.prodpreviewcontainer a,
.prodpreviewcontainer a:link {
   font-size: 13px;
   font-weight: bold;
   text-decoration: none;
   color: #000000;
   height: auto;
}
.prodpreviewcontainer a:hover {
   text-decoration: underline;
}

.jscarousal-horizontal {
   width: 721px;
   height: 336px;
   margin: 0;
   padding: 0;
   position: relative;
   overflow: hidden;
}

.jscarousal-horizontal-back, .jscarousal-horizontal-forward {
   display: none;
}

.jscarousal-contents-horizontal {
   width: 721px;
   height: 336px;
   float: left;
   position: relative;
   overflow: hidden;
}

.jscarousal-contents-horizontal > div {
   position: absolute;
   width: 100%;
   height: 336px;
   text-align: center;
}

.jscarousal-contents-horizontal > div > div {
   float: left;
   text-align: center;
   width: 100%;
}

.hidden{ display: none; }
.visible { display: block; }

.newspreviews { padding: 2px 5px; }
.newspreviews img { display:none; }
.newspreviews div { text-align: justify; }
.newspreviews .polosa { background-color: transparent;  background: none; padding: 0px; color: #000000; height: auto; }
.newspreviews .polosa a, .newspreviews .polosa a:link { font-size: 13px; font-weight: bold; text-transform: none; text-decoration: none; color: #000000; height: auto; }
.newspreviews .polosa a:hover { color: #111111; text-decoration: underline; }

#zku { width: 600px; height: 454px; background: url('/files/Image/zku.png') center center no-repeat; margin: auto; }
#zku span { color: #333333; letter-spacing: 1px; font-size: 11px; }
#zku a, #zku a:link { font-size: 11px; color: #333333; text-decoration: none; font-weight: bold; }
#zku a:hover { text-decoration: underline;}
#zku .volyn { position: relative; top: 80px; left: 75px; }
#zku .rivno { position: relative; top: 95px; left: 75px; }
#zku .zhitomir { position: relative; top: 115px; left: 50px; }
#zku .kyiv { position: relative; top: 145px;  left: 50px; }
#zku .chernihiv { position: relative; top: 100px;  left: 20px; }
#zku .sumy { position: relative; top: 110px;  left: 30px; }
#zku .kharkiv { position: relative; top: 165px;  left: 50px; }
#zku .lugansk { position: relative; top: 180px;  left: 55px; }
#zku .lviv { position: relative; top: 140px;  left: 40px; }
#zku .ternopil { position: relative; top: 170px;  left: 25px; }
#zku .khmelnytsk { position: relative; top: 140px; left: -10px; }
#zku .vinnytsya { position: relative; top: 200px; left: -50px; }
#zku .cherkassy { position: relative; top: 180px; left: -20px; }
#zku .poltava { position: relative; top: 150px; left: -20px; }
#zku .zakarpat { position: relative; top: 185px; left: 15px; }
#zku .if { position: relative; top: 170px; left: -30px; }
#zku .chernivtsi { position: relative; top: 198px; left: -100px; }
#zku .kirovograd { position: relative; top: 205px; left: -20px; }
#zku .dnipropetrovsk { position: relative; top: 200px; left: -10px; }
#zku .donetsk { position: relative; top: 220px; left: -42px; }
#zku .odesa { position: relative; top: 250px; left: 255px; }
#zku .mykolaiv { position: relative; top: 230px; left: 240px; }
#zku .kherson { position: relative; top: 280px; left: 210px; }
#zku .zaporiga { position: relative; top: 240px; left: 215px; }
#zku .krym { position: relative; top: 330px; left: 400px; }

#ukrmap { width: 600px; height: 454px; background: url('/files/Image/zku.png') center center no-repeat; margin: auto; }
#ukrmap span { color: #333333; letter-spacing: 1px; font-size: 11px; cursor: pointer; }
#ukrmap span.bold { font-weight: bold; }
#ukrmap .volyn { position: relative; top: 80px; left: 70px; }
#ukrmap .rivno { position: relative; top: 95px; left: 65px; }
#ukrmap .zhitomir { position: relative; top: 115px; left: 40px; }
#ukrmap .kyiv { position: relative; top: 145px;  left: 20px; }
#ukrmap .chernihiv { position: relative; top: 100px;  }
#ukrmap .sumy { position: relative; top: 110px;  left: 10px; }
#ukrmap .kharkiv { position: relative; top: 165px;  left: 20px; }
#ukrmap .lugansk { position: relative; top: 180px;  left: 25px; }
#ukrmap .lviv { position: relative; top: 140px;  left: 40px; }
#ukrmap .ternopil { position: relative; top: 170px;  left: 25px; }
#ukrmap .khmelnytsk { position: relative; top: 140px; left: -20px; }
#ukrmap .vinnytsya { position: relative; top: 200px; left: -70px; }
#ukrmap .cherkassy { position: relative; top: 180px; left: -50px; }
#ukrmap .poltava { position: relative; top: 150px; left: -50px; }
#ukrmap .zakarpat { position: relative; top: 185px; left: 15px; }
#ukrmap .if { position: relative; top: 170px; left: -30px; }
#ukrmap .chernivtsi { position: relative; top: 198px; left: -100px; }
#ukrmap .kirovograd { position: relative; top: 205px; left: -80px; }
#ukrmap .dnipropetrovsk { position: relative; top: 200px; left: -90px; }
#ukrmap .donetsk { position: relative; top: 200px; left: 500px; }
#ukrmap .odesa { position: relative; top: 250px; left: 255px; }
#ukrmap .mykolaiv { position: relative; top: 210px; left: 220px; }
#ukrmap .kherson { position: relative; top: 260px; left: 200px; }
#ukrmap .zaporiga { position: relative; top: 220px; left: 200px; }
#ukrmap .krym { position: relative; top: 310px; left: 400px; }

.feedbacktable { width: 500px; }
.feedbacktable td { padding: 1px 3px; vertical-align: top; }
.feedbacktable .field { width: 150px; }
.feedbacktable .input { width: 350px; }

.pricelist table { border: 1px solid black; border-collapse: collapse; margin: auto; margin-top: 20px; }
.pricelist table th { text-align: center; vertical-align: top; padding: 2px; background-color: #cccccc; border: 1px solid black; font-weight: bold; }
.pricelist table td { text-align: left; vertical-align: top; padding: 2px 5px; border: 1px solid black; }
.pricelist table th.pricelisttitle { font-size: 16px; text-align: left; padding: 5px 15px; }

.zrprod { border: 1px solid black; border-collapse: collapse; margin: 10px auto; width: 100%; }
.zrprod th { text-align: center; vertical-align: middle; padding: 2px; background-color: #eeeeee; border: 1px solid black; font-weight: bold; }
.zrprod td { text-align: center; vertical-align: middle; padding: 2px; border: 1px solid black; }

#body .poliv { width: 175px; height: 150px; text-align:center; float: left; margin: 10px; }
#body .poliv h1 { font-weight: bold; font-size: 11px; text-transform: none; color: #000000; margin-bottom: 5px; }
#body .poliv h2 { font-weight: normal; font-size: 10px; text-transform: none; color: #000000; text-align: right; }

#action { padding: 0px 0px 20px 20px; overflow: hidden; float: right; width: 200px; background-color: #ffffff; }
#action .title { background-color: #4c772f; color: #ffffff; text-align: center; font-size: 14px; font-weight: bold; padding: 5px; }
#action .container { padding: 5px; border: 1px solid #4c772f; }

#proditemscontainer { margin-left: 20px; }

.price td { padding: 2px 5px 2px 0px; }
.price strong { color: #4c772f; text-transform: none; font-weight: bold; }

#anketadialog p { font-size: 13px; line-height: 1.2; margin: 0px; padding: 0px; margin-bottom: 3px; }
#anketadialog input { font-size: 13px; line-height: 1; padding: 0px; margin: 1px 0px; height: 14px; }
.anketa_page1 { background: url('/files/Image/anketa_page1.jpg') center center no-repeat; height: 450px; width: 474px; padding: 250px 10px 5px 10px; }
.anketa_page2 { background: url('/files/Image/anketa_page2.jpg') center center no-repeat; height: 580px; width: 474px; padding: 120px 10px 5px 10px; }

.floatblock { display: inline-block; width: 200px; height: 150px; border: 1px dotted silver; text-align: center; padding: 5px; margin: 5px; vertical-align: top; }
.floatblock p { text-align: center; }

#maillist-subscribe-form div { padding: 2px 0px; }

#contactlist {width:540px; float:left;}
#contactlist h3 { font-size:1.4em; margin-bottom:10px;}
.contact-name { clear:both;}
.contact-name strong { display:block; margin-bottom:5px;}
.contact-name img { float:left; margin-right:10px; margin-bottom:20px;}

.attention { text-align: center; padding: 5px; margin: 5px 0px; font-weight: bold; border: 1px dotted #4c772f; background-color: #F7EDA4; }
.attention a, .attention a:link { font-weight: bold; margin: 0px 5px; }

#single p { clear:both; margin-bottom:10px;}
#single img {float:left;; margin-right:10px;  margin-bottom:10px;}


#usrmgt_remindpass_dialog td, #usrmgt_signin_dialog td, #usrmgt_register_dialog td { color: #ffffff; padding: 2px; }