/* © Reklamne Dzherelo */
/* CSS Updated 14.04.09 9:49 */

body {margin: 0; padding: 0; height: 100%; background: #01509f; color: #fff}
body, td, th {font-size: 90%; font-family: Arial, sans-serif}

a {color: #fff}
a:visited, div.banner-side a:visited p, div.banner a:visited p {color: #6699cc}
a:hover, a:active, div.banner-side a:hover p {color: #edd394; text-decoration: none}
a.popup img.popup {width: 11px; height: 9px; border: 0; margin-left: 3px}

/* Greeting */
#greeting {position: relative; margin-top: 3em; margin-bottom: 4em; font-family: "Times New Roman", Times, serif; font-style:italic; font-size: 120%; color:#edd394;}
#greeting p {font-size: 105%;}
div.gpicture {float: right; margin-left: 20px}
#greeting p.source { font-weight: bold; font-size: 14px; text-align: right; margin-right: 50px}

h1, h2, h3, h4, h5 {color: #edd394}
h1 {font-size: 185%; font-weight: normal; margin: 49px 0 15px 0; padding-top: 0}
h2 {font-size: 150%; font-weight: normal; clear: left; padding-bottom: 0.5em}
h3 {font-size: 110%; font-weight: bold; padding-bottom: 0.5em}
h4 {font-size: 100%; font-weight: bold}
h5 {font-size: 90%; font-weight: bold}
h2, h3, h4 {margin: 2.5em 0 0.5em 0}

h2:first-child, h3:first-child, h4:first-child {margin-top: 0}
h1+h2, h1+h3, h1+h4, h2+h3, h2+h4, h3+h4 {margin-top: 0}

p {margin-bottom: 1em; line-height: 1.4em; margin-top: 0.3em;} 
.comment {color: #bbb}
b {color: #edd394}

img {margin: 0; padding: 0; border-width: 0; border: 0}
table {border: 0; border-style: none}


/* Lists */
ul, ol {margin: 0 0 1em 45px; padding: 0}
ul {list-style-type: none}
li {margin: 0 0 0.15em 0; padding: 0; line-height: 1.45em}
li ul, li ol {margin-top: 0.5em}

.clear {clear: left}
div.clearboth {clear: both; height: 40px;}
.width-fix {width: 100%}
span.hanging-quote {margin-left: -0.6em}

div.content ul li {behavior: expression( !this.before && this.parentNode && this.parentNode.nodeName == 'UL' ? this.before = this.innerHTML = '<span class="bullet">&mdash;&nbsp;</span>' + this.innerHTML : '' ); text-indent: expression( this.parentNode && this.parentNode.nodeName == 'UL' ? '-1.3em' : 0 )}
div.content ul li span.bullet {color: #edd394}
div.content ul>li {text-indent: -1.3em}
div.content ul>li:before {content: '\2014\a0'; color: #edd394}
div.content ol>li {text-indent: 0}

div.content ul.ingredients li {text-indent: 1.3em}
div.recept ul li {text-indent: 1.3em}
div.news-article div.recept div.picture img {float: left; clear: right; margin: 0 1em 1em 0; border: 1px dashed #fff}

/* Layout */
table.layout {height: 100%; width: 100%; background-image: url(../i/layout/stars.jpg); background-attachment: scroll; background-repeat: repeat-x}
.layout .hat {height: 280px} 
.layout .hat td {vertical-align: top}
.layout .right-col {width: 25%; vertical-align: top; padding-right: 30px}

/* Path */
div.path {font-size: 90%; margin-right: 25%; position: absolute; top: 270px; left: 60px; clear: right; float: right}
div.path a:link, div.path a:visited {color: #fff}
div.path, div.path a:hover, div.path a:active {color: #edd394}

/* Content */
div.content-area {position: relative; left: 90px; top: 20px; margin-right: 6%;  width: 85%; height: 100%}
div.content {margin: 0 0 0 47px}

/* Logos */
div.logotypes {position: relative; top: 28px; width: 216px; margin-right: 51px; text-align: center}
div.logotypes img {margin: 0 0 30px 0}

/* Nav-icons */
div.nav-icons {position: relative; margin-top: 30px; width: 270px; text-align: center}
div.nav-icons div {float:left; padding-right: 15px}

/* Menu */
ul.menu {font-size: 105%; line-height: 120%; margin-top: 15px; margin-right: 15px; margin-bottom:0; padding-left:0; list-style-type: none; white-space: nowrap}
ul.menu ul {font-size: 10pt; margin-top: 0.4em; margin-bottom: 1.1em; margin-left: 15px; padding-left: 0; list-style-type: none}
ul.menu ul ul {font-size: 10pt}
ul.menu li {margin-bottom: 0.25em; white-space: nowrap}
ul.menu b {color: #fff}
ul.menu a:link, ul.menu a:visited {color: #fff}
ul.menu, ul.menu a:hover, ul.menu a:active {color: #edd394}

/* Catalogue Of Products */
.bgd-blue {background: #01509F}
div.line-spacer {margin-bottom: 1em; clear: left}

div.new-product, div.product-preview {width: 442px; /*margin-bottom: 1.3em*/}
div.new-product img, div.product-preview img {margin-right: 10px; border: 1px dashed #fff}

div.new-product {float: left; height: 230px; width: 230px; text-align: center;}
div.new-product p {font-size: 0.9em; padding: 0 30px 0 30px}

div.recept div.new-product {float: left; height: 230px; width: 230px; text-align: center}
div.recept div.new-product p {font-size: 0.9em; padding: 0 30px 0 30px}

div.index-product, div.current-product {float: left; height: 140px; width: 157px; text-align: center}
div.index-product img, div.current-product img {margin: 1px; border: 1px dashed #fff}
div.index-product a:hover img, div.product-preview a:hover img {border: 1px dashed #edd394}
div.index-product p {font-size: 0.9em}

div.current-product {color: #edd394; opacity: 0.3; filter: alpha(opacity=30)}
div.current-product img {border: 1px dashed #edd394}

div.product-description {min-width: 442px; margin-bottom: 1.3em}
div.dotted-line {border-bottom: 1px dashed #fff}

table.base-dotted {margin: 0 0 2em 0; empty-cells: show; position: relative; left: -0.4em; width: 442px}
table.base-dotted td{border-bottom: 1px	dashed #fff}
table.base-dotted th,
table.base-dotted thead td,
table.base-dotted tr.header td {text-align: left; font-weight: bold; border-bottom: 1px solid #ddd; color: #edd394}

div.product-navigation {width:480px}
div.t2 {top: 0px; left: 50%; width: 50%; position: relative; border: 1px dotted #fff}

/* Tables */
table.base {margin: 0 0 1em 0;empty-cells: show;position: relative;	left: -0.4em;}
table.base caption {text-align: left; font-size: 88%; font-weight: bold; color: #edd394; padding: 0 1em 0.5em 0}
table.base th, table.base td {padding: 0.5em 1em 0.5em 0.5em; vertical-align: top}
table.base th,
table.base thead td,
table.base tr.header td { font-size: 95%; text-align: left; font-weight: bold; border-bottom: 1px solid #ddd; color: #edd394}
table.base tr.subheader td {font-weight: bold}
table.base th.supheader, table.base td.supheader {text-align: center}
table.base tr.separator td {border-bottom: 1px solid #ddd; padding-bottom: 1em}
table.base th.num, table.base td.num, table.base th.Number, table.base td.Number {text-align: right}
table.base td.indent1, table.base tr.level2 td.first {padding-left: 3em}
table.base tr.hover td, table.base tr:hover td {background-color: #6699cc}
table.base thead tr.hover td, table.base tr.header td, table.base tr.subheader td, table.base tr.nohover td {background-color: transparent}
table.base tr.header td {color:#fff}
table.base th.border-left, table.base td.border-left {border-left: 1px solid #ddd}
table.base th.border-right, table.base td.border-right {border-right: 1px solid #ddd}

/* Download Files */
div.download {clear: left; margin: 1.35em 0 1em 0}
div.dn-file {position: relative; margin: 0 0 0.5em 30px; //width: 100%}
div.dn-file div.icon {position: absolute; top: 0; left: -30px}
div.download div.dn-file div.info {color:#bbb}

/* Calendar Line */
div.years a:link {color: #fff}
div.years {margin-top: 2em; //width: 100%; color: #edd394}
div.years div {float: left; margin: 0 1.5em 0.5em 0}
div.years div.clear {height: 3em}

/* Pictures & Certificates */
div.news-article div.picture,
div.news-article div.picture-nobord {width: auto; height: auto; float: left; clear: left; margin: 2.5em 2em 2em 0}

div.news-article div.picture div.descr,
div.news-article div.picture p,
div.picture-float div.descr { position: relative; clear: left; font-size: 85%; font-weight: bold; color: #ddd; text-align:center; margin-bottom: 0em}

div.news-article div.picture-nobord { border:none}

div.picture-right-align {width: auto; height: auto; float: right; margin: 1em 1em 1em 1em; clear: right}

div.picture-float {width: auto; height: auto; float: left; margin: 1em 1em 1em 0}

div.news-article div.picture img,
div.picture-right-align img,
div.picture-float img {float: left; clear: right; margin: 0 1em 1em 0; border: 12px solid #fff}

div.descr {font-size: 11px; color: #ddd; text-align:center}

div.news-article div.picture-nofloat {width: auto; height: auto; clear: right; margin: 0 1em 1em 0;}
div.news-article div.picture-nofloat img {border: 2px solid #fff}

div.collage {width: auto; height: auto; float: left; clear: right}
div.textwrap {height: auto; width: 30px; float: left; clear: right}
div.empty { width:auto; height: 0; float:none; clear:both}

div.thumbnail {/*min-width: 90px; height: 240px;*/  float: left; margin: 0.5em 2em 1em 0; clear: left}
div.thumbnail img { margin-left: 10px}
div.thumbnail-description, div.thumbnail-description-bord {min-width: 110px; width: 12em; min-height: 210px; height: 24em; float: left; margin: 0.5em 2em 1em 0}
div.photo {width: auto; height: auto; float: left; margin: 1em 2em 0 0}

div.thumbnail-land-description {min-width: 173px; width: 10em; min-height: 170px; height: 17em; float: left; margin: 1em 2em 0 0}
div.anons-thumbnail img, div.thumbnail img, div.thumbnail-description img, div.thumbnail-land-description img, div.photo img {border: 6px solid #fff}

div.thumbnail-description div.download img, div.photo div.download img {border: none}
div.thumbnail-description p, div.thumbnail-description-bord p, div.thumbnail-land-description p, div.photo p {font-size: 12px; color: #fff; margin-bottom: 0; margin-top: 1em}
div.thumbnail-description-bord p { padding-left: 7px}
.bgd-white {background: white}

div.dotted {border: 1px dashed #fff; padding: 1.5em 1.5em 0.7em 1.5em; position: relative; clear: both; float: left; margin-top: 4em; margin-bottom: 1em; font-size: 12px; background-color: #6699cc;}
div.dotted a:visited {color: #edd394}

div.incut-dotted {border: 1px dashed #fff; padding: 1.5em; clear: both; float: left; background-color: #6699cc;}
div.incut-dotted b {color: white}
div.incut-dotted a:visited {color: #edd394}

/* Banner Picture */
div.banner {width: 135px; height: 180px; float: left; margin: 1em 2em 0 0}
div.banner img {border: 1px dashed #fff}
div.banner a:hover img {border: 1px dashed #edd394}
div.banner a:hover p {color: #edd394}
div.banner p {font-size: 0.9em; color: #fff; margin-top: 0.5em; margin-bottom: 0; text-align: center}

div.banner-side {position: relative; float:left; clear: both; text-align: center}
div.banner-side div {position: relative; z-index: 1; right: -20%; margin-top: 3em}
div.banner-side div p {font-size: 0.85em; color: #fff; margin-top: 0.5em; text-align: center}
div.banner-side div img {border: 1px dashed #edd394}
div.banner-side div.noborder img {border: 0}

* html div.banner-side div {position: relative; z-index: 1; right: -30%; margin-top: 3em}
* html div.banner-side div p {position: relative; z-index: 1; right: 8%}

/* Banners */
table.banners {font-size: 100%; margin: 0 0 1em 0}
table.banners td.spacer div {width: 10px}

table.banners div.banner {position: relative}
table.banners div.banner div.image {text-align: center}

/* News */
div.news-list div.news-item {margin-bottom: 1em; clear:left;line-height: 1.45em}
div.news-list div.news-item div.date, div.date {color:#bbb; font-size: 11px; font-style: italic}
div.news-list div.news-item div.title {margin-top: 0.2em; margin-bottom: 0.5em; line-height: 1.45em}
div.news-list div.news-item div.title-action a {margin-top: 0.5em; color: #edd394; font-size: 130%; font-weight: bold}

div.news-article p.date, div.news-article p.source {font-size: 11px; color: #bbb; font-style: italic}
div.news-article p.source {font-size: 11px}

/* News Block */
table.news-block {margin: 1.5em 0}
table.news-block td.spacer div {width: 10px}
table.news-block td div.spacer {margin-bottom: 2em; clear: left}
table.news-block div.latest-news {margin-top: 1em; margin-right: 15px}
div.latest-news p {clear: both}
div.news-more, div.news-more a { font-size: 90%; margin-top: 1.8em; font-weight:bold}

/* Switch */
div.switch { margin-bottom: 5em; height: 0.5em}
div.switch div {display: block; float: left; padding: 4px; margin-right: 20px}
div.switch div.active {color: #000; background: #edd394; text-decoration: none}

/* Map */
div.map {font-size: 85%; line-height: 1.3em; position: relative}
.region {position: absolute; border: 0; margin: 0; z-index: 10}
.region-name, .selected-region-name {position: absolute; margin: 0; z-index: 20}
.region-name {color: #777}
.selected-region-name {color: #000}
.distrib {width: 100%; position: relative; height: 0; display: none}

/* Sitemap */
div.sitemap {position: absolute; top: 295px; margin-left: 30px; margin-top: 10px; color: #edd394}
div.sitemap div img {margin-right: 10px; float: left; border: 3px solid #edd394}
div.sitemap div a img {border-color: #01509F}
div.sitemap div.spacer {height: 0; clear: both}

/* Sitemap-list */
ul.sitemap-list {font-size: 115%; line-height: 120%; margin-top: 15px; margin-bottom:0; padding-left:0; list-style-type: none; white-space: nowrap}
ul.sitemap-list ul {margin-right: 45px; font-size: 90%; margin-top: 0.4em; margin-bottom: 1.1em; margin-left: 15px; padding-left: 0; list-style-type: none}
ul.sitemap-list ul ul {font-size: 95%}
ul.sitemap-list li {margin-bottom: 0.25em; white-space: nowrap}

/* Footer */
table.layout tr.footer td {vertical-align: bottom}

table.layout tr.footer {background-image: url(/i/layout/milk_line.gif); background-attachment: scroll; background-repeat: repeat-x; height: 59px; background-position: bottom}
table.footer-drops {width: 100%; height: 252px; background-image: url(/i/layout/milk_drops.jpg); background-repeat: no-repeat; background-position: right}

.hotline, .hotline2 {font-weight: bold; font-size: 120%}
.hotline {color: #c00}
.hotline2 {color: #edd394}

/* Copyright & Logo */
div.copyright-info {vertical-align: bottom; white-space: nowrap; padding-right: 20px; position: relative; font-size:12px; line-height: 150%; color: #000}
div.copyright-info a, div.copyright-info a:visited {color: #000}
div.copyright-info a:hover {color: #c00}

/* department */
span.department {padding-left: 1em; color: #bbb; font-style: italic}

/* Download files */
div.download {font-size: 90%; clear: left; margin: 0.5em 0 1em 0}
div.dn-file {position: relative; margin: 0 0 0.5em 30px}
div.dn-file div.icon {position: absolute; top: 0; left: -30px}
div.dn-file div.send-email {position: absolute; top: 8px; left: 0}
div.dn-file div.info {color: #94999c}

div.border img {border: 1px solid #fff; position: relative; left: -80px}

/* Intresting Block Articles */
div.interesting { position: relative; float:left; top: 35px; padding-left: 40px;}
* html div.interesting { position: relative; float:left; top: -15px; padding-left: 40px;}

div.vegetables { position: relative; float:left; margin-top: 35px; margin-bottom: 50px;}
* html div.vegetables {margin-right: 20px;}

/* contacts */
div.distrib p { margin: 0}
.distribut {
	width:200px;
	text-align:center;
	position:relative;
	float:left;
}

p.tel {text-indent: -2.51em; padding-left: 2.51em;}
p.en-tel {text-indent: -1.88em; padding-left: 1.88em;}

p.fax {text-indent: -2.81em; padding-left: 2.81em;}
p.en-fax {text-indent: -2.81em; padding-left: 2.81em;}

p.telfax {text-indent: -5em; padding-left: 5em;}
p.en-telfax {text-indent: -5em; padding-left: 5em;}

p.mob {text-indent: -2.71em; padding-left: 2.71em;}
p.en-mob {text-indent: -2.71em; padding-left: 2.71em;}

p.email {text-indent: -5.1em; padding-left: 5.1em;}
p.en-email {text-indent: -3.2em; padding-left: 3.2em;}

p.web {text-indent: -2.71em; padding-left: 2.71em;}
p.en-web {text-indent: -2.71em; padding-left: 2.71em;}