/* @CONTENT */
h1.inner {font-size: 25px;}
h2.inner {font-size: 22px;}
h3.inner {font-size: 19px;}
h4.inner {font-size: 17px;}
h5.inner {font-size: 14px;}

  h1.inner, h2.inner, h3.inner, h4.inner, h5.inner {
    font-weight: 100;
    font-family: Arial,sans--serif;
    text-transform: none;
    background-image: none;
    padding-left: 0;
    padding: 0;
    margin: 0;
  }



/* @HEADING */
.heading {background-color: #FFC100; padding: 4px 10px 4px; color: #000; font-weight: 900; text-transform: uppercase; font-size: 10px;}

  /* selector */
  .heading.selector          {}
  .heading.selector div      {background: url('i/arrow-down.gif') no-repeat right 3px; padding: 0 0 0 0; display: block; cursor: pointer; }
  .heading.selector div span {background: url('i/bg-stripe.gif') repeat-x left bottom; padding: 0 10px 2px 0; display: block }
    
    .heading.selector               {position: relative;}
    .heading.selector ul            {left: 0; top: 22px; padding: 5px 10px; list-style: none; margin: 0; display: none; cursor: default; position: absolute; border: 1px solid #FFC100; background-color: #fff;}
    .heading.selector ul li         {padding: 2px 10px 0 0; white-space: nowrap; }
    .heading.selector ul li a       {color: #000 !important; text-decoration: none !important}
    .heading.selector ul li a:hover {border-bottom: 1px dashed black; }
    
    .heading.selector form {
      top: 22px; 
      left: 0; 
      margin: 0; 
      padding: 0;
      display: none;
      padding: 10px;
      min-width: 350px;
      position: absolute; 
      background-color: #fff;
      border: 1px solid #FFC100;
    }
     
    #search_selector_wrap {margin-left: 13px;}





/* @COMPANY LIST */
.company_list td          {vertical-align: top;}
.company_list .brands     {padding-left: 25px;}
.company_list .brands img {margin-right: 10px;}
.company_list .desc       {padding-bottom: 5px; }
.company_list .content    {padding-left: 10px}
address {border-top: 1px solid #FFC100; background-color: #F8F1D7; padding: 10px; font-style: normal;}


/* @COMPANY TABLE */
.company_table          {border-top: 2px solid #323337; border-spacing: 0; border-collapse: collapse;}
.company_table th       {background-color: #FFC100; padding: 8px 10px; font: 900 10px Verdana; text-align: left;}
.company_table td       {padding: 7px 10px;  border-bottom: 1px solid #B7AC7E;}
.company_table td.minor {font-size: 11px;}


/* @PAGER */
.pager {background: #FFC100 url('i/bg-pager.gif') no-repeat 100% 0; padding: 5px 30px 0 10px; float: left; color: #4B3C00; height: 20px;}
.pager a {font-weight: 100; color: #4B3C00}


/* @COMPANY */
.company {width: 96%;}
.company a.important {font-size: 10px; font-weight: 900; color: #FF9100; text-transform: uppercase; padding-left: 18px; background: url('i/arrow-left.gif') no-repeat 9px 5px;}

  /* menu */
  .company .menu           {width: 150px; color: #FE9A04; min-height: 280px; background-color: #EDEDED; border-top: 6px solid #FD9600; padding: 5px 0 0; margin: 30px 0 0; font-size: 10px; font-weight: 100; text-transform: uppercase; list-style: none; }
  .company .menu li        {padding: 5px 0 4px 18px; }
  .company .menu li.active {background: url('i/arrow-right.gif') no-repeat 9px 10px }
  .company .menu li a      {color: #564300;  font-weight: 100}

  /* files */
  .company .files         {width: 150px; border-top: 2px solid #52430A; background-color: #FFF9E3; margin-top: 10px; padding-top: 10px; padding-bottom: 30px; color: #52430A; font: 100 10px Tahoma; }
  .company .files ul      {margin: 0; padding: 0; list-style: none; }
  .company .files ul li   {padding: 6px 0 6px 30px; background: url('i/download2.gif') no-repeat 19px 8px; }
  .company .files ul li a {font-weight: 100; color: #4D4A07;}
  .company .files strong  {padding-left: 18px;}

  /* content */
  .company .content h1      {margin-bottom: 30px;}
  .company .content a       {font-weight: 100}
  .company .content p       {margin-bottom: 1em; padding-left: 0; text-indent: 0; font: 100 12px Verdana; text-align: left; line-height: 1.3em}
  .company .content ul      {margin: 0 0 1em 0; padding: 0 0 0 15px; list-style: none}
  .company .content ul li   {padding-left: 15px; font: 100 12px Verdana; line-height: 1.5em; background: url('i/bullet.gif') no-repeat 0 7px }
  .company .content address {line-height: 1.5em; font-size: 11px}
  .company .content .block .iblock {padding: 0;}
 




/* @CATEGORIES */

  /* categorizator */
  .categorizator             {list-style: none; width: 96%; padding: 2px 0 0 0; margin: 0; border-bottom: 1px solid #E5E5E5; background-color: transparent;}
  .categorizator li          {padding: 0; margin: 0; float: left; font: 100 10px Tahoma; text-transform: uppercase; color: #5D4E23; }
  .categorizator li a        {font-weight: 100; color: #46450D !important; text-decoration: none; padding-left: 15px; outline: 0;}
  .categorizator li a.active {font-weight: 900; background-color: #E5E5E5 !important; cursor: default; }
  
  .categorizator #bycats    {background: url('i/ico-cat.gif') no-repeat 6px 8px;}
  .categorizator #bymodels  {background: url('i/ico-car2.gif') no-repeat 6px 6px; padding-left: 25px;}
  .categorizator #bynew     {background: url('i/ico-ok.gif') no-repeat 6px 6px; }
  .categorizator #bypopular {background: url('i/ico-rating.gif') no-repeat 8px 6px; padding-left: 25px}
    
    .categorizator li a,
    .categorizator li a.active {
      display: block; 
      padding: 4px 15px 4px 20px;
      margin-right: 5px;
     }
     
    .categorizator li a span {background: url('i/bg-stripe.gif') repeat-x 0 100%; display: block; padding-bottom: 1px;}
    #models, #new, #popular {display: none; }
  
  
  /* cats list */
  .categories    {background-color:  transparent; list-style: none; margin: 15px 0; padding: 10px 0 0 20px; text-transform: uppercase; font-size: 10px; width: 96%;}
  .categories li {margin: 0; padding: 0; line-height: 2em; float: left; width: 33%;}
  
  .categories.popular   {text-transform: none; }
  .categories.popular a {line-height: 1.3em; display: block; font-size: 12px; padding-bottom: 2px}
  .categories.popular li {width: 33%; margin-right: 0; margin-bottom: 15px;}
  .categories.popular li div {width: 90%; background: url('i/bg-stripe4.gif') repeat-x 0 100%; padding-bottom: 10px; }
  .categories.popular li.last {background-image: none}

  .categories span.minor {font-size: 11px}







/* infoblock */
.infoblock           {padding: 10px 10px 10px 22px;  border-top: 1px solid #9B884E !important;}
.infoblock .header   {margin: -10px -10px 10px -22px; padding: 5px 0 5px 22px; color: #000; font: 900 10px Tahoma; background: #FFC100 url('i/marker2.gif') no-repeat 8px 7px }
.infoblock .header a {padding: 0; color: #000; font-size: 10px}
.infoblock a         {display: block; color: #000 !important; padding-bottom: 5px; zoom: 1; position: relative; font-size: 12px}
.infoblock span      {color: #6C6C6C; font: 100 9px Tahoma;}

.infoblock p      {margin: 0 0 10px -12px; padding: 0 0 10px 12px; font: 100 11px Tahoma; color: #6C5B00; text-indent: 0; border-bottom: 1px solid #FE9C00; text-align: left; }
.infoblock p a    {display: inline; padding: 0; }
.infoblock p.last {background: url('i/bg-stripe3.gif') no-repeat 12px 100%; border: 0; padding-bottom: 10px;}
.infoblock a.minor {color: #6F6F6F !important; font-weight: 100;}


.infoblock.important {background: #FFF3CD; border: 1px solid #FFBD00; margin-bottom: 15px;}

.infoblock.important.major       {background: #FFC100 url('i/corner.gif') no-repeat 100% 100%; border: 0; padding-bottom: 25px;}
.infoblock.important.major form  {margin: 0; padding: 0; background-color: transparent;}
.infoblock.important.major .text {border-color: #A2ACAE; padding: 1px;}
.infoblock.important.major .submit {border: 1px solid #999; border-color: #E0E0E0 #555555 #555555 #E0E0E0; padding: 1px 5px}











/* @COMMON */

.pagedesc {font-weight: bold;font-size:85%; color: #735700}

.w30 {width: 30%;}
.w65 {width: 65%;}
.w67 {width: 67%;}


/* text */
span.minor {color: #939393;}

/* form elements */
input.text   {border: 1px solid #555555; padding: 1px;}
input.submit {background: #C6C6C6 url(i/bg-submit.gif) repeat-x 0 0; border: 1px outset #999;  font: 100 12px Tahoma; padding: 1px 4px; cursor: pointer; text-transform: none; //overflow: visible;}
* html input.submit {padding: 0 4px;}

/* images */
.image {border: 2px solid #D5D5D5;}
  
  /* thumb */
  .thumb        {background: #D9D9D9; padding: 5px 5px 8px; float: left; margin-right: 8px; //padding-bottom: 3px}
  .thumb img    {display: block; border: 0; margin-bottom: 5px; }
  .thumb span a {color: #000; font: 100 10px Tahoma; text-decoration: none; background: url('i/bg-stripe.gif') repeat-x 0 100%; display: block; padding-bottom: 2px; text-align: center; float: center }
  
  /* hthumb */
  .hthumb        {background: #D9D9D9; padding: 5px 5px 8px; position: relative; left: -50%; float: left; list-style: none; margin-right: 8px; //padding-bottom: 3px}
  .hthumb img    {display: block; border: 0; margin-bottom: 5px; }
  .hthumb span a {color: #000; font: 100 10px Tahoma; text-decoration: none; background: url('i/bg-stripe.gif') repeat-x 0 100%; display: block; padding-bottom: 2px; text-align: center; float: center }

  /* singlethumb */
  .singlethumb        {background: #D9D9D9; padding: 5px 5px 8px; float: right; margin-right: 8px; //padding-bottom: 3px}
  .singlethumb img    {display: block; border: 0; margin-bottom: 5px; }
  .singlethumb span a {color: #000; font: 100 10px Tahoma; text-decoration: none; background: url('i/bg-stripe.gif') repeat-x 0 100%; display: block; padding-bottom: 2px; text-align: center; float: center }


  /* uphthumb */
  .uphthumb        {float: left; left: 50%; position: relative; text-align: center;}
  


/* fonts */
.h {font-family: Tahoma !important}

  .font1 {font: 100 11px Tahoma; }
  .font1 p {text-indent: 0; padding: 0; font-family: Tahoma; text-align: left;}

.separator3 {background: url('i/bg-stripe2.gif') repeat-x 0 50% }

/* clearing fix */
.block{overflow: hidden;}
* html .block {overflow: visible; zoom: 1;} /* IE6 */
.clear {clear: both}

.iblock{overflow: hidden;}
* html .iblock {overflow: visible; zoom: 1;} /* IE6 */
.clear {clear: both}

.l {float: left;}
.r {float: right;}



* html .infoblock {position: relative;}
* html .infoblock .header a:hover {background-color: #FFC100;}
* html .infoblock a:hover {background-color: #FFF3CD}
* html .heading.selector div {float: left }
* html .heading.selector form {width: 350px;}
* html #search_selector_wrap {position: relative; display: inline;}