/* CSS Basic Document */
body
{
margin:0px auto;
padding:0px auto;
}
td.off {
background-color:#31599E;
height:32px;
color:#FFFFFF;
}
td.on{
background-color:#104E8B;
height:32px;
color:#FFFFFF;
}

td.off a, td.on a, td.use a {width:100%;height:100%;display:block;} 
td.off a:hover, td.on a:hover, td.use a:hover {width:100%;height:100%;display:block;}

h1 {
    font-size: 14px;
    font-weight: bold;
}

h2 {
    font-size: 13px;
    font-weight: bold;
}

h3 {
    font-size: 12px;
    font-weight: bold;
}

h4 {
    font-size: 11px;
    font-weight: bold;
}
.border_bottom
{
border-bottom:1px solid #FFFFFF;
}
.border_right
{
border-right:5px solid #D7D7D7;
}
.input_box
{
border:1px solid #AFAFAF;
background-color:#FFFFFF;
width:150px;
height:16px;
padding-left:5px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 20px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #4b4b4b;
text-decoration: none;
}
.news_padding
{
padding:10px 0px 0px 10px;
}
.news_title
{
background:url(../images/news_bg.gif) left top no-repeat #31599e;
padding-left:18px;
line-height:32px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
}
.gray_line
{
border-bottom:1px solid #D7D7D7;
margin-bottom: 5px;
height: 10px;
}
.body_inside_padding
{
padding:10px 0px 0px 10px;
}
.product_image img{
border: 1px solid #ccc;
padding: 2px;
}
.product_image:hover img{
border: 1px solid #31599E;
padding: 2px;
}
.featured_product_table
{
margin-top:10px;
}

hr {
  border: 0;
  background-color: #D7D7D7;
  height: 1px;
}

/* CSS Backgrand image Document */
.header_bg
{
background:url(../images/header.jpg) left top no-repeat #0B7600;
height:222px;
color:inherit;
}
.footer_bg
{
background:url(../images/spacer.gif) left bottom repeat-x;
height:25px;
width:1000px;
}
.new_project_bg
{
background:url(../images/new_project_bg.gif) left top no-repeat #0b0b0b;
height:32px;
padding-left:18px;
font-family: Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
line-height: 32px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
}

.my_bg
{
background:url(../images/blue_bg.jpg) left top no-repeat #DCDCDC;
height:32px;
padding-left:18px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
line-height: 32px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #0b0b0b;
text-decoration: none;
width: 500;
}


/* CSS Text Document */
body, td, div, p {
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   line-height: 13px;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   color: #4b4b4b;
   text-decoration: none;
}

.body_link {
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   line-height: 13px;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   color: #212121;
   background-color:inherit;
   text-decoration: none;
}
.body_link:hover
{
color:#ff6600;
background-color:inherit;
text-decoration:none;
}

.white_text {
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   line-height: 13px;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   color: #FFFFFF;
   background-color:inherit;
   text-decoration: none;
}
.white_link {
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   line-height: 13px;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   color: #FFFFFF;
   background-color:inherit;
   text-decoration: none;
}
.white_link:hover
{
color:#E7FF9E;
background-color:inherit;
text-decoration:underline;
}

.red_text {
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   line-height: 13px;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   color: #B30004;
   background-color:inherit;
   text-decoration: none;
}
.my_link {
    font-weight: bold;
    color: #0066A7;
    text-decoration: none;
    }
.my_link:visited
{
color:#0099cc;
background-color:inherit;
text-decoration:none;
}

.my_link:hover
{
color:#0087c7;
background-color:inherit;
text-decoration:underline;
}

.b_link {
    font-weight: bold;
    color: #0066A7;
    text-decoration: none;
    }
.b_link:visited
{
color:#4b4b4b;
background-color:inherit;
text-decoration:none;
}
.b_link:hover
{
  color:#36638E;
  border-top: 1px solid #CAD1D9;
  text-decoration:none;
}

.top_menu {
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-style: normal;
   line-height: 32px;
   font-weight: bold;
   font-variant: normal;
   text-transform: none;
   color: #FFFFFF;
   background-color:inherit;
   text-decoration: none;
}
.top_menu:hover
{
text-decoration:none;
color:#FFFFFF;
background-color:inherit;
}

.blue_title
{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-style: normal;
line-height: 32px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #355A9E;
background-color:inherit;
text-decoration: none;
}
.blue_link {
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   line-height: 13px;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   color: #0000ff;
   background-color:inherit;
   text-decoration: none;
}
.blue_link:hover
{
color:#0000ff;
text-decoration:underline;
background-color:inherit;
}
.cat_link {
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-style: normal;
   line-height: 13px;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   color: #0066A7;
   background-color:inherit;
   text-decoration: none;
}
.cat_link:hover
{
color:#0066A7;
text-decoration:underline;
background-color:inherit;
text-decoration: none;
}
.cat_link:visited
{
color:#0099cc;
background-color:inherit;
text-decoration:none;
}

.readon:link, .readon:visited {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color            : #0087c7;
  line-height      : 13px;
  font-size        : 12px;
  white-space      : normal;
  font-weight      : normal;
  text-decoration  : none;
  background-color:inherit;
}
.readon:hover {
  color            : #0087c7;
  font-size        : 12px;
  white-space      : normal;
  font-weight      : normal;
  text-decoration  : underline;

 }

ul.cNav {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left; 
}

.cNav li a:hover {
  border-top: 1px solid #CAD1D9;
  background-color: #DAE1E8;
}

.cNav li a {
  border-top: 1px solid #CAD1D9;
  display: block;
  padding: 1px 1px 1px 10px;
}

ul.bNav {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center; 
}

.bNav li a:hover {
  border-top: 1px solid #CAD1D9;
  background-color: #DAE1E8;
}

.bNav li a {
  border-top: 1px solid #CAD1D9;
  display: block;
  padding: 1px 1px 1px 10px;
}

/* iNAV*/

ul.iNav {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.iNav li a:hover {
  border-top: 1px solid #CAD1D9;
  background-color: #DAE1E8;
}

.iNav li {
  display: inline;}

.iNav li a {
  border-top: 1px solid #FFF;
  display:block; padding: 1px 5px 1px 5px;}

ul.def {
  margin           : 2px;
  padding-left     : 10px;
  list-style       : none;
}

.def li {  
  line-height      : 14px;
  padding-left     : 14px;
  padding-top      : 2px;
  background-image : url(../images/bullet.gif) ;
  background-repeat: no-repeat;
  background-position: 0px 5px;
}

a.mostread:link, a.mostread:visited {
  color            : #000000;
  text-decoration  : none;
  border-bottom    : 1px dashed black;
  }

a.mostread:hover {
  color            : #ff6600;
  text-decoration  : none;
  border-bottom    : 1px dashed #ff6600;
  }

.pathway {
  font-size        : 11px;
  color            : #333333;
  padding-left     : 5px;
  
}

a.pathway:hover {
  font-size        : 11px;
  padding-left     : 0;
  font-weight      : bold;

}
.pathway img{
  padding-top     : 5px;
    
}

.pathway_link {
  font-size        : 11px;
  color            : blue;
  padding-left     : 5px;
  
}

a.pathway:link, a.pathway:visited {
  font-size        : 11px;
  padding-left     : 0;
  font-weight      : bold;
  text-decoration  : underline;
}

.tab {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size:11px; color: #4b4b4b;
  text-decoration : none; font-weight: normal;
  text-align: center;
  background-color: #FFFFFF;
        }
.lex
{
background: url(images/bg3.png) no-repeat;
height: 45px;
width: 545px;
cursor:pointer; cursor:hand;
padding: 0px 7px 0px 7px;
}

.lexon
{
background: url(images/bg2.png) no-repeat;
height: 45px;
width: 545px;
cursor:pointer; cursor:hand;
padding: 0px 7px 0px 7px;
}

.lexch
{
background: url(images/bg1.png) no-repeat;
height: 45px;
width: 545px;
cursor:pointer; cursor:hand;
padding: 0px 7px 0px 7px;
}

a.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;
    cursor: hand;
    cursor: pointer;
}

a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
    cursor: hand;
    cursor: pointer;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none;
    cursor: hand;
    cursor: pointer;
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px;
    cursor: hand;
    cursor: pointer;
}

#youtubelist{
   margin: 0;
   padding: 5px;
   list-style: none;
   clear: both;
   display: block;
}
 
#youtubebox{
   clear: right;
   display: inline;
   padding: 0;
   margin: 2px;
}
 
#youtubethumb {
   margin-bottom: 5px;
   width: 100px;
   height: 80px;
   border: 4px solid #333;
}
 
#youtubecontent {
         margin-left: -430px;
         top: -220px;
         position: absolute;
         left: 50%;
}
 
#youtubeoverlay {
         background-color: #fff;
         overflow: visible;
         position: absolute;
         top: -1%;
            left: -5%;
}

#lightbox{
   background-color:#eee;
   padding: 10px;
   border-bottom: 2px solid #666;
   border-right: 2px solid #666;
   }
#lightboxDetails{
   font-size: 0.8em;
   padding-top: 0.4em;
   }  
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(http://avto-russia.ru/images/overlay.png);}

* html #overlay{
   background-color: #333333;
    background-color: transparent;
   background-image: url(http://avto-russia.ru/images/blank.gif);
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://avto-russia.ru/images/overlay.png", sizingMethod="scale");
    }