body {background: #7EBCBE url(../images/body_bg.jpg) repeat-x; color: #3B4051; font-family: tahoma; font-size: 11px;}
body, form {padding: 0; margin: 0;}
a {color: #3D6597;}
a:hover {text-decoration: none;}
img {border: 1px solid #979797;}
p {margin: 0; padding: 0 0 11px; line-height: 16px;}
h1 {display: none;}
th {text-align: left;}
ul {padding: 3px 0 0 0; margin: 0; list-style: none;}
li {padding: 2px 0 2px 26px; margin: 0; list-style: none; line-height: 14px;}
strong.hl {color: #BA5775;}

#page {width: 900px; margin: 0 auto;}

#mmenu {height: 50px; list-style: none; padding: 0; margin: 0;}
#mmenu li {display: block; float: left; padding: 0; margin: 0; list-style: none;}
#mmenu a {display: block; height: 50px; background: url(../images/mmenu.gif) no-repeat; text-indent: -31415926px;}
#mmenu a.about {width: 124px;}
#mmenu li.active a.about, #mmenu a.about:hover {background-position: 0 -50px;}
#mmenu a.product {width: 146px; background-position: -124px 0;}
#mmenu li.active a.product, #mmenu a.product:hover {background-position: -124px -50px;}
#mmenu a.faq {width: 141px; background-position: -270px 0;}
#mmenu li.active a.faq, #mmenu a.faq:hover {background-position: -270px -50px;}
#mmenu a.review {width: 203px; background-position: -411px 0;}
#mmenu li.active a.review, #mmenu a.review:hover {background-position: -411px -50px;}
#mmenu a.contacts {width: 159px; background-position: -614px 0;}
#mmenu li.active a.contacts, #mmenu a.contacts:hover {background-position: -614px -50px;}
#mmenu a.partners {width: 127px; background-position: -773px 0;}
#mmenu li.active a.partners, #mmenu a.partners:hover {background-position: -773px -50px;}

#header {background: url(../images/header.jpg) no-repeat; height: 299px;}

#logo {background: url(../images/logo_bg.gif) no-repeat; width: 287px; height: 127px; position: absolute; margin: 84px 0 0 -23px;}
#logo a {display: block; width: 208px; height: 91px; text-indent: -31415926px; background: url(../images/logo.gif) no-repeat; margin: 19px 0 0 48px;}

#icons {float: left; padding: 17px 0 0 32px;}
#icons a {display: block; width: 18px; height: 18px; background: url(../images/icons.gif) no-repeat; text-indent: -31415926px; float: left; margin: 0 40px 0 0;}
#icons a.feedback {background-position: -18px 0;}
#icons a.sitemap {background-position: -36px 0;}

#info {float: right; padding: 19px 21px 0 0; font-family: arial;}
#info div {float: left; height: 74px; background: url(../images/desks.gif) no-repeat; padding: 6px 0 0 17px;}
#info .contacts {width: 140px; background-position: -197px 0;}
#info .working {width: 180px; margin-left: 19px;}
#info h2 {color: #46586D; padding: 0 0 7px; margin: 0; font-size: 16px; font-weight: bold; line-height: 19px;}
#info p {font-weight: bold; color: #DFEBF1; line-height: 15px; padding: 3px 0 4px 6px; font-size: 12px;}
#info p.hl {color: #46586D;}
#info sup {line-height: 10px; font-size: 8px; _font-size: 10px; text-decoration: underline;}
#info span {display: block; width: 93px; float: left;}

#cite {clear: both; padding: 12px 0 0;}
#cite cite {display: block; background: url(../images/cites.gif) no-repeat; text-indent: -31415926px; height: 16px; margin: 0 0 24px;}
#cite cite.help {height: 19px; background-position: 500px 0px; margin-bottom: 22px;}
#cite cite.quality {background-position: 599px -19px;}
#cite cite.hitech {background-position: 543px -35px;}

#body {min-height: 847px; _height: 847px; background: #FFF;}

h2 {padding: 0; margin: 0 0 9px; font-size: 18px; font-weight: normal; clear: both; height: 21px; color: #2A4B77;}
h2 span {display: block; background: url(../images/h_bg.gif) no-repeat 0 -200px; float: left; padding: 0 43px 0 7px; font-size: 16px; color: #FFF; height: 21px;}
h3 {padding: 0; margin: 0 0 9px; color: #BA5775; font-size: 12px; font-weight: bold;}

h2.green span {background-position: 100% 0; background-color: #41973D;}
h2.blue span {background-position: 100% -21px; background-color: #3D6597;}
h2.purple span {background-position: 100% -42px; background-color: #943D97;}
h2.orange span {background-position: 100% -63px; background-color: #E8B230;}
h2.cyan span {background-position: 100% -84px; background-color: #3D9497;}
h2.red span {background-position: 100% -105px; background-color: #C34C5A;}
h2.grey span {background-position: 100% -126px; background-color: #979797;}

#lcol {width: 242px; float: left;}
#lcol .container {margin: 0 0 0 22px;}
#ccol {width: 386px; float: left; padding: 0 15px;}
#ccol.wide {width: 621px; padding: 0 22px 0 15px;}
#ccol .container {}
#ccol.wide .container {}
#rcol {width: 220px; float: left; padding: 0 22px 0 0;}
#rcol .container {}

#lcol p {padding: 7px 0 11px;}
span.sq {display: block; float: left; font-size: 10px; height: 13px; width: 12px; color: #FFF; line-height: 12px; padding: 0 0 0 3px; margin: 0 3px 0 0;}
span.blue {background: #28AAC6;}
span.green {background: #63C628;}
span.orange {background: #E2AD2C;}

#ccol blockquote {padding: 0; background: url(../images/bq_lr.gif); position: relative; margin: -8px 0 15px;}
#ccol blockquote div.top, #ccol blockquote div.bottom {background: url(../images/bq_tb.gif) repeat-x; height: 1px;}
#ccol blockquote div.text {background: #FBFAF3; margin: 0 1px; border: 1px solid #FFF; padding: 6px 11px 0;}

div.gbox {background: #94C047; color: #FFF; margin: 11px 0 0;}
div.gbox .tl {background: url(../images/bg_tl.gif) no-repeat;}
div.gbox .tr {background: url(../images/bg_tr.gif) no-repeat top right;}
div.gbox .bl {background: url(../images/bg_bl.gif) no-repeat bottom left;}
div.gbox .br {background: url(../images/bg_br.gif) no-repeat bottom right; padding: 6px 17px 6px 13px;}
div.gbox strong {float: left; background: #94C047; display: block; padding: 0 2px 0 0;}
div.gbox span {float: right; background: #94C047; display: block; padding: 0 0 0 2px;}
div.gbox p {height: 15px; padding: 0 0 5px !important; background: url(../images/arr.gif) repeat-x 0 7px;}

#rcol p {padding: 0;}
#rcol p.right {padding: 0 15px 0 0;}
#rcol p.right a.arrs {display: block; float: right; margin: 5px 0 16px; padding: 0 0 0 16px; background: url(../images/arrs.gif) no-repeat 0 6px;}
#rcol img {margin: 9px 0 20px;}

div.pen {background: url(../images/adv_pen.gif) no-repeat; width: 165px; height: 175px; position: absolute; margin: -21px 0 0 33px;}

#bmenu {}
#bmenu div {width: 8px; height: 8px; background: url(../images/bm_lr.gif) no-repeat;}
#bmenu ul {display: block; height: 30px; background: url(../images/bm_bg.gif) repeat-x; clear: both; padding: 0 0 0 27px; margin: 0; white-space: nowrap;}
#bmenu li {display: block; float: left; padding: 8px 0 0; margin: 0;}
#bmenu a {display: block; color: #8A8C95; font-weight: bold; text-decoration: none; padding: 0 27px; border-left: 1px solid #C1EB77;}
#bmenu a:hover {text-decoration: underline;}
#bmenu li.first a {border: 0;}
div.bml {float: left;}
div.bmr {background-position: -8px 0 !important; float: right;}

div.round {position: relative; width: 900px; margin: -8px 0 0;}
div.round div {width: 8px; height: 8px; background: url(../images/body_blr.gif) no-repeat;}
div.round .bl {float: left;}
div.round .br {float: right; background-position: 0 -8px;}

#footer {background: #0E4D61; margin: 20px 180px; color: #FFFFFF;}
#footer div {height: 32px; background: url(../images/foot_lr.gif) no-repeat; line-height: 32px;}
#footer div.rb {background-position: right bottom; text-align: center;}
#footer strong {font-weight: normal; background: #156C87;}
#footer a {font-weight: bold; color: #FFEA59; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

div.pop {}
div.pop h2 {margin: 0 0 9px 13px;}
div.pop .item {background: url(../images/popular_bg.jpg) no-repeat; width: 362px; height: 156px; margin: 0 0 5px; padding: 0 12px;}
div.pop h3 {padding: 2px 0 3px; margin: 0 37px 0 181px; font-size: 11px; color: #0D578C; text-align: center;}
div.pop img {border: 0;}
div.pop p {color: #FFF; padding: 6px 0;}
div.pop strong {color: #2FF;}
div.pop a {float: left;}
div.pop a.green {margin: 0 16px 0 0;}

a.button {width: 102px; height: 19px; display: block; background: url(../images/button_a.gif) no-repeat; font-weight: bold; text-decoration: none; line-height: 17px; text-align: center;}
a.left {float: left;}
a.green {color: #4E9E4A;}
a.orange {color: #FF8E33;}

input.text, textarea.text, select.text {border: 1px solid #3D6597; font-size: 11px; font-family: tahoma;}
input.widest, textarea.widest, select.widest {width: 100%;}
input.button {border: 0; font-size: 11px; font-weight: bold; height: 19px; text-decoration: none; text-align: center; width: 110px; background: url(../images/button.gif) no-repeat; padding: 0;}
table.report th, table.report td, table.info th, table.info td {padding: 2px 5px;}

.auth {padding: 0 0 0 12px;}
.auth input {margin: 0 0 5px 0;}
.auth input.text {width: 132px; height: 16px;}
.auth textarea {width: 95%; font-size: 11px;}

.register input.radio {float: left; margin: 1px 6px 0 0; _margin: -3px 0 0 -4px; padding: 0; position: relative;}
.register input.text, .register textarea.text {width: 95%; font-size: 11px; font-family: tahoma;}

.bwh {margin: 4px 0px 15px;}
.bwh .tl {background: url(../images/bwh_tl.gif) no-repeat;}
.bwh .tr {background: url(../images/bwh_tr.gif) right no-repeat;}
.bwh .tbg {background: url(../images/bwh_tbg.gif); height: 7px; margin: 0px 7px;}
.bwh .bl {background: url(../images/bwh_bl.gif) no-repeat;}
.bwh .br {background: url(../images/bwh_br.gif) right no-repeat;}
.bwh .bbg {background: url(../images/bwh_bbg.gif); height: 7px; margin: 0px 7px;}
.bwh .bd {border: 1px solid #DFE1E2; border-top: 0px; border-bottom: 0px; padding: 2px 14px 1px 15px; background: #FFFFFF;}

div.b {background: url(../images/cat_bot.gif) no-repeat bottom;}
div.catalog .item h3 {margin-bottom: 15px;}
div.catalog .cilc {width: 150px; float: left; margin: 0 7px 0 0; text-align: center;}
div.catalog .circ {float: left; width: 464px; background: #FBFAF3;}
div.catalog .circ .tl {background: url(../images/bgr_tl.gif) no-repeat;}
div.catalog .circ .tr {background: url(../images/bgr_tr.gif) no-repeat top right;}
div.catalog .circ .bl {background: url(../images/bgr_bl.gif) no-repeat bottom left;}
div.catalog .circ .br {background: url(../images/bgr_br.gif) no-repeat bottom right; padding: 15px 20px;}
div.catalog .cilc a.button {margin: 9px auto 0;}
div.catalog a.button {width: 110px; background: url(../images/button.gif); padding: 0;}
div.catalog a.green {color: #4E9E4A;}
div.catalog a.orange {color: #FF8E33;}
div.catalog a.lblue {color: #1F9CD6;}
div.catalog img {margin: 0 0 10px; border: 0;}
div.catalog .imgl img {margin: 0 12px 12px 0; border: 0;}
div.catalog .item {display: block; clear: both; padding-bottom: 20px; margin-bottom: 15px;}
div.catalog .item p {display: block; margin: 0; padding: 0;}
div.catalog .old {color: #3D6597; text-decoration: line-through; display: block;}
div.catalog .old_text {color: #F98600; display: block;}
div.catalog .price {width: 110px; text-align: center; font-weight: bold; background: #94C047; font-size: 13px; color: #FFFFFF; padding: 2px 0; clear: left; margin: 0 auto;}
div.catalog h4 {background: #94C047; line-height: 12px; margin: 0; padding: 5px 10px; color: #FFF; font-size: 11px; font-weight: bold; font-family: Tahoma;}
div.catalog td.img {text-align: center; border-top: 1px solid #CECECE;}
div.catalog td.img a {clear: both; float: left;}
div.catalog td.img img {margin: 7px 17px !important; border-width: 1px !important;}
div.catalog table.spec {width: 100%; border: 0;}
div.catalog table.spec img {border: 0 !important; padding: 0 !important; margin: 0 !important;}
div.catalog table.spec td.img img {border: 1px solid #DADADA !important;}
div.catalog table.spec td, div.catalog table.spec th {padding: 5px 0; margin: 0; border-top: 1px solid #CECECE; text-align: left;}
div.catalog table.spec td.l {font-weight: bold; padding-left: 10px; width: 40%;}
div.catalog table.spec td.r {width: 60%; vertical-align: middle;}
div.catalog table.spec th {padding-left: 10px; background: #EFEFEF; color: #000; font-size: 13px;}
div.catalog table.spec .order a {margin: 0 !important;}
div.catalog table.spec h5 {padding: 0; margin: 0; line-height: 14px; font-size: 15px;}
div.catalog table.spec h5 strong {color: #FF0000;}
div.catalog table.spec td.ico {vertical-align: middle;}
div.catalog table.spec td.ico img {margin-left: 14px !important;}

div.faq {}
div.faq p {display: block; padding: 0; margin: 0; clear: both;}
div.faq p.quest {background: #389BCE url(../images/faq_tl.gif) no-repeat; float: left; clear: both; margin: 0 0 0 -7px; _margin-left: -4px;}
div.faq p.quest span {display: block; background: url(../images/faq_tr.gif) top right no-repeat;}
div.faq p.quest span span {background: url(../images/faq_bl.gif) bottom left no-repeat;}
div.faq p.quest strong {display: block; background: url(../images/faq_br.gif) bottom right no-repeat; color: #FFF; padding: 0 7px;}
div.faq p.answer {padding: 5px 0 15px;}
div.faq img {margin: 0 0 15px; border: 0;}
div.faq ul {margin: 0 0 15px;}

div.review {}
div.review p.bigger {font-size: 13px; color: #000;}
div.review .name {background: #ABCE38; float: left; margin: 0 0 0 -7px; _margin-left: -4px;}
div.review .name .tl {background: url(../images/rw_tl.gif) no-repeat;}
div.review .name .tr {background: url(../images/rw_tr.gif) top right no-repeat;}
div.review .name .bl {background: url(../images/rw_bl.gif) bottom left no-repeat;}
div.review .name .br {background: url(../images/rw_br.gif) bottom right no-repeat; padding: 1px 7px;}
div.review .name strong {color: #FFF;}
div.review .text {clear: both; padding: 5px 0 10px; margin: 0 0 10px 0; border-bottom: 1px solid #EEE;}

.feedback {width: 100%;}
.feedback input.text, .feedback textarea.text {width: 99%;}

table.table {border-top: 1px solid #CECECE; border-left: 1px solid #CECECE;}
table.table td, table.table th {padding: 3px 5px; margin: 0; border-bottom: 1px solid #CECECE; border-right: 1px solid #CECECE;}

img.nb {border: 0 !important;}
img.left {float: left; margin: 0 12px 15px 0;}
img.right {float: right; margin: 0 0 15px 12px;}

p.center {text-align: center;}
p.right {padding: 7px 0; text-align: right;}

.clr {clear: both;}