﻿/* ====================== MAIN THEME STYLES: layout, fonts & colors ====================== */
html, body {
    height: 100%;
}

img {
	border: 0px;
}

div#plant { 
	behavior: url(/css/resources/iepngfix.htc) 
}

BODY { background: #59861b url(/i/body_back.jpg); padding: 0 0 0 0; margin: 0 0 0 0; font-family: Tahoma, Arial, sans-serif; font-size: .7em; color: #525a68;}

#main { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%;}
#main2 { position: relative; min-height: 100%; height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;}
html>body #main2 {
    height: auto;
	}	

#footer {
position: absolute;
bottom: 0;

}

A {color: #006ab4;}
A:hover {color: #41a0ed;}
	
TD {vertical-align: top;}
P {margin: 0 0 0.5em 0; line-height: 1.5em; max-width: 60em;}

H1 {font-size: 1.2em; font-weight: bold; padding: 18px 0 1em 30px; background: url(/i/h1_dot.gif) no-repeat 0 21px; }
#infopage H1 {margin-left: -30px;}
H2 {font-size: 1.1em; font-weight: bold; padding: 0 0 0 15px; background: url(/i/h2_dot.gif) no-repeat 0 1px; }
H3 {font-size: 1.5em; font-weight: normal; color: #0a6c00;}
H4 {font-size: 1.1em; font-weight: bold; color: #F48000; margon: 0 0 .5em 0;}
H5 {font-size: 1em; font-weight: bold; color: #0a6c00; margon: 0 0 .5em 0;}

.admin {background: transparent; color: red; font-weight: bold; position: absolute; z-index:  100; top: 0px; left: 0px; }
.admin a {color: red;}
/*---------------------------------------------------------------------------------------------- */

.shop_menu {clear: both; padding-left: 24px;}

.pad_curr_back_home {background: url(/i/curr_pad_back.gif) repeat-x top; float: left; display: table; _width: 50px; margin-right: 4px;  color: #f48000; white-space: nowrap; font-size: 12px;}

.pad_curr_back {float: right;  margin-right: 10px; white-space: nowrap; font-size: 12px; height: 16px; padding-left: 20px; margin-top: 4px;}
.pad_curr_l {background:  url(/i/curr_pad_l.gif) no-repeat left top;}
.pad_curr_r {background:  url(/i/curr_pad_r.gif) no-repeat right top; height: 31px;  padding: 4px 10px 0 10px;}

#current_part.pad_curr_back_home {background: url(/i/curr_pad_back_a.gif) repeat-x top;}
#current_part .pad_curr_l {background:  url(/i/curr_pad_l_a.gif) no-repeat left top;}
#current_part .pad_curr_r {background:  url(/i/curr_pad_r_a.gif) no-repeat right top;}

#header .pad_curr_back_home .curr_menu_link  { color: #f48000;}
#header .curr_menu_link { color: #fff;}
#header .curr_menu_link:hover { color: #f7b166;}
#header #current_part .curr_menu_link {color: #fff; text-decoration: none; font-weight: bold;}


/*---------------------------------------------------------------------------------------------- */

FORM {margin: 0 0 0 0; padding: 0 0 0 0; }
.sub_form {font-size: .9em; margin: 0 0 0 0;}
.sub_form a {white-space: nowrap; }

.submit { background: #0371e1; color: #fff; cursor: pointer; font-weight: bold; font-size: .90em; border-right: 1px #0d5299 solid; border-bottom: 1px #0d5299 solid; border-top: 1px #0371e1 solid; border-left: 1px #0371e1 solid; margin-top: .5em; padding: 0 0 0 0;}
.reset { background: #F48000; color: #fff; cursor: pointer; font-weight: bold; font-size: .90em; border-right: 1px #AF5A00 solid; border-bottom: 1px #AF5A00 solid; border-top: 1px #F48000 solid; border-left: 1px #F48000 solid; margin-top: .5em; padding: 0 0 0 0;}
.back { background: #265B11; color: #fff; cursor: pointer; font-weight: bold; font-size: .90em; border-right: 1px #0F2F03 solid; border-bottom: 1px #0F2F03 solid; border-top: 1px #265B11 solid; border-left: 1px #265B11 solid; margin-top: .5em; padding: 0 0 0 0;}

.green_input {height: 1.4em; background: #F8FFEF; border: 1px #2F4F05 solid; padding: 2px; color: #525a68; font-size: .8em;}
.green_submit {background: #F48000; color: #fff; cursor: pointer; font-weight: bold; font-size: .90em; border-right: 1px #AF5A00 solid; border-bottom: 1px #AF5A00 solid; border-top: 1px #fff solid; border-left: 1px #fff solid; margin-top: .5em; padding: 0 0 0 0;}

.add { color: #f48000; cursor: pointer; font-weight: bold; font-size: .90em; border: 1px #fff solid;  padding: 0 0 0 0; background: #fff url(/i/buy.gif) no-repeat 6px 2px; height: 24px; padding: 7px 6px 1px 20px;}
*html .add {padding: 7px 6px 1px 8px;}

.input {height: 1.4em; background: #fff; border-bottom: 1px #F2EEE8 solid; border-right: 1px #F2EEE8 solid; border-top: 1px #CFC5B5 solid; border-left: 1px #CFC5B5 solid; padding: 2px; color: #525a68; font-size: .8em;}
textarea.input {height: auto; width: auto; font-family: Tahoma, Arial, sans-serif; font-size: 1em;}

.m8 form p  {background: url(/i/form_dot.gif) no-repeat 0 6px; padding-left: 10px;}
/*---------------------------------------------------------------------------------------------- */

#sky { background: #8fdcfc url(/i/sky_back.gif) repeat-x; height: 474px; }
#sky div { background: url(/i/trees_l.jpg) no-repeat left bottom; height: 474px;}
#sky div div { background: url(/i/trees_r.jpg) no-repeat right bottom; height: 474px;}

.content {width: 100%;}
.left { width: 296px;  }
.right {  }

/*-------------------------------------------------------------------------------------------- */

#logo {margin: 37px 0 0 29px ;}

#header {color: white;}
#header a {color: white;}
#header a:hover {color: #c1e7f8;}

#header .right {padding: 0 30px 0 0; }

#login { float: left; width: 44%; background: url(/i/login_back.gif) repeat-x bottom; margin-right: 20px;}
#login div { background: url(/i/login_l.gif) no-repeat left bottom;}
#login div div { height: 39px; background: url(/i/login_r.gif) no-repeat right bottom; padding: 15px 1em 3px 1em;}
#login .white_input {width: 10%; background: #4e9be8; border-color: #4e9be8;}

#search {float: right; width: 50%; background: url(/i/search_back.gif) repeat-x bottom;}
#search div { background: url(/i/search_l.gif) no-repeat left bottom;}
#search div div { height: 39px; background: url(/i/search_r.gif) no-repeat right bottom; padding: 15px 1em 3px 1em;}
#search .white_input {width: 50%}
*html #search { width: auto;}

.white_input { height: 1em; background: #3c8cdc; border: 1px #3c8cdc solid; padding: 2px; color: #fff; font-size: .8em;}
.white_submit { height: 1.3em; background: #fff; border: 1px #fff solid; padding: 0; color: #0471df; font-size:1em; cursor: pointer; line-height: 1em;}


#menu_top {padding: 0 220px 10px 0px; clear: both; min-height: 50px; overflow: visible; background: transparent; }

#menu_top a {padding: 0 10px 0 0px; margin-left: 0px; ; white-space: nowrap;   }
#menu_top a img {margin: 0 4px 0 0;}

/*------------------------------------------------------------------------------------------- */
.content {margin: 0 0 85px 0; -webkit-margin-bottom-collapse: separate;}

.m01 {background: #fcfbfa url(/i/main_t.jpg) repeat-x top; margin: 0 30px 0 0;}
.m02 {background: url(/i/main_r.gif) repeat-y right;}
.m03 {background: url(/i/main_b.jpg) repeat-x bottom;}
.m04 {background: url(/i/main_l.gif) repeat-y left;}
.m05 {background: url(/i/main_lt.jpg) no-repeat left top;}
.m06 {background: url(/i/main_rt.jpg) no-repeat right top;}
.m07 {background: url(/i/main_lb.jpg) no-repeat left bottom;}
.m08 {background: url(/i/main_rb.jpg) no-repeat right bottom;  min-height: 600px; padding-bottom: 20px;}
*html .m08 {height: 600px;}

.m08 p  {margin: 0 30px 1em 30px; }



#plant {width: 213px; height: 119px; background: url(/i/plant.png) no-repeat 0 0; float: right; margin: -85px -30px 0 0; position: relative;}

#infopage {padding: 0 30px 20px 30px;}
.m08 #infopage p {margin-left: 0px;}

/*------------------------------------- LEFTLEFT --------------------------------------------------------- */

.leftleft {color: #fff; width: 296px;}
.leftleft a {color: #fff;}
.leftleft  a:hover {color: #cddaba;}

.leftleft small {color: #cddaba;}

.left_content {margin: 240px 30px 0px 15px;}

/*------------------------------------- NEWS --------------------------------------------------------- */

.news_block {margin: 0 50px 10px 15px;}
.news_block a {font-weight: bold; padding-right: 10px;}
.news_block p {margin: .5em 0 0 15px; line-height: 1.1em; color: #dde6d1;}
/*------------------------------------- �������� --------------------------------------------------------- */

#contact { width: 141px; height: 80px; background: url(/i/contact_back.png) repeat-x 0 0;  padding: 15px 0 0 80px; line-height: 1.3em; }
#contact p {font-size: 1.1em; margin-bottom: .5em; font-weight: bold;}
#contact a:hover {color: #c1e7f8;}

#contact_r {height: 95px; width: 14px;  background: url(/i/contact_r.png) no-repeat right top;}

* html #contact {background: transparent; }
* html #contact {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/contact_back.png', sizingMethod='scale'); }

* html #contact_r {background: transparent; }
* html #contact_r {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/contact_r.png', sizingMethod='image'); }

/*------------------------------------- BASKET --------------------------------------------------------- */

#basket {width: 168px; height: 56px; background: #037bf5 url(/i/basket_back.png)  no-repeat 0 0; float: right; clear: both; color: #fff; line-height: 1.3em; padding: 5px 0 0 15px; margin-bottom: 10px; }
#basket strong {font-size: 1.1em;}

.get {float: right; margin: -20px 0 0 0; width: 68px; height: 19px; background: #f8f7f4 url(/i/get_back.gif) no-repeat; padding: 0 0 0 15px; }
.get a {color: #f48000; font-weight: bold;}
.get a:hover {color: #f8b366;}

/*------------------------------------- DARK --------------------------------------------------------- */

#sub_left {padding: 40px 0 40px 30px; color: white}
#sub_left a {color: white;}
#sub_left a:hover {color: #cddaba;}

.dark00 {width: 205px; background: url(/i/dark_back.gif); }
.dark01 {background: url(/i/dark_lt.gif) no-repeat left top;}
.dark02 {background: url(/i/dark_rt.gif) no-repeat right top;}
.dark03 {background: url(/i/dark_lb.gif) no-repeat left bottom;}
.dark04 {background: url(/i/dark_rb.gif) no-repeat right bottom; }

#menu_bottom .dark04 {padding: 12px 10px 12px 40px;}
#menu_bottom a {display: block; height: 2em; background: url(/i/menu2_dot.gif) no-repeat 0 5px; padding-left: 8px;}
/*------------------------------------- LIGHT --------------------------------------------------------- */

#sub_right {padding: 40px 30px 10px 0; color: white}
#sub_right a {color: white;}
#sub_right a:hover {color: #cddaba;}



.light00 { background: url(/i/light_back.gif); }
.light01 {background: url(/i/light_lt.gif) no-repeat left top;}
.light02 {background: url(/i/light_rt.gif) no-repeat right top;}
.light03 {background: url(/i/light_lb.gif) no-repeat left bottom;}
.light04 {background: url(/i/light_rb.gif) no-repeat right bottom; padding: 0px 20px 12px 20px; overflow: hidden; _height: 0px;}
*html .light04 {overflow: visible;}

.light04 h2 {margin-top: 15px; background: url(/i/h22_dot.gif) no-repeat 0 1px;}

*html .light04 h2 {margin-top: 0; padding-top: 15px; background-position: 0 16px;}

.besttable {margin-left: 15px;}
.best {padding: 0 15px 10px 0; overflow: hidden; width: 33%}
.best div {background: #fff; padding: 1px; _width: 1px; display: table; float: left; margin-right: 15px; }
.best img {/*padding: 1px;  border: 1px #b8b5b0 solid; */}
.best a {font-size: 1.1em;}
.best p { line-height: 2em;/* width: 10em; float: left;*/}

/*------------------------------------- CONTENT MAIN --------------------------------------------------------- */

.content_wrap { margin: 0px 30px 30px 30px; clear: both;  padding: 0 0 2em 0;}
*html .content_wrap {margin-bottom: 40px;}
div.wrap_left {float: left}
div.wrap_left img {padding: 1px; border: 1px #d5d1cd solid;}
div.wrap_right {display: table; _height: 1px; padding: 0 0 0 15px; overflow: hidden; }
div.wrap_right p {margin: 1em 0 .5em 0px;}

td.wrap_left {padding: 20px 0 20px 0; text-align: right; border-bottom: 1px #f2f0ee solid;}
td.wrap_left img {padding: 1px; border: 1px #d5d1cd solid;}
td.wrap_right { padding: 20px 0 20px 15px;  border-bottom: 1px #f2f0ee solid;}
td.wrap_right p {margin: 1em 0 .5em 0px;}
.home_table {margin: 40px 30px 30px 30px;}

table.content_wrap { margin: 0px 30px 30px 30px; clear: both;  padding: 0 0 2em 0;}

.head {font-size: 1.1em; font-weight: bold;}

.pad01, .show_all .pad01 {background: #f2eee8 url(/i/pad_lt.gif) no-repeat left top; }
.pad02, .show_all .pad02  {background: url(/i/pad_rt.gif) no-repeat right top;}
.pad03, .show_all .pad03  {background: url(/i/pad_lb.gif) no-repeat left bottom;}
.pad04, .show_all .pad04  {background: url(/i/pad_rb.gif) no-repeat right bottom; padding: 5px; }

.shoq_all {background: #f2eee8; height: auto;}
.show_all,.show_one {position: absolute; z-index: 40; background: #f2eee8 url(/i/show_one.gif) no-repeat right top; padding: 5px 20px 10px 5px; border-left: 2px #e2ddd5 solid; margin-top: 5px; }
.show_one {height: .4em; overflow: hidden; background: #f2eee8 url(/i/show_all.gif) no-repeat right top;}

.show {background: #f2eee8  no-repeat right top; padding: 5px 20px 10px 5px; border-left: 2px #e2ddd5 solid; margin-top: 5px; position: absolute; z-index: 40;}

.show1 {background: #f2eee8 ; padding: 5px 10px 10px 10px; border-left: 2px #e2ddd5 solid;}

#home .wrap_left {min-width: 100px}
*html  #home .wrap_left {width: 100px}
/*------------------------------------- CONTENT CAT --------------------------------------------------------- */
.head02 {font-size: 1.1em;}
.model_do {float: right; height: 22px;}
.price_pad {float: left; background: #f1f0ef; color: #707b8e; padding: 0px 6px 1px 6px; height: 22px;}
.price_pad strong {color: #0a6c00; font-size: 1.6em; font-weigth: normal;}
.buy_pad {float: left; height: 22px;}
.buy_pad a {color: #f48000; font-weight: bold; font-size: .95em;}
.buy_pad a:hover {color: #f8b366;}


.cat_table {margin: 0px 0 0 0; width: 99%;}

#cat_listing {border-top: 2px #f2f0ee solid; margin: 0em 30px 1.5em 30px; clear: both;}

#cat_listing td.wrap_left {padding: 10px 0 10px 0; width: 70px;}
#cat_listing td.wrap_right {padding: 10px 0 10px 10px;}

#cat_listing .content_wrap { margin: 1.5em 0 1.5em 0; clear: both;  padding: 0 0 1.5em 0; border-bottom: 1px #f2f0ee solid; _height: 1px; }
#cat_listing .wrap_left {}

.selected {font-weight: bold;}
/*------------------------------------- CONTENT PROD --------------------------------------------------------- */
#product_info {position: relative;}
#product_info .content_wrap {margin-right: 0px; width: 95%} 
#product_info .wrap_right {padding-right: 30px; padding-left: 20px;}
#product_info .wrap_left {text-align: left; width: 100px;}

#product_info h3 {margin-left: 30px;}

.model_do2 {float: right; background: #f2eee8 url(/i/prod_t.gif) no-repeat left top; margin: 0 0px 10px 10px;  border-left: 10px #FCFBFA solid; }
*html .model_do2 {margin-right: -15px; }
.md2inn { background: url(/i/prod_b.gif) no-repeat left bottom; }
.md2inn2 { background: url(/i/prod_rt.gif) no-repeat right top; }
.md2inn3 { background: url(/i/prod_rb.gif) no-repeat right bottom; padding: 15px 30px 40px 15px; overflow: hidden; }

#product_info .buy_pad {float: none; height: 24px; padding: 0; margin: 5px 0 10px 0; _width: 1px; display: table;}

.star00 {height: 11px; width: 64px; background: url(/i/star00.gif) no-repeat; overflow: hidden; margin-top: 4px; margin-bottom: 6px;}
.star01 {height: 11px; width: 64px; background: url(/i/star01.gif) no-repeat; overflow: hidden; margin-top: 4px; margin-bottom: 6px;}
.star02 {height: 11px; width: 64px; background: url(/i/star02.gif) no-repeat; overflow: hidden; margin-top: 4px; margin-bottom: 6px;}
.star03 {height: 11px; width: 64px; background: url(/i/star03.gif) no-repeat; overflow: hidden; margin-top: 4px; margin-bottom: 6px;}
.star04 {height: 11px; width: 64px; background: url(/i/star04.gif) no-repeat; overflow: hidden; margin-top: 4px; margin-bottom: 6px;}
.star05 {height: 11px; width: 64px; background: url(/i/star05.gif) no-repeat; overflow: hidden; margin-top: 4px; margin-bottom: 6px;}

.m08 .zoom {background: url(/i/zoom.gif) no-repeat right; padding-right: 10px; width: 1px; margin: 0 0 10px 0; }

.vote {background: #f2eee8; padding: 5px;}
/*------------------------------------- COMMON --------------------------------------------------------- */

.price {font-family: Arial Narrow, sans-serif; font-weight: bold; font-size: 1.5em;}
.price2 {color: #0a6c00; font-family: Arial Narrow, sans-serif; font-weight: bold; font-size: 1.7em;}

.m08 .pages {color: #8e9cb4; background: #f2f0ee; margin-bottom: 1px; padding: 0 5px 2px 5px;}
.pages a {margin-left: .7em}

.also {background: url(/i/also.gif) no-repeat left 7px; padding: 0 0 5px 14px; margin-bottom: 0; }

.save {color: #0a6c00}
.old {color: #707b8e; text-decoration: line-through;}
.ship {color: #0a6c00}
.warn {color: red;}

.none {font-size: .9em; line-height: 22px; background: #fff; white-space: nowrap; _width: 1px; display: table; padding: 0 18px 0 18px; }

.print, .m08 .print {padding-left: 20px; background: url(/images/printer-icon.gif) no-repeat; margin: 15px 0 0 0px;}

/*------------------------------------- CATALOG --------------------------------------------------------- */

.cat01 {background: #65a54b url(/i/cat_back.gif) repeat-x top;  _height: 0px; position: relative; top: -15px; }
.cat02 {background: url(/i/cat_b.gif) repeat-x bottom;}
.cat03 {background: url(/i/cat_l.gif) no-repeat left bottom;}
.cat04 {background: url(/i/cat_r.gif) no-repeat right bottom; _height: 21px; min-height: 21px; padding: 8px 10px 5px 5px;}
{ overflow: hidden; _height: 0px;}

#catalog {color: #fff;  font-size: 1.1em; line-height: 1.3em; margin: 0 20px 20px 30px; display: table;}
#catalog strong {background: url(/i/menu_tree.gif) no-repeat 0 4px; padding-left: 17px; padding-top: 2px;}

#catalog a {color: #fff;}
#catalog a:hover {color: #d2e5c8;}

.tree01 {margin: 0 3px 0 10px;}
.tree02 {margin: 0 3px 0 20px;}
.tree03 {margin: 0 3px 0 30px;}
.tree04 {margin: 0 3px 0 40px;}

#sub01 {margin: 0 10px 10px 40px;}
#sub02 {margin: 0 10px 10px  50px;}
#sub03 {margin: 0 10px 10px  60px;}
#sub04 {margin: 0 10px 10px  70px;}

#catalog .more, .moremore { position: absolute;   z-index: 50; margin: -1px 0 0 0; font-size: .9em; width: 200px;}
#catalog .more {  visibility: hidden;  background: url(/i/menu_more.gif) no-repeat 2px 5px ; }
#catalog .moremore { visibility: visible; }

.momo01 {background: url(/i/catpad.png); padding: 5px 10px 10px 10px;}
.momo02 {height: 1px; width:  1px;  background: url(/i/shadow.png);}


* html .moremore {background: url(/i/spacer.gif); }

* html .momo02 { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/shadow.png', sizingMethod='scale'); }
* html .momo01 {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/catpad.png', sizingMethod='scale'); }

#catalog .moremore a {color: #006ab4;}
#catalog .moremore a:hover {color: #41a0ed;}

.am, .amore {}
.am { background: url(/i/menu_tree.gif) no-repeat 0 4px; padding-left: 17px;}
.amore {background: url(/i/menu_tree2.gif) no-repeat 0 4px; padding-left: 17px;}
#catalog .amore a  {text-decoration: none;color: #f4e8d7;}
#catalog .amore a:hover {text-decoration: none;color: #f4e8d7; text-shadow: black .2em .2em}

/*------------------------------------- FOOTER --------------------------------------------------------- */

#footer { width: 100%;
height: 47px; background: url(/i/footer_back.gif) repeat-x; color: #fff;
}
#footer a {color: #fff;}

#seedling { position: relative; margin: -50px 10px 0 80px; width: 69px; height: 75px; background: url(/i/seedling_t.gif) no-repeat;}

.copyright {margin: -5px 0 0 296px;}

.sitemap li {
	margin: 0 3em 1em;
	list-style-type: circle;
}

.error_message {
	font-size: 120%;
	color: red;
	font-weight: bold;
}

