body {margin: 0; padding: 0; text-align: center; font-family: Tahoma, sans-serif; color: #FFFFFF; background: #370706 url("../img/bg_body.png") left top repeat-x; font-size: 80%}
a {color: #FFFFFF; text-decoration: none}
strong {color: #FFFFFF}
h1 {display: none}
h2 {font-size: 160%; margin: 0 30px; padding-top: 30px; padding-bottom: 5px; position: relative}
ul {margin: 0 0 0 30px; padding: 0}
li {list-style-type: none; background: url("../img/point_white-small.gif") left 6px no-repeat; padding-left: 20px}
p {color: #19191B; margin: 15px 20px 15px 0}
label {font-size: 90%}
input {background: url("../img/bg_input.gif") left top no-repeat; border: none; width: 241px; height: 21px; padding-left: 2px}


#body {width: 970px; margin: 0 auto}

#logo {width: 691px; height: 99px; background: url("../img/logo.png") center top no-repeat; margin: 47px auto 40px auto; display:block;}

#menu li, #footer-menu li {display: inline; background: none; padding: 0}
#menu li.fix {float: none; clear: both}
#menu li a {background: url("../img/bg_menu.gif") left top no-repeat; display: inline-block; width: 188px; padding: 12px 0 8px 0; font-weight: bold; margin-right: 2px}
#menu li a:hover, #menu li a.active {background-image: url("../img/bg_menu-active.gif")}

.flash {clear: both}

#center {padding: 8px 0 18px 0}
#colleft {width: 588px; float: left}
.red-wide, .red-narrow {background: #BA0219 url("../img/bg_red-block.png") left top repeat-x; text-align: left; clear: left}
.red-wide div {margin-left: 30px}
.red-wide.two p {
padding: 5px 5px 15px 30px; 
margin: 0;
color: #EBEBEB;
}
.red-wide.two h2 {padding: 19px 0 9px 0}
.red-narrow {width: 370px; clear: none; float: left}
.red-narrow h2 {font-size: 110%; padding: 10px 0 12px 0}
.red-narrow p {color: #FFFFFF; margin: 0 30px 15px 30px; font-size: 90%;}
.red-narrow p.thiner {width: 200px;}
.red-narrow ul {width: 180px; margin-bottom: 15px}
.red-wide .bottle-arrow, .bottle {float: right; width: 213px; height: 244px; margin: 0 0 -48px 0; background: url("../img/bottle_arrow.png") left top no-repeat; position: relative; top: -29px; left: 48px}
.perex {background: url("../img/point_white.gif") left 8px no-repeat; padding-left: 15px; position: relative}
.perex p {font-size: 120%; color: #FFFFFF}
.point {background: url("../img/point_black.gif") left 6px no-repeat; padding-left: 15px; padding-bottom: 10px; position: relative; left: 30px; margin-left: 0 !important}
.black {position: relative; left: 175px; top: -20px; float: left; display: block; width: 239px; padding: 12px 0; background: url("../img/button_black.gif") center center no-repeat; text-align: center; font-weight: bold; font-size: 120%}
.black:hover {background-image: url("../img/button_black-active.gif")}
#colright { width: 370px; margin-left: 11px; margin-right: -20px; float: left}
.white {background-color: #FFFFFF; width: 370px; display: inline; text-align: left; float: left; padding-bottom: 21px}
.white p {height: 23px}
form .white p {height: 23px}
.white h2 {color: #D5001A; font-size: 130%; padding-top: 23px}
.yellow, .send, .send-order {cursor: pointer; cursor: hand; position: relative; left: 90px; top: -20px; display: inline-block; width: 188px; height: 41px; text-align: center; background: url("../img/button_yellow.gif") center center no-repeat; font-weight: bold; font-size: 120%; border: none}
.yellow:hover {background-image: url("../img/button_yellow-active.gif")}
.order-now label, .order-form label {text-align: right; width: 90px; display: inline-block; margin-right: 6px}
.order-now label.wide, .order-form label.wide {width: 200px; font-size: 85%; text-align: left; vertical-align: middle}
.order-now p {margin: 1px 0; float: left}
.order-now p.margin-bottom {margin-bottom: 0; height: 22px}
.small-input {background-image: url("../img/bg_input-smaller.gif"); width: 141px}
.smallest-input {background-image: url("../img/bg_input-smallest.gif"); width: 57px}
.phone-input {width: 130px; background-image: url("../img/bg_input-phone.gif")}
.checkbox, .order-form .checkbox {background-image: none; width: auto; height: auto; margin: 0 5px 0 95px; vertical-align: middle}
label.short {width: 35px}
label.shorter {width: 40px}
label.phone {width: 48px}
.bottles {float: right; background: url("../img/bottles.png") left top no-repeat; width: 115px; height: 176px; position: relative; left: -25px;}

.black-arrow, .red-arrow {margin: 0 auto 30px auto; display: block; font-weight: bold; font-size: 120%; background: url("../img/button_black-arrow.gif") center center no-repeat; text-align: center; width: 324px; padding: 12px 0}
.black-arrow:hover {background-image: url("../img/button_black-arrow-active.gif")}
.red-arrow {background-image: url("../img/button_red-arrow.gif"); width: 585px; font-size: 170%; margin-bottom: 20px}
.send, .send-order {color: #FFFFFF; background-image: url("../img/button_red.gif"); left: -200px; font-size: 140%; top: 0}
.send:hover {background-image: url("../img/button_red-active.gif")}

/* order-now */
h2.order-now {padding: 0}
.bottle {background-image: url("../img/bottle.png"); width: 78px; margin-bottom: -75px; left: -30px}
.white-article {width: 440px; position: relative}
.white-article p {color: #FFFFFF}
.white-article-answer p {color: #FFFFFF}
.red-wide.height-small {height: 415px}
.red-wide.two.white-article {width: auto; padding-bottom: 27px}
.red-wide.two.white-article p {color: #FFFFFF; margin-top: 12px; padding-bottom: 0}
.red-wide.two.white-article h2 {padding-top: 15px}
.red-wide img, .white img {border: 1px solid #470E15; float: left; margin: 0 25px 5px 25px; position: relative}
.white img {border: 1px solid #8C8B8D; margin-right: 15px}
.white.expert {padding-bottom: 28px}
.white.expert h3 {color: #1A171B; font-size: 140%; padding: 20px 25px 0 25px; margin: 0 0 8px 0}
.white.expert h2 {font-size: 170%; text-indent: -1.2em; padding-top: 0; padding-bottom: 10px; margin-left: 52px}
.white.expert p {margin: 15px 20px; height: auto}
.white.expert p.right {margin: 5px 20px; position: relative; top: -10px}
span.quotes {font-size: 120%; font-weight: bold}
.red-narrow.margin-top {margin-top: 35px}

/* questions */
#center.nopadding {padding-top: 0}
.white.all, .white.all-order {width: 100%; margin-bottom: -20px !important; margin-top: 12px; height: auto; padding-bottom: 20px}
.white.all p, .white.all-order p {height: auto}
.white-article.auto {width: auto; margin-bottom: 0}
.white-article-answer.auto {width: auto; padding-bottom: 20px; color:white;}
.red-wide.full {height: auto}
.red-wide.full.hide {display:none}
.red-wide-answer.full {display:none;}
.red-wide.full h2 {padding: 20px 0}
.question-left {width: 350px; float: left; margin-left: 0 !important}
.question-right {width: 530px; float: left}
.time, .error, .save, .contact {font-weight: bold; font-size: 110%; display: block; background: url("../img/ico_time.png") left center no-repeat; padding: 10px 0 10px 70px; margin-bottom: 25px}
.error {background-image: url("../img/ico_error.png")}
.save {background-image: url("../img/ico_save.png")}
.contact {background-image: url("../img/ico_contact.png")}
.contact-left {float: left; width: 540px; margin-right: 30px}
.contact-left p {font-weight: bold; margin: 10px 0 10px 30px; padding: 0}
.contact-left .contact-email {margin-bottom: 1px}
.contact-left .contact-ask {margin: 1px 0 20px 30px}
.contact-left label {font-weight: normal; width: 50px; text-align: right; display: inline-block; margin-right: 5px; float: left}
textarea {width: 445px; height: 114px; background: url("../img/bg_textarea.gif") left top no-repeat; border: none; padding: 2px}
.contact-left input {width: 445px; background-image: url("../img/bg_input-contact.gif")}
.contact-right {margin-top: 25px; float: left}
.contact-right h2 {margin-left: 0}
.contact-right strong {color: #1A171B}

/* order */
.white.all-order {margin-top: 0; position: relative; top: -15px; margin-bottom: -35px !important}
.order-form {float: left; width: 460px; margin: 0 30px; display: inline}
.order-form label {width: 65px}
.order-form label.short {width: 41px}
.order-form label.phone {width: 41px}
.order-form p {float: left; margin: 2px 0; padding: 0}
.order-form input {background-image: url("../img/bg_input-order.gif"); width: 378px; height: 24px}
.order-form #town, .order-form #phone {width: 254px; background-image: url("../img/bg_input-order-shorter.gif")}
.order-form #psc, .order-form #pieces, #pieces-count {width: 76px; background-image: url("../img/bg_input-order-shortest.gif")}
.order-form .checkbox {margin: 12px 4px 12px 70px}
.contact-right.order {margin: 0}
.contact-right.order img {margin: 0}

/* form-all */
.form-info {background: #BA0219 url("../img/bg_red-block.png") left top repeat-x; text-align: left}
.form-info-photo {float: right; background: url("../img/muscle.jpg") right top no-repeat; width: 420px; height: 207px; margin: 30px 30px 30px 0; display: inline}
.form-info p {margin: 10px 30px; color: #FFFFFF}
.form-info ul {margin-left: 50px; padding-bottom: 25px}
.form-info-left {width: 500px}
.form-all {clear: both}
.form-all-left .order-form {width: 440px; margin-right: 0}
.form-all-left .order-form label {width: 40px}
.form-all-left {margin-right: 14px; display: inline}
.form-all-left, .form-all-right {background-color: #FFFFFF; width: 478px; text-align: left; float: left; padding: 20px 0; margin-top: 15px}
.form-all-right input {width: auto; margin-left: 25px; background-image: none; vertical-align: middle}
.form-all-right label {vertical-align: middle}
.form-all span {color: #D0001A; font-weight: bold; margin-left: 25px; margin-bottom: 10px; display: inline-block}
.form-all-right span {margin-bottom: 0}
.form-all-right span.little {font-weight: normal; color: #19191B; font-size: 85%; float: right; width: 250px; margin-right: 60px; margin-bottom: 3px}
.form-all strong {color: #19191B}
#year, #half-year {margin-left: 45px}
#pieces-count {margin: 0; height: 24px}
.form-all-right p {margin-top: 5px; margin-bottom: 6px}
.form-all .send-order {position: static}
.form-all .margin-bottom {color: #FFFFFF; font-size: 90%; padding-top: 15px; margin-top: 0}
.form-all .margin-bottom input {margin-left: 0}
.form-all-left .fix {height: 1px; line-height: 1px; font-size: 1px}

#footer {font-size: 80%; padding-bottom: 30px}
#footer p {color: #FFFFFF; margin: 3px 0}
#footer-menu li a {margin: 0 3px}

.float-left {float: left}
.right {text-align: right}
.fix {clear: both}
.nomargin {margin: 0 !important}

#rodo {
  text-align: left;
  padding: 10px;
}

#rodo p {
  color: #C0C0C0; 
}

.price {
  padding-left: 20px;
  font-weight: bold;
  color: #D5001A;
}

.price-num {
  font-size:  1.3em; 
  color: black;
}
.outoff {
  color: #D5001A;
}