* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #000;}
BODY {margin: 0; padding: 0; background-color: #fff; text-align: center;}
html, body {height: 100%;}
table {border-collapse: collapse; empty-cells: show;}
div, td, p, dl, dd, h1, h2, h3, h4, h5, h6 {padding: 0; margin: 0;}
img {margin: 0; padding: 0; border: 0;}
FORM {margin: 0;}
INPUT, SELECT, TEXTAREA, OPTION {font-size: 12px;}
h1, h2, h3, h4, h5, h6 {font: bold 12px Tahoma;}
h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}
A {color: #E29E00; text-decoration: underline;}
.clear {clear: both; height: 1px; overflow: hidden;}

.conteiner {height=100%; min-height: 100%;}
.conteiner1 {margin: 0 auto; padding-bottom: 210px; font: 14px tahoma; min-width: 933px;  max-width: 1378px; width:expression((document.body.clientWidth||document.documentElement.clientWidth) < 933? "933px": (document.body.clientWidth||document.documentElement.clientWidth) > 1378? "1378px": "auto" );}

.header {margin: 0 46px 13px; background: url(/img/www/header_bg.gif);}
.header1 {background: url(/img/www/header_m.gif) no-repeat;}
.header2 {height: 33px; text-align: left; background: url(/img/www/header_m.gif) 100% -33px no-repeat; padding: 0 12px 0 20px; overflow: hidden; min-width: 810px; width:expression((document.body.clientWidth||document.documentElement.clientWidth) < 960? "960px": "auto" );}
.header2 a {font: 13px/30px arial; color: #2C5A8D; text-decoration: underline; margin: 0 6px; float: left; display: block;}
.header2 p {float: right; padding-top: 5px; font: 14px/20px arial; height: 33px;}
.header2 p small {font: 10px arial; color: #908771;}
.header2 p strong {font-size: 14px; letter-spacing: 1px;}
.header2 p span, .header2 p span strong {color: #3B2900;}
.header2 input {height: 21px; width: 155px; border: 0; background: url(/img/www/header_input.gif) 50% 50% no-repeat; line-height: 20px; padding: 0 8px 0 22px;  margin-left: 80px;  @margin-left: 15%;}
html:root .header2 input {padding-top: 3px; padding-bottom: 4px;}
body:first-of-type .header2 input {padding: 0 8px 0 22px; line-height: 22px;}
body:first-of-type .header2 p span {top: 1px; position: relative }

.head_line_menu {padding: 5px 0 15px;}
.head_line_menu span {padding: 0 5%;}
.head_line_menu span a {font: bold 16px arial;}

.menu {height: 115px; padding: 18px 0 0 190px; margin: 0 46px 0; position: relative;}
.menu i {color: #634B00; position: absolute; top: 14px; left: 220px; z-index: 10;}
.menu b {position: absolute; left: 0; top: 8px; height: 95px; display: block;}
.menu b a {cursor: pointer;}
.menu table {width: 100%;}
.menu table td {height: 95px; vertical-align: middle; overflow: hidden;}
.menu table td a {color: #fff; position: relative; z-index: 20; height: 57px; display: block; font: bold 16px/57px arial; text-align: center; outline: none;}
.menu table td div, .menu table td div span {display: block; height: 95px; width: 100%; overflow: hidden;}
.menu table .fancy_box, .menu table .fancy_box1 {background: url(/img/www/tea_box1.gif) 0 1px no-repeat;}
.menu table .diaphanous, .menu table .diaphanous1, .menu table .fancy_box1 div span {background: url(/img/www/tea_box2.gif) 0 50% no-repeat;}
.menu table .sack, .menu table .sack1,  .menu table .diaphanous1 div span {background: url(/img/www/tea_box3.gif) 0 50% no-repeat;}
.menu table .frugality, .menu table .frugality1, .menu table .sack1 div span {background: url(/img/www/tea_box4.gif) 0 50% no-repeat;}
.menu table .fancy_box .active {color: #FFCB7D;}
.menu table .diaphanous .active {color: #FFE488;}
.menu table .sack .active {color: #D9BD88;}
.menu table .frugality .active {color: #CBDC3A;}
.menu table .fancy_box a {padding: 0 5px 0 20px;}
.menu table .fancy_box1 {width: 73px; background-position: -790px 1px;}
.menu table .fancy_box1 div {background: url(/img/www/tea_box1a.png) no-repeat;}
.menu table .fancy_box1 div span {background-position: 33px 1px;}
.menu table .diaphanous {background-position: -35px 1px;}
.menu table .diaphanous1 {width: 74px; background-position: -630px 1px;}
.menu table .diaphanous1 div {background: url(/img/www/tea_box2a.png) no-repeat; margin-top: 1px;}
.menu table .diaphanous1 div span {background-position: 29px 1px;}
.menu table .sack {background-position: -30px 2px;}
.menu table .sack a {padding: 0 20px 0 0px;}
.menu table .sack1 {width: 56px; background-position: 100% 2px;}
.menu table .sack1 div {background: url(/img/www/tea_box3a.png) no-repeat; margin-top: 1px;}
.menu table .sack1 div span {background-position: 24px 1px;}
.menu table .frugality {background-position: -35px 2px;}
.menu table .frugality a {padding: 0 15px 0 15px;}
.menu table .frugality1 {width: 79px; background-position: -780px 2px;}
.menu table .frugality1 div {background: url(/img/www/tea_box4a.png) no-repeat;}

* html .menu table .fancy_box1 div {background: none; display:inline-block; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/www/tea_box1a.png', sizingMethod='image');}
* html .menu table .diaphanous1 div {background: none; display:inline-block; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/www/tea_box2a.png', sizingMethod='image');}
* html .menu table .sack1 div {background: none; display:inline-block; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/www/tea_box3a.png', sizingMethod='image');}
* html .menu table .frugality1 div {background: none; display:inline-block; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/www/tea_box4a.png', sizingMethod='image');}

.main_cont {background: url(/img/www/people.jpg) no-repeat; margin: 0 34px;}
.main_cont1 {background: url(/img/www/people.png) 100% 0 no-repeat; @background: none; position: relative; min-height: 413px; @height: 413px; text-align: left; padding: 8px 0 0 12px; min-width: 850px; width:expression((document.body.clientWidth||document.documentElement.clientWidth) < 960? "960px": "auto" );}
html* .main_cont2 {overflow: hidden; height: 413px; width: 41px; position: absolute; right: -1px; top: 0; z-index: 100; display:inline-block; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/www/people.png', sizingMethod='crop');} 

.main_cont1 h2 {font: 33px arial; color: #3B2900; margin: 24px 36px 10px 384px;}
.main_cont1 p {margin: 0 36px 6px 384px; line-height: 18px; color: #3B2900;}
.main_cont1 p span {display: block; padding: 5px 0; background: url(/img/www/main_arrow.gif) 2px 11px no-repeat; padding-left: 15px; color: #3B2900;}
.main_cont1 .menu {margin: 0; padding: 10px 15px 0 190px;}
html* .main_cont1 .menu table {top: 12px;}
.main_cont1 .menu b {top: 0;}
.main_cont1 .menu i {top: 6px;}

.crumb {text-align: left; margin: 22px 46px 14px 66px;}
.crumb, .crumb a, .crumb span, .crumb p {font: 12px tahoma; color: #9E9E9E;}
.crumb span {float: left;}
.crumb p {float:right; width: 27%; margin-right: 24px; @margin: 0; -margin-right: 22px;}

.main_general {padding: 10px 0 25px 70px; @padding-top: 20px;}
.main_content {float: left; width: 50%; @width: 47%; text-align: left;}
.main_content h4 {font: 33px/33px arial; color: #E39E00; text-decoration: underline;}

.main_cont_small {padding: 20px 0 4px;}
.main_small .main_small_lf {float: right; width:100%;}
.main_small .main_small_lf p, .main_small .main_small_lf .main_small_lf1 {margin: 0 25px 0 120px; min-height: 125px; @height: 125px;}
.main_small .main_small_lf p strong, .main_small .main_small_lf .main_small_lf1 strong {display: block; color: #E29E00; text-decoration: underline; padding-bottom: 4px; font-size: 16px;}
.main_small span {display: block; float: left; width: 110px; margin: 0 -100% 0 0;}
.main_small span a, .main_small span b {position: relative; z-index: 3; overflow: hidden; display: block;}
.main_small span .ramka1 {position: absolute; top: 0; left: 0;}
{*.main_small span a img {width: 110px; height: 90px;}*}

.cont_right .articles {padding: 44px 0 0; text-align: center;}
.cont_right .articles .main_small span {width: 283px; float: none; margin: 0 auto 8px; position: relative;}
.cont_right .articles .orange_block span {background-color: #FDE1BA;}
.cont_right .articles .pink_block span {background-color: #FFF4E6;}
{*.cont_right .articles .main_small span img {width: 283px; height: 183px;}*}
.cont_right .articles p i {text-align: left; padding: 0 30px 0 60px; display: block;}
.cont_right .articles p img {margin-top: -65px;}
.cont_right .articles .big_logo {width: 100%; display: block; height: 245px; text-align: center;}
.cont_right .articles .big_logo span {display: block; width: 290px; margin: 0 auto; position: relative;}
.cont_right .articles .big_logo span img {position: absolute; top: -45px; left: 0;}
.cont_right .articles p .big_logo span img {top: -15px;}

.ordering {background: url(/img/www/ordering.gif) repeat-x; margin: 26px 46px 14px;}
.ordering_dark {margin-bottom: 0;}
.ordering1 {background: url(/img/www/ordering_bg1.gif) 100% 0 no-repeat;}
.ordering_dark .ordering1 {background-image: url(/img/www/ordering_bg2.gif);}
.ordering2 {background: url(/img/www/ordering_bg1.gif) 0 -47px no-repeat; height: 47px; position: relative; padding: 0 6px 0 156px; text-align: left;}
.ordering_dark .ordering2 {background-image: url(/img/www/ordering_bg2.gif);}
.ordering2 .teapot_small {no-repeat; width: 138px; height: 102px; position: absolute; left: 28px; top: -34px;}
html* .ordering2 .teapot_small  {background: none; display:inline-block; }
.ordering2 p, .ordering2 p span, .ordering2 input {font: 16px arial; color: #fff;}
.ordering2 p {float: left; line-height: 46px;}
.ordering2 p span {text-decoration: underline;}
.ordering2 input {background: url(/img/www/ordering_bg.gif) no-repeat; width: 220px; height: 34px; border: 0; float: right; font-weight: bold; margin-top: 6px; cursor: pointer;}

.catalog {text-align: left; margin: 0 46px;}
.catalog h3, .cont_left h3, .cont_registration h3 {font: 33px arial; color: #000;}
.catalog p {color: #000;}
.catalog h3, .catalog p {margin-left: 20px;}
.catalog .main_small {margin-top: 40px;}
.catalog .main_small {margin-top: 20px;}
.catalog .main_small .main_small_lf .main_small_lf1 {margin: 0 25px 0 440px; min-height: 280px; @height: 280px;}
.catalog1 .main_small .main_small_lf .main_small_lf1 {margin: 0 25px 0 390px;}
.catalog .main_small .main_small_lf .main_small_lf1 span {float: none; width: auto; margin: 0;}
.catalog .main_small .main_small_lf {@width:92%;}
.catalog .main_small span {width: 440px;}
.catalog1 .main_small span {width: 390px;}
.catalog .main_small span a img {width: inherit; height: inherit;}
html>body .catalog .main_small span a img {width: auto; height: auto;}
.catalog1 .main_small span a img {width: 360px; height: 458px;}
.catalog .main_small span .ramka1 {top: 0; left: auto; right: 21px;}
.catalog1 .main_small span .ramka1 {top: auto; left: auto; bottom: 0; right: 30px;}
.catalog .main_small .main_small_lf .main_small_lf1 strong {font: 24px arial;}
.catalog .main_small .main_small_lf .main_small_lf1 em {font: 24px arial; color: #000; display: block; margin: 12px 0 4px 5px;}
.catalog .main_small .main_small_lf .main_small_lf1 p {margin: 2px 0 14px 5px; min-height: 2px; @height: 2px; width: auto;}
.text_1, .text_2, .purchase {float: left; width: 100px; margin: 10px 8px 10px 0;}
.text_1 span, .text_2 span, .purchase input {display: block; height: 40px; color: #184900; line-height: 40px; text-align: center;}
.text_1 {background: #F9EFDC url(/img/www/text_button1.gif) no-repeat;}
.text_1 span {background: url(/img/www/text_button1.gif) 100% -40px no-repeat; font-weight: bold;}
.text_2 {background: #ECF1E7 url(/img/www/text_button2.gif) no-repeat; width: 170px;}
.text_2 span {background: url(/img/www/text_button2.gif) 100% -40px no-repeat;}
.purchase {background: url(/img/www/text_button3.gif) 100% 0 no-repeat; width: 130px; float: left;}
.purchase input {height: 42px; background: url(/img/www/text_button3.gif) 0 -42px no-repeat; border: 0; width: 130px; color: #fff; font:bold 14px arial; cursor: pointer;}
.append_tov i {display: block; float: left; height: 42px; font: italic 12px arial; color: #898687; margin-top: 24px;}
.main_small span b i {width: 208px; display: block; float: left;}

.cont_left, .cont_right {text-align: left;}
.cont_left h3 {padding: 0 20px; line-height: 33px;}
.cont_left em {font: italic 22px arial; color: #000; padding: 8px 20px; display: block;}
.cont_left {float: left; width: 62%; @width: 62%; -width: 59%; margin-left: 46px; -margin-left: 24px;}
.cont_left p {padding: 10px 20px 8px; text-align: left;}
.cont_left .cont_left_just p {text-align: justify;}
.cont_left .corns3 p, .cont_left .main_cont_small p {padding: 0;}
.cont_left .main_cont_small .main_small .main_small_lf p {margin-right: 5px; @margin: 0 5px 0 140px;}
.cont_left .main_cont_small {margin-left: 20px;}
.cont_right {float: right; width: 27%; margin-right: 46px;}
.cont_right p {font-size: 12px; padding: 0 0 16px;}
.cont_right p strong {color: #E29E00; font: bold 16px arial; display: block; text-decoration: underline; padding-bottom: 4px;}
.cont_right em {color: #E29E00; text-decoration: underline; background: url(/img/www/main_arrow.gif) 0 6px no-repeat; padding-left: 14px;}

.corns {background: #F1EEDA url(/img/www/corners/corners_cont_tl.gif) no-repeat; margin-right: 10px;}
.corns1 {background: url(/img/www/corners/corners_cont_tr.gif) 100% 0 no-repeat;}
.corns2 {background: url(/img/www/corners/corners_cont_bl.gif) 0 100% no-repeat;}
.corns3 {background: url(/img/www/corners/corners_cont_br.gif) 100% 100% no-repeat; padding: 14px 20px; width: 100%;}

.search p input {width: 500px; height: 26px; border: 1px solid #8598B7; font: 16px/16px arial; padding: 2px 4px;}
.search p span strong, .search p span {display: block;}
.search p span {padding: 0 30px;}
.search p span strong, .search p span strong a {font: bold 16px arial; color: #E29E00; text-decoration: underline;}

.cont_registration {background-color: #F1F1F1; padding: 0 130px 0 150px; text-align: left; min-height: 500px; @height: 500px; margin: 0 45px 20px;}
.cont_registration h3 {padding: 24px 0 6px; @width: 100%;}
.cont_registration h4 {font: 28px arial; padding: 8px 0 18px;}
.cont_registration .reg_tab {width:100%;}
.cont_registration .reg_tab td, .cont_registration .reg_tab th {text-align: center; padding: 10px 5px;}
.cont_registration .reg_tab th {font: italic 14px Arial; color: #747474;}
.cont_registration .reg_tab td {font: 16px arial; color: #101010;}
.cont_registration .reg_tab td span {position: relative;}
.cont_registration .reg_tab td em {border: 0; margin: 0; padding: 0; width: auto; font: italic bold 16px arila; text-align: center;}
.cont_registration .reg_tab .reg_name {text-align: left;}
.cont_registration .reg_tab input {height: 20px; width: 42px; border: 1px solid #C2C2C2;}
.cont_registration .reg_tab span {display: block;}
.cont_registration .reg_tab span input, .cont_registration .reg_tab span a {height: 17px; width: 18px; background: url(/img/www/decline.gif) no-repeat; border: 0; position: absolute; right: -20px; top: 2px; cursor: pointer;}
.cont_registration .reg_tab span a {text-decoration: none;}
.cont_registration em {display: block; text-align: right; border-top: 1px solid #C8C8C8; margin: 10px 20px 0 0; font: italic 24px arila; color: #101010; padding: 16px 0; @width: 100%;}
.cont_registration p span {display: block; padding-top: 17px;}
.cont_registration p span a {font: 16px arial; text-decoration: none; border-bottom: 1px solid #101010;}

.reg_button_blue a, .reg_button_gray input, .reg_tab_info td .reg_button_blue input {font: bold 14px arial; color: #fff;cursor: pointer; height: 44px;}
.reg_button_blue {background: url(/img/www/reg_button_blue.gif) 100% 0 no-repeat; float: left; width: 130px;}
.reg_button_blue a, .reg_tab_info td .reg_button_blue input {display: block; background: url(/img/www/reg_button_blue.gif) 0 -44px no-repeat; text-align: center; text-decoration: none; line-height: 40px; padding-right: 4px;}
.reg_button_gray {background: url(/img/www/reg_button_gray.gif) 100% 0 no-repeat; float: right; width: 156px; margin-right: 20px;}
.reg_button_gray input {background: url(/img/www/reg_button_gray.gif) 0 -44px no-repeat; width: 156px; border: 0; padding-bottom: 4px;}

.reg_help {width: 210px; float: right; margin-right: 20px; font: italic 12px arial; color: #808080; padding: 6px 0 0 5px;}
.reg_tab_info {width: 390px;}
.reg_tab_info th, .reg_tab_info td {padding: 7px 3px;}
.reg_tab_info th {text-align: right; font: 14px arial; width: 180px;}
.reg_tab_info td input {border: 1px solid #c2c2c2; height: 20px; width: 192px;}
.reg_tab_info td .reg_button_blue {float: right; width: 192px; margin: 4px 4px 0 0; -margin-right: 2px;}
.reg_tab_info td .reg_button_blue input {border: 0; padding: 0 4px 4px 0;}

.cont_registr {background: #F1F1F1 url(/img/www/corners_cont_tl_big.gif) no-repeat; margin: 20px 25px 0;}
.cont_registr1 {background: url(/img/www/corners_cont_tr_big.gif) 100% 0 no-repeat;}
.cont_registr2 {background: url(/img/www/corners_cont_br_big.gif) 100% 100% no-repeat;}
.cont_registr3 {background: url(/img/www/corners_cont_bl_big.gif) 0 100% no-repeat; padding: 40px 0;}
.cont_registr3 .reg_tab_info th {width: 120px;}
.cont_registr3 .reg_tab_info td .reg_button_blue {float: none;}
.cont_registr3 .reg_tab_info td i {font: italic 14px arial; border-top: 2px solid #808080; display: block; width: 186px; margin-top: 10px; padding-top: 10px;}
.cont_registr3 .reg_tab_info td i a {display: block; color: #16468E;}




.foot {position: relative; height: 0; margin: 0 46px;}
.foot .footer {position: absolute; top: -125px; left:0; width: 100%; text-align: center;}
.foot .footer1 {background: url(/img/www/footer_bg.gif) repeat-x; min-width: 909px;  max-width: 1378px; width:expression((document.body.clientWidth||document.documentElement.clientWidth) < 909? "909px": (document.body.clientWidth||document.documentElement.clientWidth) > 1378? "1378px": "auto" ); margin: 0 auto;}
.foot .footer2 {background: url(/img/www/footer_bg_m.gif) no-repeat;}
.foot .footer3 {height: 76px; text-align: left; background: url(/img/www/footer_bg_m.gif) 100% -76px no-repeat; position: relative;  text-align: center;}
.foot .footer3 a {font: 12px arial; color: #5B5984; text-decoration: underline;}
.foot .footer3 p {color: #5B5984; padding-top: 26px; padding-top: 25px; font-size: 17px; margin: 0 auto;}
.foot .footer3 p a {margin: 0 20px; line-height: 20px;}
.foot .footer3 .login {background: url(/img/www/footer_login.gif) 0 60% no-repeat; padding-left: 14px; margin-left: 16px;}
.foot .footer3 .hint {background: url(/img/www/hint.png) no-repeat; -background-image: url(/img/www/hint.gif); width: 171px; height: 108px; position: absolute; left: 6px; top: -20px; font: 16px arial; color: #888; text-align: center; padding: 20px 10px 0;}
.foot .footer3 .hint a {display: block; font-size: 16px; color: #2E407D;}
.foot .footer3 .teapot { no-repeat; width: 238px; height: 177px; position: absolute; bottom: -5px; right: 38px; color: #635E86; font: 12px tahoma; padding-top: 125px; text-align: right;}
* html .foot .footer3 .teapot {background: none; display:inline-block; }
.foot .footer3 .teapot a, .foot .footer3 .teapot span {color: #635E86;}

.foot .footer3 input {width: 106px; height: 20px; border: 1px solid #C2C2C2; margin: 0 13px 0 8px; color: #5D5F63; font: 11px/16px arial; padding: 0 4px;}
html:root .foot .footer3 input {padding-top: 2px;}
.foot .footer3 .button {width: 89px; height: 24px; background:  url(/img/www/footer_button.gif) no-repeat; border: 0; font: bold 12px arial; color: #fff; position: relative; @top: 2px; cursor: pointer; padding-bottom: 2px; @padding-bottom: 0;}
.foot .footer3 p span, .foot .footer3 p i {color: #5D5F63; font: 12px/25px arial; position: relative; @top: -1px;}
.foot .footer3 p i {margin: 0 13px 0 8px;}

.error404 {text-align: center;}
.error404a {background: url(/img/www/404.jpg) 100% 0 no-repeat; margin: 0 auto; width: 1000px;}
.error404 h1 {font: 60px arial; color: #F88C00; text-align: left; margin-top: 30px;}
.error404 h4 {font: 18px arial; color: #000;}
.error404 .menu {margin: 40px 46px;}
.error404 .cont_right {width: 36%; margin: 60px 0 0; @margin-top: 30px;}
.error404 .cont_left {text-align: right; width: 60%; margin: 0;}
.error404 .cont_left_small {width: 330px; margin: 0 30px 0 auto; text-align: left;}
.error404 .cont_left p {font: 13px arial; padding: 10px 0; margin: 0;}
.error404 .cont_left p em {font: italic 13px arial; color: #000; padding: 0; margin: 0;}
.error404 .cont_left dl {margin: 15px 0 19px;}
.error404 .cont_left dl dd {padding: 5px 0 5px 32px;}
.error404 .cont_left dl dd a {color: #2C5A8D; font: 13px arial;}