* {margin: 0; padding: 0}
body, html {
 background:#fff;
 color:#000000;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 text-align: center;
/* height: 100%;   min-height: 100%;  */
}

html {
background: url('../img/bg.gif');
}

body {
 text-align: left;
 max-width: 1200px;   /* mw */
 min-width: 1070px;  /* mw */
 margin: auto;
}


img { border: 0px;} 

.left {  float: left; }
.lside {  
 margin-right: 396px; /* mw */
}

a:link, a:active, a:hover, a:visited { 
 text-decoration: none;
 color: #93651C;
}

* html .lside {  margin-right: 0px; }
.rside {  width: 396px; float: right; z-index: 2; }
*html .rside {  margin-left: -3px;}
.right { float: right; }
.clear { clear: both; }


#head_banner, #head_banner2 {
  height: 241px;
  background: url('../img/head_banner.jpg') top left no-repeat;
  width: 800px;
  display: table-cell;
  empty-cells: show;
  border-right: 4px solid #FAC04C;
}

*html #head_banner, #head_banner2 { width: auto; }

#head_banner2 { 
  height: 36px;
  background-position: 0px -287px;
}

#head_contacts {
  height: 32px;
  background: #000;
  color: #fff; 
  padding-top: 14px;
  border-right: 4px solid #FAC04C;
  border-bottom: 4px solid #FAC04C;
  padding-left:40px;
}
#head_contacts span {
  padding-right: 10px;
  font-size: 1.2em;
  font-weight: bold;
}

#head_contacts div.phone {
  font-size: 1.6em;
  margin-top: -0.2em;
  font-family: Arial;
}

#head_contacts a:link, #head_contacts a:visited, #head_contacts a:hover {
  color: #fff;text-decoration: none;
         font-family: Arial;
  
}

#head_contacts a:hover { color:  #FAC04C;}

#navpos {
  height: 19px;

  background: #1C1B17; 
  color: #fff; 
  padding-top: 8px;
  border-right: 4px solid #93651C;
  padding-left: 45px;
}

#navpos a:link, #navpos a:visited, #navpos a:hover {
  font-family: Arial;
  font-size: 120%;
  color: #FFF; 
  text-decoration: none;
} 
#navpos a:hover { text-decoration: underline; color: #FFF; } 

#navpos span#currency {
    float: right;
    padding-right: 15px;
}

#navpos span#currency a {
  margin: 0px 10px;
}
#navpos span#currency a:link, #navpos span#currency a:visited {
  text-decoration: underline;
}


#navpos span#currency a.active {
  padding: 8px 0px 0px 0px;
  background: url(../img/curr_arrow.gif) no-repeat center top;
  font-weight: bold;
  text-decoration: none;
}


#navpos span#currency a:hover { text-decoration: none; }
#navpos span#currency.active a {
      font-weight: bold;
}
#main {
 padding-top: 10px;
 padding-left: 40px;
 margin-bottom: 10px;
}

#main p.phones {
 font-size: 1.5em; 
}

#main div.rside {
display: table-cell;
}
#main div.rside p  {
 padding: 10px 15px 10px 20px;
display: block;
}
#main div.rside a.block {
display: block;
 border-top: 6px solid #FAC04C;
 background: #F2F2F2;
 padding: 10px 10px 15px 20px;;
 font-weight: bold;
 font-size: 1.7em;
}

#main div.rside a.block:link, #main div.rside a.block:active, #main div.rside a.block:visited { 
text-decoration: none;
border-bottom: 1px dashed gray;
color: black;
}

#center .menu div.menuitem  {
  float: left;
  margin-right: 45px;
  font-size: 3em;
  font-weight: bold;
  font-family: Arial;
  padding-bottom: 7px;
  display: block;
}

#center .menu div.menuitem.active {
  background: url(../img/hbg_arrow.gif) no-repeat bottom center;
}
#center .menu div.menuitem div {
  border-bottom: 2px solid white;
}
#center .menu div.menuitem.active div,  #center .menu div.menuitem div:hover {
  border-bottom: 2px solid black;
}

#center .menu a:link, #center .menu a:visited, #center .menu a:hover {
  color: #000;
  text-decoration: none;
  display: block;
  border-bottom: 6px solid #FAC04C;
}

#center .submenu { padding-top: 10px; width: 600px; position: relative; display: table-cell; padding: 10px 0 15px 0px;}

#center .submenu h1 {
 float: left;
 padding-right: 10px;
 display: block;
          font-size: 3em;
}
#center .submenu h3 {
  float: left; 
  font-size: 1.6em;
  font-weight: bold;
  margin: 0 20px 0px 0;
  border-bottom: 3px solid #FAC04C; 
}
#center .submenu a {
  padding-bottom: 3px;
  display: block; 
}
#center .submenu a:link, #center .submenu a:visited, #center .submenu a:hover {
  border-bottom: 1px solid white;
  text-decoration: none;
  color: #000; 
  font-family: Arial;
}

#center .submenu a:hover {
  border-bottom: 1px solid black; 
}


#center .submenu h3.active a {
  background: black url('../img/h3b_arrow.gif') no-repeat bottom center;
              padding-left: 4px;
              padding-right: 4px;
  border-bottom: 1px solid white;
color:#FAC04C;
}


#center p {
 margin: 2px 50px 5px 0px;
 font-size: 1.4em;
 font-family: Verdana;
 text-align: justify;
}

/* table part */
table.price { 
 width: 98%;
 border: 0;
 border-top: 2px solid #FAC04C;
 border-bottom: 3px solid #FAC04C;
 border-collapse: collapse;
margin-bottom: 15px;
}


table.price caption {
 text-align: left;
 font-size: 4em;
 padding-top: 0.2em;
 margin-bottom: 0.0em;
 font-weight:bold;
}


table.price caption img {
  margin-top: -48px; 
  z-index: 2;
  position: relative; 
}

* html table.price caption img {
 position: static; 
}

table.price.small caption img {
 position: static;
 margin: 4px;
 z-index: 1;
}

table.price.small {
width: 300px;
}
table.price.small.disk {
width: 400px;
}


table.price.small caption {
 font-size: 1em;
 font-weight:normal;
padding: 5px 0 5px 0;
}

table.price.small tr.active td {
 font-weight: bold;
}

table.price th, table.price td {
 border: 0;
 border-right: 3px solid white;
 border-bottom: 1px solid white;
/* padding-left: 15px; */
 text-align: center;
}

table.price h3 {
padding: 5px 0 2px;
}
table.price tr.dark td {
 background-color: #F4F4F3;
}
table.price tr.light td {
 background-color: #FCFCFB;
}
table.price th {
  background: #F0EFEE;
 border-bottom: 2px solid #FAC04C;
 border-top: 2px solid #FAC04C;
}

table.price tr td.season_w { background: #c8e3f5; }
table.price tr td.season_s { background: #e35858; color: white; }
table.price tr td.season_all { background: #FAC04C; }

#footer {
 border-top: 20px solid white;
}
#footer .lside {
 height: 30px;
 background: #000;
 color: #FFF;
 padding-top: 15px;
 border-right: 4px solid #FAC04C;
 width: 800px; /* border width compensation */       
}

#footer .lside a {
}

#footer .lside a:link, #footer .lside a:visited {
 text-decoration: none;
 color: #FFF;
  font-size: 1.2em;
 font-weight: bold;
 padding-right: 15px;
}
#footer .lside a:hover {
 color: #FAC04C;
}

#footer .rside {
 height: 30px;
 background: #C4C2C0;
 color: #000;
 padding-top: 15px;
 float: right;
}

#footer .rside h4 {
 font-size: 1.2em;
 font-weight: normal;
}

#footer .rside p.left { padding-left: 20px; }
#footer .rside p.right { padding-right: 20px; }


#calc {
  background: #dadada;
width: 615px;
  height: 70px;
  padding: 0px 0px 5px 0px;
           margin-top: 5px;
           border-left:6px solid #FAC04C;
}
#calc td {
 font-weight: bold;
 padding-left: 20px;
 padding-bottom: 4px;
 text-align: right;
}
#calc div.h {
height: auto;
  background: #000;
  padding: 2px 7px;
  margin-bottom: 5px;
  font-weight: bold;
 color: #FAC04C;
 font-size: 0.9em;
}

#calc select {
  font-size: 110%;
  border: 0;
 font-weight: normal;
 margin-right: 9px;
}



#brands_c a:link, #brands_c a:visited {
font-size: 1.2em;
 color:#f3830b;
}
#brands_c a:hover {
 color:#000;
}


.brand_logos {
  margin-right:10px;
  width: 180px;
  float: left;
position: relative;
}
a.brand_name {
  font-size: 1.4em;
  margin-right: 5px;
  margin-left: 5px;
}

.brand_logos a.brand_name {
  width: 160px;
  display: block;
  border-right: 2px solid #FAC04C;
  padding: 3px 0 3px 0;
  float: left;

}


div.auth {
 padding: 10px;
 text-align: right;
}
div.auth a:link,  div.auth a:visited {
 color: white;
        font-weight: bold;
}


#ppvw_window {
 display:none;
width: 300px;
height: auto;
min-height: 100px;
	top: 300px;
	left: 300px;
background: white;
position: absolute;
          z-index: 3;
border: 2px solid #FAC04C;
padding: 10px;
}


#bchap {
 margin-right: 0px;
}
div#bchap > div > p {
 font-size: 1.0em;
}

* html #bchap {
 padding-right: 360px;
}

div.notice {
 margin-top: 15px;
 color: red;
 text-align: center;
 padding: 0px 30px 0px 30px;
 font-size: 1.3em;
}

div.notice h3 {
 margin-bottom: 5px;
}

div.tyre, 
div.disk {
 text-align: center;
 width: 200px;
 border: 3px solid #FAC04C;
 height: 250px; 
 float: left;
 margin: 10px 6px ;
 -moz-border-radius: 7px;
 -webkit-border-radius: 7px;

}

div.tyre div.inner,
div.disk div.inner {
 padding: 4px;
 width: 188px;
 height: 238px;
 margin: 1px;
 border: 1px solid #949494;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;

}
div.disk  h3,
div.tyre  h3 {
 size: 1.0em;
 margin-bottom: 0px;
 padding-bottom: 0px;
}
div.disk  img,
div.tyre  img {
 width: 170px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
}
div.tyre  img {
 height: 170px;
 width: auto;
}

div.disk span.price {
 font-weight: bold;
 font-size: 1.4em;
 color: #353535;
}

div.doclinks a:hover {
 text-decoration: underline;
 color: #A36426;
}
