html {height: 100%;}
body {height: 100%; margin: 0; padding: 0; background: #000;}
body, td, th {font: normal 9pt arial, tahoma, verdana, helvetica, sans-serif; color: #191919;}
img {border: none;}
img { behavior: url(/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;}
.eight {font-size: 8pt;}
.eleven {font-size: 11pt;}
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: 9pt; FONT-FAMILY: arial, tahoma, verdana; color: #333;}

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

h1 {font: normal 18pt  arial, tahoma, helvetica, verdana, sans-serif; color: #002950; margin: 0 0 6px 0;}
h2 {font: normal 18pt  arial, tahoma, helvetica, verdana, sans-serif; color: #58595B; margin: 0 0 6px 0;}
h3 {font: normal 14pt arial, tahoma, helvetica, verdana, sans-serif; color: #58595B; margin: 30px 0 6px 0;}
h4 {font: normal 14pt arial, tahoma, helvetica, verdana, sans-serif;  color: #002950; margin: 10px 0 6px 0;}
h5 {font: bold 10pt verdana, arial, tahoma, helvetica, sans-serif; color: #58595B; margin: 15px 0 6px 0;}
h6 {font: bold 10pt verdana, arial, tahoma, helvetica, sans-serif; color: #002950; margin: 15px 0 6px 0;}

.head1 {font-size: 14pt; margin: 0 0 9px 0; font-weight: normal; background: #191919; color: #ebebeb; padding: 2px 10px;}
.head2 {font-size: 14pt; margin: 0 0 9px 0; padding: 9px 0 0 0; color: #006699;}
.head3 {font-size: 13pt; margin: 0 0 9px 0; font-weight: normal; background: #777; color: #ebebeb; padding: 2px 10px;}
.head4 {font-size: 12pt; margin: 0 0 6px 0; padding: 9px 0 0 0; color: #006699;}

/* ============= верхняя шапка ============ */
table.TopTable {width: 100%; height: 150px; background: #000 url(img/bg_top.gif) top right repeat-x;}
table.TopTable td.TopLogo {background: transparent url(/img/bg_topl.gif) top left no-repeat; color: #ebebeb;}
table.TopTable td.TopLogo img.logo {margin: 16px 5px 0 8px;}
table.TopTable td.TopCab {width: 16%; background: transparent url(/img/bg_topr.gif) top right no-repeat; padding: 10px 12px 0 3px; color: #ebebeb;}
table.TopTable td.TopCab p.title {color: #fff !important; font-size: 8pt; text-transform: uppercase; margin: 0 0 3px 0 !important;}
table.TopTable td.TreeTop {width: 27%; padding: 4px 8px 0 0; color: #ebebeb;}

div.callus {position: absolute; z-index: 5; margin: -10px 0 0 0; padding: 0 0 0 20px; font-size: 7pt; text-transform: uppercase;}
div.callus span {font-size: 9pt; display: block; padding: 2px 0 3px 0;}
div.callus strong {font-size: 17pt; font-weight: normal;}

table.ssTab {width: 100%; height: 143px; background: transparent url(/img/bg_ss.jpg) top left no-repeat;}
table.ssTab td.zzTab {background: transparent url(/img/bg_zz.jpg) top right no-repeat; padding: 11px 6px 1px 12px; color: #ebebeb;}
table.ssTab td.zzTab p.title {font-weight: bold; font-size: 10pt; text-transform: uppercase; margin: 0 0 3px 0 !important; }
table.ssTab td.zzTab div.rr {float: right; padding: 2px 8px 0 0; }

table.topSelector {width: 100%; }
table.topSelector td {font-size: 8pt; color: #ebebeb; padding: 0 4px 0 0; white-space: nowrap;}
table.topSelector td select {font-size: 9pt; margin: 1px 0 4px 0; width: 95%; }

table.topEnter td.enleft input {font-size: 8pt; margin: 0 0 2px 0; width: 90px; height: 14px; background: #ccc;}
table.topEnter td.enright {padding: 1px 0 0 8px;}

table.topEnter td.cartleft {padding: 16px 0 0 0; color: #ebebeb; font-size: 8pt; white-space: nowrap;}
table.topEnter td.cartleft input {font-size: 8pt; margin: 0 0 1px 0; width: 90px; background: #ccc;}
table.topEnter td.cartleft p {margin: 0 0 3px 0 !important;}
table.topEnter td.cartleft p.title {font-size: 8pt; text-transform: uppercase; margin: 0 0 3px 0 !important; color: #ebebeb !important;}
table.topEnter td.cartright {padding: 17px 0 0 8px;}


/* ============= верхнее меню ============ */
table.TopMenu {width: 100%; height: 50px; background: #000 url(/img/bg_tmen.gif) top right repeat-x;}
table.TopMenu td a {color: #ebebeb !important; font-size: 9pt; text-transform: uppercase; font-weight: bold;}

table.TopMenu td.Menu1 {width: 50%;  text-align: right;}
table.TopMenu td.Menu1 a {float: right; text-align: right; display: block; padding: 20px 45px 0 0; width: 300px; height: 30px;}
table.TopMenu td.Menu1 a:link {background: transparent url(/img/bg_m1.gif) top right no-repeat; text-decoration: none;}
table.TopMenu td.Menu1 a:visited {background: transparent url(/img/bg_m1.gif) top right no-repeat; text-decoration: none;}
table.TopMenu td.Menu1 a:hover {background: transparent url(/img/bg_m1a.gif) top right no-repeat; text-decoration: none;}

table.TopMenu td.Menu2 {width: 128px; text-align: center;}
table.TopMenu td.Menu2 a {text-align: center; display: block; padding: 20px 0 0 0; width: 128px; height: 30px;}
table.TopMenu td.Menu2 a:link {background: transparent url(/img/bg_m2.gif) top left no-repeat;  text-decoration: none;}
table.TopMenu td.Menu2 a:visited {background: transparent url(/img/bg_m2.gif) top left no-repeat;  text-decoration: none;}
table.TopMenu td.Menu2 a:hover {background: transparent url(/img/bg_m2a.gif) top left no-repeat;  text-decoration: none;}

table.TopMenu td.Menu3 {width: 128px; text-align: center;}
table.TopMenu td.Menu3 a {text-align: center; display: block; padding: 20px 0 0 0; width: 128px; height: 30px;}
table.TopMenu td.Menu3 a:link {background: transparent url(/img/bg_m2.gif) top left no-repeat;  text-decoration: none;}
table.TopMenu td.Menu3 a:visited {background: transparent url(/img/bg_m2.gif) top left no-repeat;  text-decoration: none;}
table.TopMenu td.Menu3 a:hover {background: transparent url(/img/bg_m2a.gif) top left no-repeat;  text-decoration: none;}

table.TopMenu td.Menu4 {width: 50%; text-align: left;}
table.TopMenu td.Menu4 a {float: left; text-align: left; display: block; padding: 20px 0 0 45px; width: 300px; height: 30px;}
table.TopMenu td.Menu4 a:link {background: transparent url(/img/bg_m4.gif) top left no-repeat; text-decoration: none;}
table.TopMenu td.Menu4 a:visited {background: transparent url(/img/bg_m4.gif) top left no-repeat;  text-decoration: none;}
table.TopMenu td.Menu4 a:hover {background: transparent url(/img/bg_m4a.gif) top left no-repeat;  text-decoration: none;}

table.TopMenu td.Menu1active {width: 50%; text-align: right;}
table.TopMenu td.Menu1active a {float: right; text-align: right; background: transparent url(/img/bg_m1a.gif) top right no-repeat; display: block; padding: 20px 45px 0 0; width: 300px; height: 30px; text-decoration: none;}

table.TopMenu td.Menu2active {width: 128px; text-align: center;}
table.TopMenu td.Menu2active a {text-align: center; display: block; background: transparent url(/img/bg_m2a.gif) top left no-repeat; padding: 20px 0 0 0; width: 128px; height: 30px; text-decoration: none;}

table.TopMenu td.Menu3active {width: 128px; text-align: center;}
table.TopMenu td.Menu3active a {text-align: center; display: block; background: transparent url(/img/bg_m2a.gif) top left no-repeat; padding: 20px 0 0 0; width: 128px; height: 30px; text-decoration: none;}

table.TopMenu td.Menu4active {width: 50%; text-align: left;}
table.TopMenu td.Menu4active a {float: left; text-align: left; background: transparent url(/img/bg_m4a.gif) top left no-repeat; display: block; padding: 20px 0 0 45px; width: 300px; height: 30px; text-decoration: none;}

/* ============= на главной странице ============ */
table.faceTab {width: 100%;}
table.faceTab td.window {width: 50%; border: 1px solid #555; padding: 10px 14px 5px 14px;}
table.faceTab td.spacer span {display: block; width: 10px; height: 10px;}

table.faceTab td#face1 {background: #efefee url(/img/face1.jpg) top right no-repeat;}
table.faceTab td#face2 {background: #efefee url(/img/face2.jpg) top right no-repeat;}
table.faceTab td#face3 {background: #efefee url(/img/face3.jpg) top right no-repeat;}
table.faceTab td#face4 {background: #efefee url(/img/face4.jpg) top right no-repeat;}
table.faceTab td#face0 {background: #efefee;}

/* ============= рабочее поле / левое меню ============ */
table.mainTable {width: 100%; background: #fff url(/img/bg_w.gif) top center no-repeat;}
table.mainTable td.mainLeft {width: 15%; padding: 20px 15px 20px 20px;}
table.mainTable td.mainRight {width: 85%; padding: 20px 20px 20px 0;}

div.LeftMenu {width: 213px; margin: 0 0 15px 0;}
div.LeftMenu p {margin: 0 0 4px 0 !important; text-transform: uppercase;}
div.LeftMenu p.title {text-transform: uppercase; font-weight: bold; font-size: 10pt;}
div.LeftMenu p.title a:link {color: #191919; text-decoration: none; font-size: 10pt;}
div.LeftMenu p.title a:visited {color: #191919; text-decoration: none; font-size: 10pt;}
div.LeftMenu p.title a:hover {color: #191919; text-decoration: underline; font-size: 10pt;}

div.subMenu {padding: 0 0 10px 10px;}
div.subMenu a:link {color: #006699;}
div.subMenu a:visited {color: #006699;}
div.subMenu a:hover {color: #191919;}
div.subMenu p {margin: 0 0 4px 0 !important; text-transform: uppercase;}
div.subMenu p.active a {color: #191919; !important;}

/* ============= каталог ============ */
div.breadcrumbs {margin: 0 0 9px 0; font-size: 8pt; color: #006699;}
div.bigText {width: 92%; }
p.nowide {width: 90%; }

div.brandBox {float: left; width: 165px; background: #fff; background-position: 50% 40%; background-repeat: no-repeat; margin: 0 8px 10px 0;}
div.brandBox a {display: block; width: 155px; padding: 80px 5px 10px 5px; text-align: center; text-transform: uppercase;}

div.tyreBox {float: left; width: 165px; height:210px; background: #fff; background-position: 50% 12px; background-repeat: no-repeat; margin: 0 8px 10px 0;}
div.tyreBox a {display: block; width: 155px; padding: 145px 5px 0 5px; text-align: center; text-decoration: none !important; }
div.tyreBox a span {display: block; background: #fff; padding: 8px;}
div.tyreBox a span strong {display: block; margin: 0 0 3px 0; font-size: 9pt; text-decoration: underline !important; font-weight: normal;   }
div.tyreBox a span small {font-size: 8pt; text-transform: uppercase; color: #777;}
div.tyreBox a span em {color: #191919; font-size: 11pt; }

div.tyreModel {width: 165px; background: #fff; margin: 0 10px 10px 0; background-position: 50% 12px; background-repeat: no-repeat; }
div.tyreModel a {display: block; width: 155px; padding: 190px 5px 10px 5px; text-align: center; text-transform: lowercase;}


table.brandTab {width: 100%; }
table.brandTab td.brandText {width: 100%; padding: 0 0 5px 0; }
table.brandTab td.brandText p {width: 88%;  }
div.brandLogo {width: 165px; height: 100px; background: #fff; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 10px 10px 0;}

table.inCat {margin: 0 0 15px 0;}
table.inCat td {white-space: nowrap; padding: 2px 8px;  background: transparent;}
table.inCat td.active {color: #ebebeb !important; background: #006699;}
table.inCat td.active a {color: #ebebeb !important;}
table.inCat a span {background: transparent !important; color: #006699; text-decoration: underline; cursor: pointer; }


table.cart {width: 100%; margin: 0 0 10px 0;}
table.cart th {background: #d9d9d9; padding: 7px 10px;  text-transform: uppercase; white-space: nowrap;}
table.cart th.price {text-align: right; padding-right: 20px; }
table.cart th.cntr {text-align: center;}
table.cart td {border-bottom:1px solid #d9d9d9; padding: 5px 10px; vertical-align: middle;}
table.cart td.price {font-size: 11pt; font-style: italic; white-space: nowrap; text-align: right;}
table.cart td.cntr {text-align: center;}
table.cart td p {margin: 0 0 3px 0 !important;}
table.cart td.foto {padding: 8px 0; vertical-align: top;}
table.cart td.foto div.tyreBox { margin: 0;}
table.cart td.foto div.tyreBox a span {padding: 3px;}
table.cart td.itogo {padding: 12px 10px; font-weight: bold;}

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

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

.tellMe {width: 280px; border: 1px solid #999; }

table.faceNews {width: 100%;}
table.faceNews td span {font-size: 9pt;}

table.faceNews td.em {padding: 0 15px;}
table.faceNews td.text {width: 50%; padding: 0 0 10px 0;}
table.faceNews td.newsAll {width: 70%; padding: 10px 20px 10px 0;}
table.faceNews td.newsAll p {margin: 0 0 18px 0;}
table.faceNews td.newsArchive {width: 30%; padding: 0 0 10px 10px;}
table.faceNews td.Account {width: 70%; padding: 0 0 10px 0;}


table.faceNews td.newsFull {width: 67%; padding: 0 20px 10px 0;}
table.faceNews td.newsFull p {margin: 0 0 10px 0;}


/* ============= подвал ============ */
table.Footer {width: 100%; background:  #000 url(/img/bg_foot.gif) top right repeat-x; height: 71px;}
table.Footer td.FooterLeft {width: 15%; padding: 20px 15px 20px 20px; color: #ebebeb !important; font-size: 8pt; }
table.Footer td.FooterLeft div.ola {width: 213px; color: #ebebeb !important; font-size: 8pt; }
table.Footer td.FooterRight {width: 85%; padding: 20px 20px 20px 0; color: #ebebeb !important; font-size: 8pt; }
table.Footer td.FooterRight div.count {float: right; padding: 0 0 0 15px; color: #ebebeb !important; font-size: 8pt; }
table.Footer td.FooterRight div.ole {padding: 0 0 0 15px; color: #ebebeb !important; font-size: 8pt; }


/* ============= кнопки ============ */
.btn55 {background: transparent url(/img/btn55d.gif) top left no-repeat; border: 0px; width: 55px; height: 25px; margin: 0 0 0 3px; color: #ebebeb !important;}
.btn65 {background: transparent url(/img/btn65d.gif) top left no-repeat; border: 0px; width: 65px; height: 23px; margin: 0 0 0 3px; color: #ebebeb !important;}
.btn70w {background: transparent url(/img/btn70w.gif) top left no-repeat; border: 0px; width: 70px; height: 23px; margin: 0 0 0 3px; color: #ebebeb !important;}
.btn120w {background: transparent url(/img/btn120w.gif) top left no-repeat; border: 0px; width: 120px; height: 23px; margin: 0 0 0 3px; color: #ebebeb !important;}

.wide {width: 90%; border: 1px solid #999b9c; }