html {width: 100%; height: 100%;}
body {margin: 0; padding: 0; width: 100%; height: 100%; color: #343434; font-family: "Times New Roman", Georgia, Times, serif; background: #faf8f0 fixed repeat-y 1280px url('/img/shadow.gif');}
#body {width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 770)? "770px" : "100%" && ((document.documentElement.clientWidth || document.body.clientWidth) > 1280)? "1280px" : "100%"); min-width: 770px; max-width: 1280px; min-height: 100%; background: #fff;}
*html #body {height: 100%;}
img {border: 0;}
a {color: #1c77c7; text-decoration: underline; cursor: hand; cursor: pointer;}
a:hover, a:active {color: #f05656;}
a.win {white-space: nowrap;}
a.win img {width: 11px; height: 9px; margin-left: 0.3em;}
a:visited {color: #ad47a5;}
a:visited:hover {color: #f05656;}
a.direct {border-bottom: 1px dashed; cursor: pointer; cursor: hand;}
.red, .error_message {color: #cc2229;}
p {font-size: 90%; padding: 0; margin: 0 0 1.2em 0; line-height: 1.3em;}
.prelist {margin-bottom: 0.6em;}
.also {margin-top: 1.2em;}
ul, ol {font-size: 90%; padding: 0; margin: 0 0 0.9em 0; line-height: 1.3em;}
ul li {list-style: none; background: no-repeat 0 0.55em url('/img/li.gif'); margin: 0 0 0.3em 20px; padding-left: 10px; position: relative;}
ol li {margin: 0 0 0.3em 40px; position: relative;}
li p, li ul, li ol {font-size: 100%;}
h1 {color: #f05656; font-size: 190%; font-weight: normal; margin: 0 0 0.6em; line-height: 90%;}
h2 {color: #a2adb8; font-size: 145%; font-weight: normal; margin: 1.2em 0 0.4em 0;}
h2 a {color: #b1b2b3;}
h2.date {position: relative; left: -8.5%; margin-top: 0;}
h3 {color: #f2ba00; font-size: 120%; font-weight: normal; margin: 1.2em 0 0.4em 0;}
h3 a, h3 a:visited, h3 a:hover, h3 a:visited:hover {color: #f2ba00;}
h4 {color: #cc2229; font-size: 80%; margin: 1.2em 0 0.3em 0;}
.first {margin-top: 0;}
table {border: 0; border-collapse: collapse; margin-bottom: 1.2em;}
th {text-align: left; padding: 0.5em 1em 0.5em 0;}
td {padding: 0.5em 1em 0.5em 0;}
form {margin: 0; color: #99948a; }
.star {color: #cc2229; position: absolute; margin-left: -25px; font-size: 130%;}
span.error {color: #cc2229;}
input, select, textarea {font-size: 100%; font-family: "Times New Roman", Georgia, Times, serif; margin: 0;}
input.error, textarea.error {border: 2px solid #cc2229; color: #cc2229;}
input.rubber, textarea.rubber {width: 93%;}
.btn {cursor: pointer; cursor: hand; padding: 0 3px 1px 3px; background: #dbdad3;}
.spacer {float: left;}
.spacer img {width: 1px; height: 1px;}
.br {width: 100%; height: 1px; clear: both;}
.nobr {white-space: nowrap;}
img.png {//background-image: none !important; behavior: url('/img/png.htc');}
img.tn {width: 120px; height: 90px; border: 1px solid #dbdad3;}
span.price {font-size: 110%; color: #fff; background: #f2ba00; padding: 2px 5px 3px 5px; white-space: nowrap;}
span.price_old {font-size: 110%; color: #f37e00; padding: 2px 5px 3px 5px; text-decoration: line-through; white-space: nowrap;}
a.buy {font-size: 110%; color: #fff; padding: 2px 5px 3px 20px; white-space: nowrap; background: #f2ba00 no-repeat 5px 0.25em url('/img/ico_cart_buy.gif');}
/**
span.buy {margin: 0 10px 0 0; font-size: 83%; padding-left: 20px; background: no-repeat 5px 1px url('/img/ico_cart.gif');}
span.buy a {color: #a2adb8;}
**/
.crnr_tl {position: absolute; left: 0; width: 14px; height: 14px; margin-bottom: -14px;}
.crnr_tr {margin-bottom: -14px; width: 14px; height: 14px;}
.crnr_bl {position: absolute; left: 0; width: 14px; height: 14px; margin-top: -14px;}
.crnr_br {margin-top: -14px; width: 14px; height: 14px;}
#header {clear: both; width: 100%; position: relative; height: 150px;}
#logo {position: absolute; left: 5%; top: 37px;}
#menu {position: absolute; left: 29%; top: 53px; width: 46%; color: #a2adb8;}
#menu ul {margin: 0;}
#menu li {display: block; float: left; width: 30%; margin: 0; padding: 0 0 0.8em 0; background: none;}
#menu li a, #menu li a:visited {display: block; color: #1c77c7; padding-left: 10px; background: no-repeat 0 0.35em url('/img/menu_bullet.gif');}
#menu li a:hover, #menu li a:active {color: #f05656;}
#menu li strong {display: block; padding-left: 10px; background: no-repeat 0 0.35em url('/img/menu_bullet.gif');}
#menu li strong a {margin-left: -10px; padding: 0; background: none;}
#clients_and_cart {position: absolute; top: 55px; left: 68%; width: 27%;}
#clients {background: #faf7eb no-repeat 0 50% url('/img/clients_bg_left.gif');}
#clients #arrow {padding: 1em; background: no-repeat 100% 50% url('/img/clients_bg_right.gif');}
#key {display: block; font-size: 100%; padding-left: 24px; margin: 0 1em 0 2em; background: no-repeat 0 0.3em url('/img/ico_key.gif');}
#key a {color: #f2ba00; font-size: 90%; text-decoration: none;}
#form_login {display: block; padding-left: 24px; margin: 0 0 0 2em; background: no-repeat 0 0.3em url('/img/ico_key_on.gif');}
#form_login input {color: #a2adb8; border: 1px solid #a2adb8; width: 60px; font-size: 83%; margin: -0.2em 4px -0.1em 0;}
#form_login input.btn {border: none; height: 18px; width: 16px; background: no-repeat 50% 1px url('/img/ico_enter.gif');}
#form_login input.error {border: 1px solid #cc2229; color: #cc2229;}
#clients_inside {width: 100%; position: relative; background: #faf7eb; text-align: right;}
#clients_inside div {height: 100%; color: #c6be9c; padding: 1.2em 1em 1.2em 1em; font-size: 83%; text-align: center;}
#logout {margin-left: 0.5em; padding-right: 12px; background: no-repeat 100% 0.3em url('/img/ico_exit.gif');}
#cart {padding-left: 24px; margin: 0.8em 1em 0 3em; background: no-repeat 5px 0 url('/img/ico_cart.gif');}
#cart span {color: #a2adb8; font-size: 90%;}
#cart a {color: #f05656;}
#splash {clear: both; width: 100%; height: 180px; margin: 30px 0 80px 0;}
.splash_left {position: relative; float: left; width: 50%; height: 100%; margin-right: 1px;}
#splash_left_box {background: #ee555f repeat-x url('/img/splash_left_box_bg.jpg');}
#splash_left_box div {height: 100%; background: no-repeat 100% 0 url('/img/splash_left_box_bg_right.jpg');}
#splash_left_box_txt {position: absolute; width: 204px; height: 55px; top: 80px; left: 10%; z-index: 1;}
#splash_left_box_img {position: absolute; top: -30px; right: 0;}
.splash_right {position: relative; float: left; width: 30%; height: 100%; margin-right: 1px;}
#splash_right_partners {background: #ffd87f repeat-x url('/img/splash_right_partners_bg.jpg');}
#splash_right_partners a, #splash_right_partners div {display: block; height: 100%; background: no-repeat 100% 0 url('/img/splash_right_partners_bg_right.jpg');}
#splash_right_crnr {height: 180px; width: 10px;}
#splash_right_holidays {background: #71a7c4 repeat-x url('/img/splash_right_holidays_bg.jpg');}
#splash_right_holidays a, #splash_right_holidays div {display: block; height: 100%; background: no-repeat 100% 0 url('/img/splash_right_holidays_bg_right.jpg');}
#splash_right_catalogue {background: #bea58a repeat-x url('/img/splash_right_catalogue_bg.jpg');}
#splash_right_catalogue a, #splash_right_catalogue div {display: block; height: 100%; background: no-repeat 100% 0 url('/img/splash_right_catalogue_bg_right.jpg');}
#splash_right_comment {position: relative; float: left; height: 100%; width: 10%; text-align: right; border: 0; font-size: 100%;}
#splash_right_comment td {padding: 0; border: 0;}
#splash_right_comment div {border-top: 1px solid #dbdad3; border-right: 1px solid #dbdad3; border-bottom: 1px solid #dbdad3; text-align: left;;}
#splash_right_comment p {font-size: 83%; margin: 0; padding: 0.5em 1em 1em 1em;}
#title {clear: both; width: 100%;margin: 25px 0 0 0;}
#navi {float: left;}
#navi p {font-size: 83%; color: #a2adb8; margin: 0 0 0.1em 0;}
#navi a {color: #a2adb8;}
#catalogue {clear: both; width: 100%; margin-bottom: 30px;}
#columns {float: left; width: 90%;}
#columns table {border: 0; margin: 0; width: 100%; margin-bottom: 30px;}
#columns th {padding: 0; border: 0;}
#columns h2 {margin-top: 0; position: relative; left: 10%;}
#columns td.crnr {width: 14px; height: 14px;}
#columns td.crnr img {width: 14px; height: 14px;}
#columns td {padding: 0; border: 0; vertical-align: top;}
#columns ul {position: relative; left: 10%;}
#columns li {float: left; width: 40%; margin-left: 0; padding-bottom: 0.6em;}
#columns div {float: left; width: 40%; position: relative; left: 10%; padding-right: 20px;}
#columns h3 {margin: 0;}
#columns td.category {border-right: 1px solid #fff; width: 50%;}
#columns td.cloud {background: #faf7eb; width: 50%;}
#news_and_calendar {clear: both; width: 100%;}
#news {float: left; width: 47%;}
.news {clear: both; padding-bottom: 35px;}
.date {float: left; color: #f05656; font-size: 83%; text-align: center; margin: 10px 20px 10px 0; line-height: 130%; width: 40px;}
.date strong {font-size: 160%;}
.news img.tn {float: left; margin-right: 10px;}
.news h3 {margin: 0 0 0 195px; padding-top: 0.5em;}
.news p {margin-left: 195px; padding-top: 0.5em;}
#news .news p.advice {font-size: 83%; padding-top: 0;}
.news p.noimg, .news h3.noimg {margin-left: 0;}
#reminder {float: left; width: 39%;}
#reminder h1 {color: #f2ba00; margin-right: 1em;}
#reminder h1 a {color: #f2ba00;}
#calendar {color: #f05656; font-size: 90%; height: 126px; text-align: center; background: no-repeat 50% 0 url('/img/calendar_bg.gif'); line-height: 220%; margin: 0 0 1.2em 0;}
#calendar div {position: relative; top: 35px;}
#calendar strong {font-size: 400%;}
#reminder p {font-size: 83%; margin-right: 3em;}
#cloud_container {clear: both; width: 100%; margin: 20px 0 60px 0;}
#cloud {float: left; background: #faf7eb; width: 82%; position: relative;}
#cloud_top, #cloud_bottom {background: #fff; text-align: right;}
#cloud_top_oval {position: absolute; left: 50%; top: -20px; margin-left: -74px;}
#cloud_bottom_oval {position: absolute; left: 50%; bottom: -20px; margin-left: -74px;}
#cloud_inside {padding: 15px 0 15px 20px; text-align: left;}
#cloud_inside ul {margin: 0; padding: 0; font-size: 100%; line-height: 2.2em;}
#cloud_inside li {float: left; white-space: nowrap; margin: 0 20px 0 0; padding: 0; background: none;}
#cloud_inside li a {color: #f05656;} /*#b34b55*/
#sort {clear: both; width: 100%; padding-bottom: 1em;}
#sort a, #sort a:visited {margin: 0 0.3em; color: #8996a3;}
#sort strong {font-weight: normal; color: #fff; padding: 0.05em 0.9em 0.2em 0.3em; margin: 0 0.3em;}
#sort strong.up {background: #8996a3 no-repeat 100% 50% url('/img/ico_sort_up.gif');}
#sort strong.down {background: #8996a3 no-repeat 100% 50% url('/img/ico_sort_down.gif');}
#sort strong a, #sort strong a:visited {color: #fff;}
#counter {clear: both; width: 100%; padding-bottom: 1em;}
#counter p {font-size: 107%;}
#counter a, .material#counter a:visited, .material#counter a:active {color: #343434; padding: 2px 7px 3px 7px; margin-right: 10px;}
#counter strong {color: #fff; font-weight: normal; background: #f05656; padding: 2px 7px 3px 7px; margin-right: 10px;}
#counter span {padding: 2px 7px 3px 7px; margin-right: 10px; color: #a2adb8;}
#gift {clear: both; width: 100%; margin-bottom: 35px;}
#gift div {float: left; width: 82%;}
img.big {float: left; border: 1px solid #dbdad3; margin: 0 40px 1em 0;}
#gift p, #gift ul {font-size: 107%;}
p#buy {font-size: 160%;}
p#buy a {float: left;}
p#buy span.price {float: right;}
p#buy span.price_old {float: right;}
p#buy a.buy {float: right; background: #f2ba00 no-repeat 5px 0.425em url('/img/ico_cart_buy.gif');}
#etc {clear: both; width: 100%;}
.col3 {float: left; width: 27%; margin-bottom: 40px; position: relative;}
.col3 img.tn {margin-bottom: 0.5em;}
.col3 p {font-size: 107%; margin: 0 1em 0.3em 0;}
p.art {font-size: 90%; color: #a2adb8; margin: 0 1em 0.6em 0;}
.col3 h2 {margin-top: 0;}
.col3 ol {margin-right: 1em;}
#previous {position: absolute; left: -2em; font-size: 200%; color: #a2adb8;}
#next {position: absolute; left: 120px; margin-left: 2em; font-size: 200%; color: #a2adb8;}
#txt {clear: both; width: 100%; margin-bottom: 80px;}
#txt #default {float: left; width: 43%;}
#txt #news {float: left; width: 62%;}
#news img.big {float: right; border: 1px solid #dbdad3; margin: 0 0 1em 40px;}
#txt #order {float: left; width: 70%;}
.form_cart table {width: 100%;}
.form_cart th {padding-top: 0; color: #d6d5ce; font-size: 145%; font-weight: normal;}
.form_cart td {border-top: 1px solid #eeece4;}
.form_cart table.noborder td {border-top: none;}
.form_cart .total {background: #faf7eb; padding: 0.8em 1em 0.8em 0; white-space: nowrap; border-top: none;}
.form_cart .ok {padding: 1.2em 1em 0 0; border-top: none;}
.form_cart input.amount {width: 3em; margin-top: 3px;}
.form_cart span.price_total {font-size: 110%; color: #fff; background: #f37e00; padding: 2px 5px 3px 5px;}
.form_cart span#recount {position: relative; left: -17px; padding-left: 17px; background: no-repeat 0 0.25em url('/img/ico_recount.gif');}
#txt .splash_right {float: right; height: 180px; width: 25%;}
#txt p, #txt ul {font-size: 100%;}
.column3 {width: 33%; float: left;}
#footer {clear: both; height: 150px; margin-top: 50px;}
#phone {float: left; width: 45%; font-size: 83%; white-space: nowrap;}
.code {float: left; width: 20.25%; text-align: right; height: 2.3em; line-height: 1.65em;}
.code strong {color: #f2ba00;}
.number {float: left; width: 70%; height: 2.3em;}
.number strong {color: #f2ba00; font-size: 220%; font-weight: bold; line-height: 0.9em;}
#hsm {position: relative; float: left; width: 16%; text-align: right; white-space: nowrap;}
#hsm div {text-align: center; padding: 10px 0;}
#hsm div img {width: 19px; height: 19px;}
#ico_h {position: relative; left: -22%;}
#ico_m {position: relative; left: 22%;}
#guesswho {float: left; width: 25%; text-align: right;}
#guesswho img {width: 76px; height: 24px;}