/*Основа и минимальная ширина + хак для IE6*/
HTML {height: 100%;}
BODY {height: auto !important; height: 100%; min-height: 100%; position: relative; margin: 0px; padding: 0px; font-size: 13px; line-height: 20px; font-family: 'Trebuchet MS', sans-serif; color: #555; background-color: #fff;}
.minwidth {min-width: 1000px; width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 1000? "1000px":"auto");}
/*---*/

/*Шапка*/
#header {position: relative; margin: 0px auto; padding-top: 50px; width: 84%;}
#header H1 {position: relative; display: block; width: 220px; height: 90px; text-indent: -500px; overflow: hidden; margin-left: 4.76%;}
#header P {line-height: 20px;}
#header .back {position: absolute; left: 25px; top: 20px; padding-left: 25px; background: url(/pics/back.gif) left 7px no-repeat;}
#header .logout {padding-left: 15px; margin-left: 15px; background: url(/pics/separator.gif) left 3px no-repeat;}
#header .logout A {padding: 1px 0px 1px 25px; background: url(/pics/close.gif) left 3px no-repeat;}
/*---*/

/*Меню 1 уровня*/
.menu {margin: -70px 0px 10px 38%; height: 100px;}
.menu UL {margin-top: 15px; height: 47px; margin-left: -13px;}
.menu LI {position: relative; display: block; z-index: 1; font-size: 30px; line-height: 30px; float: left; background: url(/pics/separator.gif) left 8px no-repeat; padding: 8px 5px; color: #f00;}
.menu LI A {padding: 8px 8px;}
.menu LI A:hover {background: #f00 none; color: #fff;}
.menu LI.first {background: none;}
.menu LI.active {padding: 8px 13px;}
/*---*/

/*Меню 2 уровня*/
.submenu {position: relative;font-size: 14px; font-weight: bold; text-align: center; border: 1px solid #b1d797; padding: 16px 0px;}
* HTML .submenu {height: 1%; border-right: none;}
.submenu LI {display: inline; padding: 0px 4px; background: url(/pics/separator.gif) left center no-repeat; margin-right: -4px; color: #f00;}
.submenu LI A {padding: 6px 12px;}
.submenu LI A:hover {background: #f00; color: #fff;}
.submenu LI.first {background: none;}
.submenu LI.active {padding: 0px 16px;}
.submenu LI.active A {padding: 0px; color: #f00; background: none;}
/*---*/

/*Контент*/
#content {width: 84%; margin: 0px auto;}
#content #left {width: 66.5%; float: left;}
#content #left.full {width: 100%; float: left;}
#content #left .padding {margin: 0px 50px; padding: 1px 0px 30px;}
#content #right {width: 33.5%; float: left; _overflow: hidden;}
#content #right .padding {margin: 0px 50px 0px 0px; padding: 1px 0px 30px;}
* HTML #content #right .padding {padding-top: 0px;}
#content.incat #right .padding {padding-bottom: 0px;}
.nav {font-size: 12px; margin: 45px 0px 50px;}
.nav .back {padding-left: 30px; background: url(/pics/back.gif) left 5px no-repeat;}
.nav .print {padding-left: 20px; background: url(/pics/print.gif) left 4px no-repeat;}
.nav SPAN {margin-left: 20px; padding-left: 21px; background: url(/pics/separator.gif) left 2px no-repeat;}
/*---*/

/*Правая колонка*/
.basket {position: relative; border: 1px solid #b1d797; padding: 15px 20px; font-size: 12px; line-height: 16px; color: #000; margin: 30px 0px; background: #fff;}
* HTML .basket {height: 1%; padding-bottom: 14px; border-right: none;}
/* HTML .basket .corner {display: none;}*/
.basket P {margin: 4px 0px !important;}
.basket P.sum {display: block; height: 35px; background: #b1d797; line-height: 35px;}
.basket P.sum SPAN {float: left; background: #f00; color: #fff; font-size: 30px; padding: 0px 30px 0px 10px; margin-right: 10px;}

#content .rmenu {margin: 30px 0px; font-weight: bold; color: #f00;}
#content .rmenu LI {padding-left: 0px; background: none; position: relative; margin-left: 20px;}
.shorttext {margin: 0px 20px;}

.bnr {position: relative; color: #f00; font-size: 12px; margin: 30px 0px;}
.bnr TABLE {width: 100%;}
.bnr TABLE TD {width: 1%; padding-right: 10px;}
/*---*/

/*Уголки*/
.corner {width: 9px; height: 9px; overflow: hidden; position: absolute; z-index: 2; background-image: url(/pics/corners.gif); background-repeat: no-repeat;}
.corner.inlist {background-image: url(/pics/corners-inlist.gif);}
.corner.main {background-image: url(/pics/corners-main.gif);}
.corner.tl {left: -1px; top: -1px; background-position: left top;}
.corner.tr {right: -1px; top: -1px; background-position: right top;}
.corner.bl {left: -1px; bottom: -1px; background-position: left -9px;}
.corner.br {right: -1px; bottom: -1px; background-position: right -9px;}
.corner.rline {display: none;}
* HTML .corner.rline {display: block; z-index: 1; right: -1px; width: 1px; height: 50px; border-right: 1px solid #b1d797; background: none;}
* HTML .corner.rline.t1 {top: 1px;}
* HTML .corner.rline.t2 {bottom: 1px; height: 90px;}
/*---*/

/*Цветы*/
#main {position: relative; width: 100%; height: 660px; margin: 0px; overflow: hidden; _height: 700px;}
#main H2 {position: relative; z-index: 5; top: 37px; font-size: 90px; line-height: 90px; margin: 0px auto; text-align: center; color: #f00;}
.fline {height: 1px; margin: auto; display: block;}
.fline .bouquet {position: relative; z-index: 10; float: left; height: 1px; width: 200px; margin: 0px 7px;}
.fline .bouquet.blink {z-index: 15; margin-left: -207px;}
.fline .bouquet STRONG {position: absolute; z-index: 1; bottom: 0px; color: #fff; text-decoration: none; width: 200px; height: 200px; display: block;}
.fline .bouquet A {position: absolute; z-index: 2; bottom: -33px; color: #fff; text-decoration: none; width: 200px; height: 240px; display: block; cursor: pointer; background: url(/pics/blank.gif);}
.fline .bouquet.blink A {text-indent: -500px; overflow: hidden;}
.fline .bouquet IMG {position: absolute; left: 50%; bottom: 0px;}
.fline .bouquet SPAN {position: absolute; left: 0px; bottom: -33px; z-index: 2; display: block; width: 198px; text-align: center; padding: 5px 0px 6px; background: #fff; color: #3f9c01; border: 1px solid #3f9c01;}
/*.fline .bouquet B {position: absolute; left: 85px; bottom: -40px; z-index: 10; font-size: 10px; line-height: 15px; width: 30px; text-align: center; color: #fff; background: #3f9c01 url(/pics/id.gif) left top no-repeat; overflow: hidden;}*/
.fline .bouquet.czbig {z-index: 11;}
.fline .bouquet.czsmall {z-index: 10;}
.fline .blink.czbig {z-index: 16;}
.fline .blink.czsmall {z-index: 15;}
.fline .bouquet.czbig SPAN {border-color: #f00; color: #f00;}
/*.fline .bouquet.czbig B {background-color: #f00; background-position: left -15px;}*/
.line1 {margin-top: 233px; _height: 1%;}
.line2 {margin-top: 246px; _height: 1%;}


* HTML .fline {position: relative; width: 100%; overflow-x: hidden;}
* HTML .fline .bouquet {display: inline;}
/*---*/

/*Каталог*/
.incat {position: relative; z-index: 1;}
.catalog {position: relative; z-index: 2; width: 90%; margin: 0px auto 10px; text-align: center; top: 40px;}
.catalog UL {display: block; width: 100%; text-align: center;}
.catalog LI {position: relative; z-index: 1; display: inline; margin: 0px 7px; line-height: 255px; padding-left: 192px;}
.catalog LI STRONG {position: absolute; z-index: 2; width: 200px; height: 200px; left: 0px; bottom: 0px;}
.catalog LI A {position: absolute; z-index: 3; width: 200px; height: 210px; left: 0px; bottom: 0px; color: #fff; text-decoration: none; background: url(/pics/blank.gif);}
.catalog LI IMG {position: absolute; left: 50%; bottom: 0px;}
.catalog LI A SPAN {position: absolute; left: 0px; bottom: -33px; z-index: 1; display: block; width: 198px; margin: 0px auto; text-align: center; padding: 5px 0px 6px 0px; background: #fff; color: #3f9c01; border: 1px solid #3f9c01; line-height: 20px;}
.catalog LI A:hover SPAN {border-color: #f00; color: #f00;}
.catalog .ulcatalog {position: relative; z-index: 1;}

/*.catalog LI B {position: absolute; left: 85px; bottom: -40px; z-index: 10; font-size: 10px; line-height: 15px; width: 30px; text-align: center; color: #fff; background: #3f9c01 url(/pics/id.gif) left top no-repeat; overflow: hidden;}
.catalog LI A:hover B {background-color: #f00; background-position: left -15px;}*/
/*для Оперы*/
.catalog.opera {top: -40px;}
.catalog.opera UL {margin: 0px auto; top: 0px;}
.catalog.opera LI {padding: 0px; display: block; width: 200px; height: 200px; float: left;}
.catalog LI.czbig {z-index: 5;}
.catalog LI.czsmall {z-index: 1;}

* HTML .catalog {top: -50px;}
* HTML .catalog UL {margin: 0px auto; top: 0px;}
* HTML .catalog LI {padding: 0px; display: block; width: 200px; height: 200px; float: left;}
/*---*/

.tags {font-size: 16px; line-height: 20px;}
.tags SPAN {color: #000;}

/*Пейджинг*/
.paging {position: relative; z-index: 5; display: block; text-align: center; font-weight: bold; margin-bottom: 40px;}
.paging IMG {display: inline;}
.paging SPAN {position: relative; z-index: 1; padding: 0px 15px; background: #fff url(/pics/separator.gif) left center no-repeat; margin-right: -1px;}
.paging SPAN.arrow {background: none; padding: 0px 5px;}
.paging SPAN.first {background: none;}
.paging SPAN.active {z-index: 2; background: #f00; padding: 5px 10px; color: #fff;}
.paging.back {text-align: left;}
.paging.back A {position: relative; left: -25px; padding-left: 25px; background: url(/pics/back.gif) left 7px no-repeat;}
/*---*/

/*Подвал*/
#footer {position: relative; width: 100%; background: #6aba00 url(/pics/bg.gif) left top repeat-x; padding-bottom: 65px; color: #fff; overflow: hidden;}
#footer.inlist {background: #69b901 url(/pics/bg-inlist.gif) left top repeat-x; padding-bottom: 25px;}
#footer A {color: #fff;}
#footer .flower-table A {text-decoration: none;}
#footer .padding {padding-top: 145px; margin: 0px auto; width: 84%;}
#footer.inlist .padding {padding-top: 105px; }
#footer .flower-table {width: 100%; table-layout: fixed; margin-bottom: 40px;}
#footer .flower-table .t-left {padding-left: 5px;}
#footer .flower-table .t-left .flower {margin: auto;}
#footer .flower-table .t-center .flower {margin: auto;}
#footer .flower-table .t-right {padding-right: 5px;}
#footer .flower-table .t-right .flower {margin: auto;}
#footer .flower {position: relative; font-size: 14px; width: 259px; height: 229px; background: url(/pics/flower.gif) left top no-repeat;}
#footer .flower SPAN {position: absolute; display: block; font-size: 20px; line-height: 20px; color: #f00; width: 92px; text-align: center; left: 83px; top: 92px;}
#footer .flower A {position: absolute; display: block; width: 92px; height: 18px; text-align: center;}
#footer .flower A.l1 {left: 42px; top: 37px; width: 85px;}
#footer .flower A.l2 {left: 126px; top: 37px;}
#footer .flower A.l3 {left: 174px; top: 107px; width: 85px;}
#footer .flower A.l4 {left: 126px; top: 175px;}
#footer .flower A.l5 {left: 42px; top: 175px; width: 85px;}
#footer .flower A.l6 {left: 0px; top: 107px; width: 85px;}
#footer .flower A:hover {text-decoration: underline;}

#footer .contacts-table {position: relative; font-size: 12px; line-height: 18px; border: 1px solid #9cc880;}
* HTML #footer .contacts-table {height: 1%; padding-bottom: 1px;}
#footer .contacts-table TABLE {width: 100%;}
#footer .contacts-table TD.address {width: 66.5%; padding-left: 50px; border-right: 1px solid #9cc880;}
#footer .contacts-table TD.types {border-bottom: 1px solid #9cc880;}
#footer .contacts-table TD.reaktive {border-top: 1px solid #9cc880;}
#footer .contacts-table TD {vertical-align: middle; padding: 15px 20px;}

.pay_logos {position: relative; top: 5px; height: 49px; margin-bottom: -15px; overflow: hidden;}
.pay_logos TABLE {margin: auto;}
.pay_logos TD {vertical-align: top;}
.pay_logos IMG {float: left; margin-right: 10px;}
/*---*/

/*Формы*/
FORM LABEL {display: block; margin-bottom: 2px; font-size: 12px;}
FORM INPUT, FORM TEXTAREA {font-size: 14px; line-height: 20px; font-weight: bold; color: #000; font-family: 'Trebuchet MS', sans-serif;}
FORM .checkbox {position: relative; top: -2px;}
* HTML FORM .checkbox {top: 2px;}
*+HTML FORM .checkbox {top: 2px;}
FORM .radio {position: relative; top: 3px;}
FORM .input {padding: 6px 9px; border: 1px solid #b1d797; width: 100%;}
FORM .input:focus {background: #e7f8dc;}
FORM .textarea {padding: 6px 9px; border: 1px solid #b1d797; width: 100%; height: 60px;}
FORM .textarea:focus {background: #e7f8dc;}
FORM INPUT.error {border: 1px solid #f00; background: #fdd;}
FORM .btnplace {position: relative; float: left; height: 32px; background: #3f9c01; color: #fff; text-align: center; font-size: 14px; line-height: 32px; font-weight: bold; background: url(/pics/blank.gif) left top no-repeat;}
FORM .btnplace.long {width: 190px; background-color: #fff; background-image: url(/pics/btn-long.gif);}
FORM .btnplace.short {width: 95px; background-color: #fff; background-image: url(/pics/btn-short.gif);}
FORM .btnplace.small {width: 32px; background-color: #fff; background-image: url(/pics/btn-small.gif);}
FORM .btnplace.small.delete {font-size: 20px;}
FORM .btnplace .button {position: absolute; left: 0px; top: 0px; border: none; width: 100%; height: 32px; background: url(/pics/blank.gif); cursor: pointer;}
FORM .btnplace.disabled {background-position: left -32px;}
FORM .btnplace.disabled .button {cursor: default;}
FORM .close {position: absolute; top: 0px; right: 0px; color: #3f9c00; text-decoration: underline; padding-left: 25px; background: #fff url(/pics/close.gif) left 2px no-repeat; cursor: pointer;}
FORM .title {font-weight: bold; color: #000; margin: 0px 90px 15px 0px; white-space: nowrap; overflow: hidden;}
FORM .title.fl {margin-right: 0px;}
/*---*/

/*Регистрация*/
#user_type {font-size: 14px; line-height: 20px; font-weight: bold; color: #000;}
#user_type SPAN {font-size: 10px; color: #3f9c01; cursor: pointer; text-decoration: underline;}
#user_type.type1 SPAN.retail {font-size: 16px; cursor: default; text-decoration: none;}
#user_type.type2 SPAN.wholesale {font-size: 16px; cursor: default; text-decoration: none;}
.forms TABLE {width: 100%; table-layout: fixed;}
.forms TABLE TD {padding: 0px 20px 20px 0px; vertical-align: top;}
.forms TABLE TH {width: 10px;}
SPAN.finfo {display: block; font-size: 10px; line-height: 12px; color: #555; padding-top: 3px;}
SPAN.error {color: #f00;}
/*---*/

/*Всплывающие окна*/
#popup {position: fixed; z-index: 100; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden;}
* HTML #popup {position: absolute; top: expression(eval(document.documentElement.scrollTop) + "px"); height: expression(eval(document.documentElement.offsetHeight) + "px");}
#popup .bg {position: absolute; z-index: 1; left: 0px; top: 0px; width: 100%; height: 100%; background: #000; opacity: 0.3; filter: alpha(Opacity=30);}
/*---*/

/*Авторизация*/
.popupform {position: absolute; z-index: 2; left: 50%; top: 50%; width: 415px; height: 183px; margin: -92px 0px 0px -207px;}
.popupform .fbg {position: absolute; z-index: 1; left: 0px; top: 0px; width: 415px; height: 183px; background: url(/pics/form-login.png) left top no-repeat;}
.popupform FORM {position: relative; z-index: 2; top: 32px; margin: 0px 32px; height: 119px;}
.popupform FORM TABLE {width: 100%;}
.popupform FORM TD {padding-right: 25px;}
.popupform FORM .title {font-size: 14px;}
/*---*/

/*Заказ цветка*/
#catalogform {position: absolute; z-index: 2; left: 50%; top: 50%; width: 460px; height: 560px; margin: -280px 0px 0px -230px;}
* HTML #catalogform {bottom: 0%;}
#catalogform .fbg {position: absolute; z-index: 1; left: 0px; top: 0px; width: 460px; height: 560px; background: url(/pics/form-catalog.png) left top no-repeat;}

#catalogform.desc {height: 600px; margin-top: -300px;}
#catalogform.desc .fbg {width: 460px; height: 600px; background-image: url(/pics/form-catalog-big.png);}
.floaded {position: absolute; z-index: 1; left: 50%; top: 50%; width: 48px; height: 48px; margin-top: 0px; margin-left: -24px;}
#catalogform.floaded {margin-top: -24px;}

#catalogform FORM {position: relative; z-index: 2; top: 32px; margin: 0px 29px; height: 476px; background: #fff; padding: 1px;}
#catalogform FORM TABLE {width: 100%;}
#catalogform FORM TD {padding-right: 25px;}
#catalogform FORM .title {font-size: 20px; line-height: 22px;}
.code {margin: -12px 0px 5px; font-size: 11px; line-height: 15px; color: #000; font-weight: bold;}
.desctext {margin: 5px 0px;}
.fgallery {position: relative; left: -1px; height: 72px;}
.fgallery A {float: left; display: block; width: 70px; height: 70px; border: 1px solid #fff; margin-right: 4px;}
.fgallery A IMG {border: 1px solid #b1d797;}
.fgallery A.active {border-color: #f00;}
.fgallery A.active IMG {border-color: #f00;}
.fgallery A:hover {border-color: #f00;}
.fgallery A:hover IMG {border-color: #f00;}
.fullimage {margin: 8px 0px 6px; border: 1px solid #b1d797; background: #fff url(/pics/wait.gif) center center no-repeat; width: 400px;}
.basketfull {margin: 30px 0px;}
* HTML .baskettable {overflow: hidden; width: 100%;}
.sumtable {margin: 30px 0px;}
.selerror {font-size: 10px; line-height: 12px; margin-top: -25px !important;}
.selerror SPAN {color: #f00;}
.sel {color: #3f9c00; border-bottom: 1px dotted #3f9c00; cursor: pointer; white-space: nowrap;}
.sel.error {color: #f00; border-bottom: 1px dotted #f00;}
TD .sel {white-space: normal;}
.sel.checked {color: #000; border-bottom: 1px dotted #000; cursor: pointer;}
.sel2 {color: #3f9c00; border-bottom: 1px dotted #3f9c00; cursor: pointer;}
.selshow {position: absolute; z-index: 10; padding: 20px; background: #fff; border: 1px solid #b1d797; left: 0px; top: 0px; _height: 1%;}
.selshow .leftside {position: absolute; left: -12px; top: 50%; margin-top: -10px;}
.selshow .selclose {position: absolute; right: 20px; top: 3px; cursor: pointer; color: #3f9c00; text-decoration: underline; padding-left: 25px; background: #fff url(/pics/close.gif) left 2px no-repeat; cursor: pointer;}
* HTML .selshow .fullimage {margin-top: 28px;}
* HTML .selshow .desctext {margin-bottom: -20px;}
.selshow TD {padding-bottom: 0px !important;}
.selshow P {margin: 0px !important;}
.num {position: relative; padding-right: 35px; height: 100%;}
.num A {position: absolute; width: 14px; height: 14px; overflow: hidden; background: #fff url(/pics/num.gif) no-repeat; text-indent: -50px; right: 0px;}
.num A.plus {top: 0px; background-position: left top;}
.num A.minus {bottom: 0px; background-position: left -14px;}
* HTML .num {width: 70px;}
* HTML .num A.plus {top: 1px; right: 19px;}
* HTML .num A.minus {bottom: 1px; right: 19px;}
*+HTML .num A.plus {top: 1px;}
*+HTML .num A.minus {bottom: 1px;}
/*---*/

/*Календарь*/
.calendar {width: 140px;}
.calendar .year {text-align: center;}
.calendar .year IMG {display: inline;}
.calendar .year A {margin: 0px 10px;}
.calendar .days {width: 140px;}
.calendar .days SPAN {float: left; width: 20px; height: 20px; text-align: right;}
.calendar .days A {float: left; width: 17px; height: 20px; text-align: right; padding-right: 3px; color: #555; text-decoration: none;}
.calendar .days A:hover {color: #3f9c00; text-decoration: underline;}
.calendar .days A.now {background: #f00; color: #fff; font-weight: bold;}
/*---*/

.gmap {position: relative; height: 300px; padding: 5px; border: 1px solid #B1D797; margin: -25px 0px 30px;}
.gmap #gmap1 {width: 100%; height: 300px;}
.gmap #gmap2 {width: 100%; height: 300px;}
.gmap #gmap3 {width: 100%; height: 300px;}
.gmap #gmap4 {width: 100%; height: 300px;}


.type_active {text-decoration: none; color: #000; cursor: default;}
.clear {clear: both; height: 0px; overflow: hidden;}
.clear.big {height: 50px;}
.clear.medium {height: 30px;}
.color-red {color: #f00 !important;}
.color-black {color: #000 !important;}
.color-green {color: #3f9c00 !important;}
.nowrap {white-space: nowrap;}

/*ИЕ6*/
* HTML .fline .bouquet IMG {filter:expression(fixPNG(this));}
* HTML .catalog LI A IMG {filter:expression(fixPNG(this));}
* HTML .catalog STRONG IMG {filter:expression(fixPNG(this));}
* HTML .fbg {filter:expression(fixPNG(this));}