/* CSS Document */
/*The CSS document is created by Melhaer for the needs of Eliksir, All Rights Reserved. email: melhaer@abv.bg*/

/*General Settings*/

* {
	margin: 0;
	padding: 0;
}

html, body {
	background: url(../images/grey_bgr.png);
	font: 11px "Trebuchet MS", "Lucida Grande", serif;
	color: #030;
}

img, a {
	border: 0;
}

a {
	color: #069;
}

a:hover {
	text-decoration: none;
}

.hide {
	display: none;
}

.clearer {
	clear: both;
	height: 1px;
	margin-top: -1px;
}

.centered {
	text-align: center !important;
}

fieldset {
	border: 0;
}

.displayNone {
	display: none;
}

.displayBlock {
	display: block;
}

p q {
	font-weight: bold;
	font-style: italic;
	color: #666;
}

p a:visited {
	color: #666;
}

/*Layout settings*/
#top, #top_en {
	width: 800px;
	margin: 20px auto 0 auto;
	background: url(/images/logo_bg.png);
	height: 180px;
}

#top_en {
	background: url(/images/logo_en.png);
}

#top h1, #top_en h1 {
	float: left;
	margin: 0 0 0 25px;
}


#top h1 a, #top_en h1 a {
	display: block;
	width: 138px;
	height: 138px;
}

#top #lang, #top_en #lang {
	float: right;
	padding: 3px 10px 0 0;
}

#top #lang a, #top_en #lang a {
	color: #fff;
}

#wrapper {
	width: 800px;
	margin:0 auto;
	background: url(/images/wrap_bgr.jpg) repeat-y;
}

#main_content {
	position: relative;
	clear: both;
	
}

#butterfly {
	display: none;
	position: absolute;
	top: 3px;
	right: 3px;
	z-index: 1000;
	height: 200px;
	width: 152px;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	background: url(/images/butterfly.gif) no-repeat;
}

html>body #butterfly {
	background: url(/images/butterfly.png) no-repeat;
}

#left_nav {
	float: left;
	width: 200px;
}

#left_nav ul {
	list-style: none inside;
	margin: 10px 0;
}

#left_nav li a {
	display: block;
	margin: 0 0 0 -16px;
	height: 25px;
	line-height: 25px;
	background: url(/images/nav_bgr.gif) repeat-x;
	color: #fff;
	text-decoration: none;
	padding: 0 0 0 10px;
	font-size: 14px;
}

html>/**/body #left_nav li a {
	margin: 0;
}

#left_nav li a:hover, #left_nav li.current a {
	background: url(/images/nav_hover_bgr.gif) repeat-x;
}

#content {
	float: left;
	width: 550px;
	padding: 10px 30px 10px 15px;
	display:: inline;
	padding-top: 258px;
	background: url(/images/flowers_bg.jpg) top right no-repeat;
}

.content_en 
{
background: url(/images/flowers_en.jpg) top right no-repeat !important;
}

html>body #content {
	width: 555px;
}

#content ul.default {
	margin: 0 0 0 40px;
}

#content ol {
	list-style: decimal inside;
	margin: 0 0 0 40px;
}

#content ol ol {
	list-style: inside lower-alpha;
}

#content ul.default li, #content ol li {
	margin:3px 0;
}

#content h2 {
	font-size: 14px;
	margin: 10px 0;
	clear: both;
}

#content h3 {
	text-align: center;
	margin: 20px 0;
	font-size: 13px;
}

#content p {
	text-align: justify;
	margin: 5px 0;
}

#content p a.more {
	display: block;
	width: 200px;
	clear: both;
}

#content p img {
	float: left;
	margin: 0 7px 0 0;
}

.article_head {
	background: #cfc;
	margin: 10px 0;
	padding: 5px;
	height: 55px;
	z-index: 1;
}

.article_head .article_source {
	float: left;
	font-weight: bold;
}

.article_head .date_published {
	float: right;
	font-style: italic;
}

.article_head .author_name {
	clear: both;
	font-weight: bold;
	color: #3f3399;
	font-size: 12px;
}

.article_head h3 {
	position: relative;
	margin:0 !important;
	padding: 0;
	text-align: left !important;
	font-size: 13px;
}

.article_head h3 a {
	color: #600;
}

.article_head h3 a:hover {
	color: #f00;
}

.article_head h3 a:visited {
	color: #666;
}

.article_head h3 a.back {
	position: absolute;
	right: 0;
	font-size: 11px;
	font-style: oblique;
	color: #036;
}

#alphabet {
	list-style: none inside;
}

#alphabet li {
	float: left;
	margin: 20px 0;
}

#alphabet li a {
	width: 15px;
	height: 15px;
	margin: 0 0 0 3px;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-decoration:none;
	padding: 3px;
	background: #000;
}

#alphabet li a:hover {
	color: #f00;
	list-style: none inside;
}

#search {
	clear: both;
	text-align: center;
	margin: 20px auto;
}

#search input {
	width: 350px;
}

#search input.button {
	width: auto;
	background: url(/images/nav_bgr.gif) repeat-x;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

#search input.button:hover {
	background: url(/images/nav_hover_bgr.gif) repeat-x;
}

#product_list, #dist {
	clear: both;
	list-style: none inside;
}

#product_list .letter {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	margin: 10px 0;
}

#product_list abbr {
	cursor: help;
	color: #003;
	font-weight: bold;
}

.top_page a {
	text-align: left;
	font-size: 11px;
	margin: 0 220px 10px 0;
	color: #069;
}

address {
	float: left;
	width:190px;
}

html>body address {
	width: 210px;
}

#register {
	float:right;
	margin: 0 10px 0 0;
background: display: inline;
}

html>body #register {
	margin: 0 40px 0 0;
}

#register label {
	display:block;
	font-size:11px;
}

#register input {
	width:280px;
}

#register textarea {
	width:280px;
	height:150px;
}

#register input.submit {
	width: auto;
	background: url(/images/nav_bgr.gif) repeat-x;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	margin: 5px 0;
}

#register input.submit:hover {
	background: url(/images/nav_hover_bgr.gif) repeat-x;
}

.success, .error {
	text-align:center;
	padding-top:20px;
	font-weight:bold;
	clear: both;
	float: right;
	width: 350px;
}

.success {
	color:#1D720F;
}

.error {
	color:#f00;
}

#bottomnav {
	clear: both;
	list-style: none inside;
	padding: 20px 0;
}

#bottomnav li {
	float: left;
	margin: 0 5px 0 0;
}

#bottomnav li.current a {
	text-decoration: none;
}

#footer {
	clear: both;
	width: 800px;
	margin: 0 auto 0 auto;
	padding-bottom: 20px;
	text-align: center;
	height: 25px;
	line-height: 25px;
	background: url(/images/footer_bgr.png) no-repeat;
	color: #fff;
}

#footer a {
	color: #cc0;
	text-decoration: none;
}

#footer a:hover {
	color: #fff;
}

table {width: 100%;}

table, caption, th, td {
border: 1px solid #666;
border-collapse: collapse;
padding: 3px;
}

caption {background: #003; color: #fff; font-weight: bold;} 
th {background: #333; color: #fff;}
tr.light {background: #f9f9f5;}
tr.dark {background: #b3f2f4;}
tr.light:hover, tr.dark:hover {background: #fbfbd9;}
table tbody th {background: #51514c; color: #fff; font-weight: bold;}

tr.general {background: #322e50; color: #fff; font-weight: bold; font-style: italic;}
tr.general th {background: #333;}