html {height: 100%;}
body {height: 100%; margin: 0; padding: 0; background: #ebebeb;}
body, td, th {font: normal 10pt arial, tahoma, verdana, helvetica, sans-serif; color: #000000;}
img {border: none;}
img { behavior: url(/scripts/iepngfix.htc) }
a {outline: none;}
table, div {border-collapse: collapse;}
td {vertical-align: top; text-align: left; padding: 0;}

p {margin: 0 0 10px 0;}


form {margin: 0; padding 0;}
hr {border: none; color: #ccc; background-color: #ede2d1; height: 1px; margin: 15px 0;}
li {margin-bottom: 5px;}

INPUT, TEXTAREA, SELECT, submit {font-size: 10pt; FONT-FAMILY: arial, tahoma, verdana; color: #333333;}

a:link {color: #ff0000; text-decoration: underline;}
a:visited {color: #ff0000; text-decoration: underline;}
a:active {color: #ff0000; text-decoration: underline;}
a:hover {color: #ff0000; text-decoration: underline;}

h1 {font-size:18pt ; font-weight: normal; margin: 0 0 0 0; color: #ff0000;}
h2 {font-size:13pt ; font-weight: normal; color: #000000; margin: 0 0 10px 0;}
h3 {font-size:9pt ; font-weight: bold; margin: 0 0 5px 0; color: #ff0000; text-transform: uppercase;}
h4 {font-size:10pt ; font-weight: bold; color: #000000; margin: 0 20px 8px 0;}
h5 {font-size:11pt ; font-weight: normal; color: #333; margin: 0 20px 10px 0;}
h6 {}

.date {font-size: 8pt;}
div.text {padding: 15px 35px; font-size: 9pt;}
div.outtext {padding: 12px 35px 5px 35px; font-size: 9pt;}

.siteContainer {width: 100%; height: 100%; margin: 0 auto;}
.siteContainer td.field {width: 6%; height: 100%;}
.siteContainer td.field span {display: block; width: 10px; height: 10px;}
.siteContainer td.siteBox {width: 88%; background: #ffffff;}


/* ============= верхняя шапка ============ */

.breadcrumbs {padding: 0 20px 45px 41px; font-size: 8pt; color: #ff0000;}

.headTab {width: 100%; background: #ffffff url(/img/back5.gif) top left repeat-x;}
.headTab td.headLeft {width: 35%; padding: 50px 40px 10px 20px;}
.headTab td.headRight {width: 65%; padding: 6px 10px 0 0;}

.topIcons {width: 100%;}
.topIcons td.icon {width: 20px; padding: 2px 12px 0 0;}
.topIcons td.top {width: 33%; font-size: 9pt;}
.topIcons td.top span {color: #ff0000; font-size: 11pt;}

.intopMenu {padding: 10px 0 8px 0; text-transform: uppercase; background: #ebebeb; white-space: nowrap;}
.intopMenu a {float: left; display: block; margin: 0 0 0 20px; font-size: 8pt;}
.intopMenu a:link {color: #000000 !important;}
.intopMenu a:visited {color: #000000 !important;}
.intopMenu a:hover {color: #ff0000 !important;}
.topSearch {float: right; padding: 6px 0 0 0;}
.topSearch td {padding: 0 3px 0 0;}
.topSearch input.search {width: 220px; color: #777777;}

.topMap {float: right; padding: 10px 0 8px 0; text-transform: uppercase; background: #ebebeb; white-space: nowrap;}
.topMap a {float: left; display: block; margin: 0 20px 0 20px; font-size: 8pt;}
.topMap a:link {color: #000000 !important;}
.topMap a:visited {color: #000000 !important;}
.topMap a:hover {color: #ff0000 !important;}

table.MainTable {width: 100%; min-width: 960px;}

table.MainTable {width: 100%; min-width: 960px;}
table.MainTable td.mainLeft {width: 20%;}
table.MainTable td.mainRight {width: 80%; background: #ffffff url(/img/spacer.gif) top left repeat-y;}

.redTitle {margin: 10px 10px 10px 0; padding: 3px 20px; background: #ff0000; color: #ffffff; text-transform: uppercase; font-size: 8pt; font-weight: bold;}
.grayTitle {margin: 0 0 10px 0; padding: 3px 15px; background: #ebebeb; color: #000000; text-transform: uppercase; font-size: 8pt; font-weight: bold;}
.ingrayTitle {margin: 10px 0 10px 0; padding: 3px 15px; background: #ebebeb; color: #ff0000; text-transform: uppercase; font-size: 8pt; font-weight: bold;}
.noTitle {margin: 10px 10px 10px 0; padding: 3px 20px; font-size: 8pt; font-weight: bold;}

.LeftMenu {padding: 3px 20px 8px 20px;}
.LeftMenu p.title a {color: #000000 !important; margin: 0 !important;}
.subMenu {margin-bottom: 14px; font-size: 9pt;}
.subMenu p {padding-left: 10px; margin: 0 0 6px 0 !important; background: url(/img/r.gif) 2px 7px no-repeat;}
.subMenu p a:link {color: #ff0000 !important;}
.subMenu p a:visited {color: #ff0000 !important;}
.subMenu p a:hover {color: #000000 !important;}
.subMenu p.active a:link {color: #000000 !important;}
.subMenu p.active a:visited {color: #000000 !important;}
.subMenu p.activea:hover {color: #000000 !important;}

.brandMenu {padding: 3px 20px 10px 20px;}
.brandMenu p {margin: 0 0 5px 0 !important;}
.brandMenu p a {color: #000000 !important; margin: 0 !important;}

div.spacer {height: 10px; background: #ebebeb;}

.faceTab {width: 100%;}
.faceTab td.inFace {width: 25%; background: #ffffff url(/img/spacer.gif) top left repeat-y; padding-left: 10px; padding-bottom: 10px;}
.faceTab td.onFace {width: 25%; background: #ffffff; padding-left: 10px; padding-top: 70px;}
.faceTab tr.spacer td {width: 25%; height: 10px; background: #ebebeb;}
.faceTab tr.spacer td span {display: block; width: 6px; height: 10px; }

.faceTab td.akciaFace {width: 25%;  padding-left: 10px;}
.akciaBox .redTitle {position: relative; z-index: 2; margin: 10px 0 1px 10px !important; padding: 3px 15px !important; }
.akciaBox .faceTxt {position: relative; z-index: 2; margin: 0 0 0 10px !important; padding: 12px 25px 1px 15px; font-size: 9pt;}
.akciaBox .faceTxt a {font-size: 9pt; font-weight: bold; text-transform: uppercase;}
.akciaBox .faceTxt p {margin: 0 0 4px 0;}
.akciaFoto {display: block; height: 110px; margin: 10px 0 10px 10px;}

.inAkzia {margin: 0 0 0 10px !important; padding: 12px 25px 15px 15px; font-size: 9pt;}

.bigFaceFoto {position: absolute; z-index: 1; padding: 10px 0 0 30px;}
.smallFaceFoto {display: block; height: 180px;}
.faceBox {position: relative; z-index: 2; }
.faceBox .redTitle {position: relative; z-index: 2; margin: 0 0 1px 10px !important; padding: 3px 15px !important; }
.faceBox .noTitle {position: relative; z-index: 2; margin: 0 0 1px 10px !important; padding: 3px 15px !important; }
.faceBox .grayback {position: relative; z-index: 1; margin: 0 0 0 10px !important; top: 131px; height: 110px; background: #e8e8e8; opacity:0.85;filter:alpha(opacity=85); }
.inFace .faceBox .faceTxt {background: #ebebeb; position: relative; z-index: 2; margin: 0 0 0 10px !important; padding: 9px 5px 1px 15px; height: 100px; font-size: 8pt; text-transform: uppercase;}
.onFace .faceBox .faceTxt {position: relative; z-index: 2; margin: 0 0 0 10px !important; padding: 9px 5px 1px 15px; height: 100px; font-size: 8pt; text-transform: uppercase;}
.onFace .faceBox .faceTxt a {font-size: 9pt; font-weight: bold;}
.faceBox .limit {width:150px;height: 72px; overflow: hidden; margin-bottom: 3px;}
.faceBox .limit a {font-size: 9pt; font-weight: bold;}

p.price {font-size: 11pt; font-weight: bold; color: #ff0000; text-transform: lowercase; margin: 0;}

.yearBox {margin-bottom: 25px;}
.yearBox a {margin-right: 15px;}
.yearBox a.active {color: #111111 !important; text-decoration: none !important; border-bottom: 2px solid #ff0000; font-size: 15pt;}

img.newsImg {float: right; margin: 10px 20px;}

.newsList {margin: 0 0 20px 0;}
.newsList a {text-transform: uppercase; font-weight: bold;}
.newsList p {margin: 0 15px 3px 0;}
.newsList p.date {margin: 0 15px 3px 0;}

.itemText {padding : 0 0 15px 0;}
.itemText p {margin: 0 0 5px 0;}
.itemText h2 {margin: 0 0 3px 0; padding-top: 12px;}

.faceNews {width: 100%;}
.faceNews td {width: 25%; padding: 0 0 12px 20px; font-size: 9pt;}
.faceNews td .grayTitle {margin: 0 !important;}
.faceNews td p {margin: 0 15px 3px 15px;}
.faceNews td a {text-transform: uppercase; font-weight: bold;}
.faceNews tr.spacer td {width: 25%; height: 10px; background: #ebebeb; padding: 0 !important;}
.faceNews tr.spacer td span {display: block; width: 6px; height: 10px; }

.faceList {width: 100%;}
.faceList td {width: 25%; padding: 0 0 12px 20px; font-size: 9pt;  background: #ffffff url(/img/spacer.gif) top left repeat-y;}
.faceList td .grayTitle {margin: 0 !important;}
.faceList td p {margin: 0 15px 6px 15px;}
.faceList td a {color: #000000 !important;}
.faceList tr.spacer td {width: 25%; height: 10px; background: #ebebeb; padding: 0 !important;}
.faceList tr.spacer td span {display: block; width: 6px; height: 10px; }


.boxTab {width: 100%;}
.boxTab td.boxel {padding: 0 0 0 20px;}
.boxTab td.boxel .redTitle {margin: 10px 0 10px 0 !important; padding: 3px 15px !important;}
.boxTab tr.spacer td {height: 10px; background: #ebebeb; padding: 0 !important;}

.inpad {padding: 10px 15px; font-size: 9pt;}
.nopad {padding: 10px 15px 3px 15px; font-size: 9pt;}
.more {float: right; font-size: 9pt; color: #ff0000; padding: 5px 5px 0 0;}

.chooser {width: 80%; margin-bottom: 8px;}
.chooser td {width: 25%; padding: 0 5px 10px 0; font-size: 9pt; vertical-align: bottom;}
.chooser td select {width: 95%; margin: 3px 0 0 0;}

.catalogStandartTab {width: 100%;}
.catalogStandartTab td {font-size: 9pt;}
.catalogStandartTab td.foto {width: 25%; padding: 10px 15px 20px 15px; text-align: center; background: transparent url(/img/spacer.gif) bottom left repeat-x;}
.catalogStandartTab td.abt {width: 50%; padding: 19px 30px 20px 20px; background: transparent url(/img/spacer.gif) bottom left repeat-x;}
.catalogStandartTab td.prop {width: 25%; padding: 10px 0 15px 0;  background: transparent url(/img/spacer.gif) bottom left repeat-x;}
.catalogStandartTab td.prop .redTitle {margin: 0 0 10px 0 !important; padding: 3px 15px !important;}
.catalogStandartTab td.prop .noTitle {margin: 0 0 10px 0 !important; padding: 3px 15px !important; font-size: 8pt; font-weight: bold;}
.catalogStandartTab td.prop .inprop {padding: 0 15px;}
.catalogStandartTab td.prop .inprop p {margin: 0 0 6px 0;}
.catalogStandartTab p.title {text-transform: uppercase; font-weight: bold; margin: 0 0 5px 0; font-size: 10pt;}
.catalogStandartTab p {margin: 0 0 4px 0;}

.miniBox {padding: 15px 5px 15px 35px; }
.catalogMiniTab {width: 100%; border-bottom: 2px solid #ebebeb;}
.catalogMiniTab th {font-size: 8pt; font-weight: bold; padding: 0 12px 5px 0; vertical-align: middle;}
.catalogMiniTab th.name {padding: 0 30px 5px 0;}
.catalogMiniTab td {font-size: 8pt; padding: 5px 10px 5px 0; border-top: 2px solid #ebebeb; vertical-align: middle;}
.catalogMiniTab td.nowrap {white-space: nowrap;}
.catalogMiniTab td.buy { text-transform: uppercase; font-size: 8pt;}

div.buy {float: right; text-transform: uppercase; font-size: 8pt !important; padding: 3px 2px 0 0; font-weight: normal !important;}

.showen {padding: 5px 0 5px 0; white-space: nowrap;}
.pages {float: right; padding: 5px 0 5px 0; white-space: nowrap;}
div.pages span {background: #ff0000; color: #ffffff; font-size: 9pt; font-weight: bold; padding: 3px 7px;}
div.pages a {padding: 0 6px;}

.itemTab {width: 100%; margin-bottom: 15px;}
.itemTab td.itemFoto {padding: 0 25px 10px 0;}
.itemTab td.itemPre {padding: 0;}
.itemTab td.itemPre img {padding: 6px; border: 1px solid #ebebeb; margin-bottom: 5px;}
.itemTab td.itemProp {width: 80%; padding: 0 10px 10px 25px;}

.atItem td {padding: 4px 8px 8px 0; vertical-align: middle;}
.atItem td .price {color: #000000; font-size: 13pt;}

.techProper {width: 100%; margin-bottom: 20px; border-bottom: 1px solid #ebebeb; }
.techProper td.left {border-top: 1px solid #ebebeb;  padding: 4px 15px 4px 0;}
.techProper td.right {border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb;padding: 4px 15px 4px 15px;}
.techProper td.leftName {padding: 4px 15px 4px 0;}
.techProper td.rightName {border-left: 1px solid #ebebeb; padding: 4px 15px 4px 15px;}
.techProper td.rightFoto {border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; padding: 8px 15px 4px 15px; vertical-align: middle;}

.otherTab {width: 100%; }
.otherTab td {width: 25%; padding: 0 10px 15px 35px; font-size: 8pt; text-transform: uppercase;}
.otherTab td.foto {text-align: center; padding: 0 10px 10px 35px;}
.otherTab td p.title {font-weight: bold; font-size: 9pt; text-transform: uppercase; margin: 0 0 5px 0;}
.otherTab tr.spacer td {height: 10px; background: #ebebeb; padding: 0 !important;}


table.moresearch {width: 100%;}
table.moresearch td.mors {width: 25%; padding: 0 15px 25px 0;}
table.moresearch td.mors td {padding: 0 5px 5px 0; vertical-align: middle;}



table.cart {width: 100%; margin: 20px 0 15px 0;}
table.cart th {padding: 10px 15px 10px 0; white-space: nowrap; font-size: 8pt; font-weight: bold; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
table.cart th.end {padding: 12px 0 12px 0;}
table.cart td {padding: 10px 15px 10px 0; border-bottom: 1px solid #e5e5e5; vertical-align: middle;}
table.cart td a {font-size: 11pt;}
table.cart td.deliv {padding: 10px 12px; border-bottom: 1px solid #e5e5e5;}
table.cart td.itogo {white-space: nowrap;}
table.cart td.del {text-align: center; padding: 12px 0 12px 0;}
table.cart td.price {white-space: nowrap; }
table.cart td p {margin: 0 0 3px 0;}




div.insubmenu {font-size: 9pt !important; font-weight: normal !important; padding: 0 0 20px 0; clear: both; }
ul.insub {padding: 0; margin: 0 10px 0 0;}
ul.insub li {list-style-type: none; float: left; width: 30%; background: transparent url(/img/r.gif) 2px 7px no-repeat; padding: 0 0 0 12px; margin: 0 10px 5px 0;}





table.mailform {margin: 15px 0;}
table.mailform td {padding: 3px 12px 3px 0;}

table.orderForm {width:98%; margin: 25px 0;  }
table.orderForm th {padding: 14px 8px 14px 0; border-top: 1px dashed #ced7e2; vertical-align: top;}
table.orderForm td {padding: 4px 8px 14px 0;}

.tellMe {width: 280px; }

table.banner {width: 100%; height: 200px; margin: 0 0 15px 0;}
table.banner a {display: block; height: 200px;}
table.banner a img {float: right;}

table.footerTab {width: 100%;}
td.footer {padding: 20px 25px 20px 20px; font-size: 8pt;}
td.footer a {color: #000000 !important; text-decoration: none;}
td.counter {padding: 20px 20px 20px 20px; text-align: right;}

/* ============= кнопки ============ */

.btn_login {background: #a6a69c url(/img/btn_login.gif) top left no-repeat; border: 0px; width: 60px; height: 25px; color: #f0f0f0; font-size: 9pt;}
.btn_search {background: #f0f1ec url(/img/btn_search.gif) top left no-repeat; border: 0px; width: 48px; height: 27px; color: #ffffff;}
.btn80 {background: transparent url(/img/btn_80.gif) top left no-repeat; border: 0px; width: 80px; height: 24px; margin: 0 0 0 1px; color: #454541;}
.btn140 {width: 140px; margin: 0; color: #333333;}
.btn100 {width: 100px; margin: 0; color: #333333;}
.btn100r {float: right; background: transparent url(/img/btn100.gif) top left no-repeat; border: 0px; width: 100px; height: 25px; margin: 0 0 0 3px; color: #514364;}
.btn150 {background: transparent url(/img/btn150.gif) top left no-repeat; border: 0px; width: 150px; height: 25px; margin: 0 0 0 3px; color: #514364;}
.btn150r {float: right; background: transparent url(/img/btn150.gif) top left no-repeat; border: 0px; width: 150px; height: 25px; margin: 0 0 0 3px; color: #514364;}

.wide {width: 90%; border: 1px solid #999b9c; }
.widest {width: 99%;}
input.wide95 {width: 93%;}
textarea.wide95 {width: 93%;}