/* style for template #0  */

p, body, font, div, td
{ font-family:		verdana,arial,helvetica,sans-serif;
  font-size:		100%;
  line-height: 140%;
}
h1
{ font-family:		verdana,arial,helvetica,sans-serif;
  font-size:		140%;
  color:			black;
}
h3
{ font-family:		verdana,arial,helvetica,sans-serif;
  font-size:		120%;
  color:			black;
}
h4
{ font-family:		verdana,arial,helvetica,sans-serif;
  font-size:		110%;
  color:			black;
}
a
{ font-family:		verdana,arial,helvetica,sans-serif;
  font-weight:		normal;
  color:			black;
}
.no_underline
{ text-decoration:		none;
}
.small
{ font-size:		80%;
}
.faq
{ font-size:		100%;
}
.faq_gray
{ font-size:		110%;
  color:			#666666;
}
.faq_olive
{ font-size:		95%;
  color:			white;
}
.big
{ font-size:		160%;
  text-decoration:	none;
}
.cat
{ font-size:		100%;
  color:			#666666;
}
.cat2
{ font-size:		100%;
  color:			#fc851e;
}
.standard
{ font-weight:		normal;
  text-decoration:	none;
}
.standardsmall
{ font-weight:		normal;
  font-size:		80%;
  text-decoration:	none;
}
.light
{ color:			white;
}
.lightsmall
{ color:			white;
  font-size:		90%;
}
.lightmenu
{
color:			black;
  text-decoration:	none;
  font-weight:		normal;
  font-size:		100%;
}
a.lightmenu
{
color:			black;
  text-decoration:	none;
  font-weight:		normal;
  font-size:		100%;
}
a.lightmenu:hover
{
	text-decoration: underline
}
a.lightmenunobold
{
color:			#e1dfdf;
  text-decoration:	none;
  font-weight:		normal;
  font-size:		90%;
}
a.lightmenunobold:hover
{
  text-decoration:	underline
}
.darkmenu
{ color:			black;
  text-decoration:	none;
  font-size:		100%;
}
.topmenu
{ color:			#354E64;
  text-decoration:	none;
  font-size:		100%;
  font-weight:		bold;
}

.lightstandard
{ color:			white;
  font-weight:		normal;
}
.middle
{ color:			#203A16;
}
.olive
{ color:			#FC851E;
}
.cart
{
  font-size:		100%;
  BORDER-BOTTOM:	0px solid;
  BORDER-LEFT:		0px solid;
  BORDER-RIGHT:		0px solid;
  BORDER-TOP:		0px solid;
  margin:			1px;
  font-weight:		bold;
  color:			#FFCCCC;
  background-color:  transparent;
}
.cartsmall
{
  font-size:		9px;
  BORDER-BOTTOM:	0px solid;
  BORDER-LEFT:		0px solid;
  BORDER-RIGHT:		0px solid;
  BORDER-TOP:		0px solid;
  margin:			1px;
  font-weight:		bold;
  color:			#FFCCCC;
  background-color:  transparent;
}
.totalPrice
{ font-family:		verdana,arial,helvetica,sans-serif;
  font-size:	    16px;
  BORDER-BOTTOM:	0px solid;
  BORDER-LEFT:		0px solid;
  BORDER-RIGHT:		0px solid;
  BORDER-TOP:		0px solid;
  margin:		1px;
  font-weight:		bold;
  color:		red;
  background-color:  transparent;
}

.login
{ font-size:	    12px;
  font-weight:		normal;
  BORDER-BOTTOM:	1px solid;
  BORDER-LEFT:		1px solid;
  BORDER-RIGHT:		1px solid;
  BORDER-TOP:		1px solid;
  margin:			1px;
  font-weight:		none;
  color:			#AA5A5A;
  background-color: white;
}

.myaccount_tab_bottom
{
  BORDER-BOTTOM:	1px solid;
  BORDER-LEFT:		0px solid;
  BORDER-RIGHT:		1px solid;
  BORDER-TOP:		0px solid;
  BORDER-COLOR:		#CCCCCC;
  text-align:		center;
  margin:			1px;
}

.myaccount_tab_top
{
  BORDER-BOTTOM:	0px solid;
  BORDER-LEFT:		0px solid;
  BORDER-RIGHT:		1px solid;
  BORDER-TOP:		1px solid;
  BORDER-COLOR:		#CCCCCC;
  text-align:		center;
  margin:			1px;
}

.myAccount_bottomright {
  BORDER-BOTTOM: 1px dotted #CCCCCC;
  BORDER-RIGHT: 1px dotted #CCCCCC;
}
.myAccount_bottom {
  BORDER-BOTTOM: 1px dotted #CCCCCC;
}
.myAccount_right {
  BORDER-RIGHT: 1px dotted #CCCCCC;
}

.comparison_button
{
  BORDER-BOTTOM:	1px solid;
  BORDER-LEFT:		1px solid;
  BORDER-RIGHT:		1px solid;
  BORDER-TOP:		1px solid;
  background-color:  #F6F6F6;
}

.pageSeparator {
	BORDER-BOTTOM: 2px dotted #CCCCCC
}
.selected_option {
  background: white url(images/tmpl9_mainmenu_selected.gif) no-repeat;
  background-position: top left;
  background-color: #CA7A7A;
}


.tel
{ font-size:		9px;
  text-decoration:	none;
  color:			#ffffff;
}
.tel2
{ font-size:		12px;
  text-decoration:	none;
  color:			#ffffff;
}
.order
{
	font-family : Tahoma;
	font-size: 9px;
	color:#ff0000;
	text-decoration: blink;
	font-weight: bold;}


.announce-expandable {
  height: 130px;
  overflow: hidden;
  margin-bottom: 0;
}
.announce-collapsible {
  height: auto;
  overflow: none;
  margin-bottom: 32px;
}
.announce-expandable .read-more {
  margin-top: 75px;
  position: absolute;
  background: url(images/announce-expandable.png) repeat-x 0 100%;
  height: 64px;
  width: 300px;
  line-height: 76px;
  text-align: left;
  cursor: pointer;
  font-weight: bold;
  display: block;
  color: #466F9B;
  text-decoration: none;
}
.ie7 .announce-expandable .read-more, .ie8 .announce-expandable .read-more {
  padding-top: 40px;
  line-height: 10px;
}
.announce-collapsible .read-more {
  position: absolute;
  width: 300px;
  font-weight: bold;
  text-align: left;
  cursor: pointer;
  height: 24px;
  line-height: 24px;
  background: #f1f1f1;
  border-radius: 3px;
  color: #466F9B;
}
.announce-expandable .read-more span, .announce-collapsible .read-more span {
  border-bottom: 1px dashed #466F9B;
}






/* To top panel */

.to_top{display: none;}

/* Large desktop */
@media (min-width: 1024px) { 
  .to_top {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width:70px;
    -moz-opacity: 0.9;
    filter: alpha(opacity=90);
    opacity: 0.9;
    display: none; 
  }
  
  .to_top .to_top_panel {
    width:100%;
    height: 100%;
    font-size: 11px;
    color: #000000;
    padding-top: 10px; 
    position: relative;
  }
  .to_top:hover {
    -moz-opacity: 0.9;
    filter: alpha(opacity=90);
    opacity: 0.9; 
  }
  .to_top:hover .to_top_panel {
    cursor: pointer;
    background: #f0f0f0; 
  }
  .to_top .close_panel {
    position: absolute;
    bottom: 20px;
    left: 0px;
    right: 0px;
    text-align: center;
    line-height: 8px;
    font-family: tahoma, arial, verdana, sans-serif; 
    display: none;
  }
  
  .to_top:hover .close_panel{
    display: block;
  }
  .to_top .to_top_button {
    text-align: left;
line-height: 8px;
margin-left: 1px;
font-family: tahoma, arial, verdana, sans-serif;
font-weight: bold;
background-color: #fff;
padding: 5px;
  } 
  .to_top .to_top_button .arrow{
    font-size: 14px;
    font-weight: normal; 
    font-family: tahoma;
    vertical-align: middle;
  }
/*
}
@media (max-width: 1350px){
*/
  
  /* ñòèëü äëÿ mini ïàíåëè */
  .to_top .to_top_panel .arrow{font-size:15px;}
  .to_top .to_top_panel .label{display:none;}
}




#sale-photo {
    width:456px; /* поидее тут должно быть 468px, но из за кривых отступов и того, что картиноко не влезает мы обрезаем фотку */
    padding:10px 10px 0 10px;
    background:#f2f2f2;
    overflow:hidden;
}
    #sale-photo p {
        width:456px; /* поидее тут должно быть 468px, но из за кривых отступов и того, что картиноко не влезает мы обрезаем фотку */
        height:342px;
        margin:0 0 10px 0;
        overflow:hidden;
        background:url(/img/bg-loading.gif) center center no-repeat;
        position:relative;
        z-index:1;
    }
/*        #sale-photo #big-photo {
            margin:0 0 0 -6px;
            *margin:0;
        }
*/
        #sale-photo #show-big-photo {
                margin:0;
                *margin:0;
                cursor:pointer;
                max-width: 456px !important;
                max-height: 342px !important;
                height: auto !important;
                width: auto !important;
        }

    #sale-photo ul {
        padding-bottom:10px;
        width:100%;
        overflow:hidden;
            padding-left: 0;
    }
        #sale-photo li {
            float:left;
            width:114px;
            overflow:hidden;
            height:90px;
        }
            #sale-photo li img {
                margin:0 0 0 -3px;
                //margin-top:-1px;


                height: 90px !important;
                width: auto !important;

            }
            #sale-photo .selected {
                position:relative;
                z-index:1;
            }
            #sale-photo .overlay {
                position:absolute;
                z-index:2;
                width:100%;
                height:100%;
                height:expression(this.offsetParent.offsetHeight + 'px');
                left:0;
                top:0;
                background:url('/img/bg-selected-photo.png') -6px 0 no-repeat;
                *background:none;
                *filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/bg-selected-photo.png", sizingMethod="crop");
            }

    #big-photo {
        width:auto;
    }

    #big-photo #big-image-not-exists {
        position: absolute;
        width: 400px;
        height: 60px;
        top: 50%;
        left: 50%;
        margin: -40px 0 0 -200px;
        background-color: #F2F2F2;
        text-align: center;
        font-size: 20px;
        color: #666;
    }

    #big-photo .w {
        width:720px;
        height:540px;
        background:#F2F2F2 url(/img/bg-loading.gif) center center no-repeat;
        overflow:visible;
    }
        #big-photo .w img  {
            /*width:100%;*/
        }
        #big-photo h3 {
            position:absolute;
            z-index:2;
            bottom:0;
            left:0;
            margin:0;
            padding:15px 5% 15px 2%;
            width:93%;
            background:#fff;
        }
        #big-photo div.close {
            position:absolute;
            z-index:2;
            /*bottom:17px;*/
            bottom:23px;
            top:auto;
        }
        #big-photo div.nav {
            position:absolute;
            z-index:2;
            top:50%;
            margin-top:-48px;
            width:61px;
            height:61px;
            background:url(/img/sprite-icon.png) no-repeat;
            text-indent:-1000px;
            cursor:pointer;
            overflow:hidden;
        }
        #big-photo div.prev {
            left:-31px;
            background-position:-592px 0;
            -background-image:none;
            -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/i-big-photo-prev.png",sizingMethod=crop);
        }
        #big-photo div.next {
            right:-31px;
            background-position:-530px 0;
            -background-image:none;
            -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/i-big-photo-next.png",sizingMethod=crop);
        }


          #big-photo {
        width:auto;
    }

    #big-photo #big-image-not-exists {
        position: absolute;
        width: 400px;
        height: 60px;
        top: 50%;
        left: 50%;
        margin: -40px 0 0 -200px;
        background-color: #F2F2F2;
        text-align: center;
        font-size: 20px;
        color: #666;
    }

    #big-photo .w {
        width:720px;
        height:540px;
        background:#F2F2F2 url(../img/bg-loading.gif) center center no-repeat;
        overflow:visible;
            overflow: hidden;
    }
        #big-photo .w img  {
            max-width:100%;
            max-height: 100%;
        }
        #big-photo h3 {
            position:absolute;
            z-index:2;
            bottom:0;
            left:0;
            margin:0;
            padding:15px 5% 15px 2%;
            width:93%;
            background:#fff;
        }
        #big-photo div.close {
            position:absolute;
            z-index:2;
            /*bottom:17px;*/
            bottom:23px;
            top:auto;
        }
        #big-photo div.nav {
            position:absolute;
            z-index:2;
            top:50%;
            margin-top:-48px;
            width:61px;
            height:61px;
            background:url(http://i.auto.ru/design/2009/img/sprite-icon.png) no-repeat;
            text-indent:-1000px;
            cursor:pointer;
            overflow:hidden;
        }
        #big-photo div.prev {
            left:-31px;
            background-position:-592px 0;
            -background-image:none;
            -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i.auto.ru/all/img/i-big-photo-prev.png",sizingMethod=crop);
        }
        #big-photo div.next {
            right:-31px;
            background-position:-530px 0;
            -background-image:none;
            -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i.auto.ru/all/img/i-big-photo-next.png",sizingMethod=crop);
        }




.big-photo-layer {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:1;
}


#ligthWindow-overlay {
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    _height: expression(document.body.scrollHeight>document.body.offsetHeight?document.body.scrollHeight:document.body.offsetHeight+'px');
    background: #000;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index: 9998;
    overflow: hidden;
}

.ligthWindow-container {
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 9999;
    width: 300px;
    display: none;
    font: 12px Arial;
}

.ligthftr {
color: #3B6CA4
!important;
text-decoration: none;
font-size:2px;
}

.ligthftr a {
color: #3B6CA4
!important;
text-decoration: none;
font-size:2px;
}

.ligthftr a:visited {
color: #3B6CA4
!important;
text-decoration: none;
font-size:2px;
}

.ligthftr a:link {
color: #3B6CA4
!important;
text-decoration: none;
font-size:2px;
}

.ligthftr a:hover {
color: #3B6CA4
!important;
text-decoration: none;
font-size:2px;
}

#big-photo div.close {
    position: absolute;
    z-index: 2;
    /* bottom: 17px; */
    bottom: 8px;
    top: auto;
}
.ligthWindow-container div.close {
    position: absolute;
    top: 17px;
    right: 15px;
    width: 14px;
    height: 13px;
    cursor: pointer;
    background: url(http://i.auto.ru/design/2009/img/sprite-icon.png) -1766px 0 no-repeat;
}

a.bright50 img{
-webkit-filter: brightness(50%);
}
 a.bright50:hover img {
-webkit-filter: brightness(100%);
}
ul.maincats {
    margin: 20px 0;
    padding: 0;
}
ul.maincats li {
    list-style-type: none;
    margin: 10px 0;
    border-top: 1px solid #eee;
    padding-top: 10px;
}
.bread {
    color: blue;
    font-size: 80%;
    background-color: #eee;
    padding: 5px;
}
img {
    max-width: 100%;
}

.searchform {
  text-align: center;
}
.searchform input.login {
  border: 1px solid #444;
  border-radius: 30px;
  font-size: 100%;
  color: #000;
  margin: 0;
  padding: 10px 20px;
  width: 75%;
  margin-left: -40px;
}
.searchform input.bbttnn {
  width: 25px;
  position: relative;
  top: 7px;
  margin-left: -40px;
}

.back_btn {
  display: inline-block;
  margin: 10px 0;
  padding: 5px 10px;
  border-radius: 3px;
  border: 1px solid #eee;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,e0e0e0+100 */
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(224,224,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */

}