/*
 * Copyright (c) 2011 Marchenko Ievgenii
 * @common.css
 * @version 2.0
 */

@import "/css/base.css" all;
@charset "windows-1251";
@font-face {
	font-family: 'ALSRublRegular';
	src: url('/css/fonts/rouble.eot');
	src: local('/css/fonts/ALS Rubl'), local('ALSRubl'), url('/css/fonts/rouble.woff') format('woff'), url('/css/fonts/rouble.ttf') format('truetype'), url('/css/fonts/rouble.svg#ALSRubl') format('svg');
}

body { min-width:981px;}

.main { width:981px; margin:0 auto;}

.red { color:#cc0000;}
.clear { clear: both; }
.rubl { font-family: 'ALSRublRegular';}

.header { background:url(/img/header.jpg) no-repeat top center #fff;}
	.header .main { position:relative; height:91px;}
	.header .logo { position:absolute; left:15px; top:0;}
	.header .address { position:absolute; right:25px; top:17px; font-style:normal; line-height:20px;}
	.header .address li { padding:0 25px; background:none; float:left; font-size:11px;s color:#999999;}
	.header .address img { vertical-align:top; position:relative; top:2px;}

.nav, .tabs-menu { height:33px; background:url(/img/menu.png) repeat-x top #bc3737; color:#fff; line-height:36px; overflow:hidden;}
	.nav li, .tabs-menu li { float:left; padding:0; background:none;}
	.nav a, .tabs-menu a { text-decoration:none; color:#FFF; display:block; float:left; height:33px; padding:0 17px; position:relative; text-align:center;}
	.nav a span, .tabs-menu a span { display:block; position:absolute; top:0; visibility:hidden; width:12px; height:33px;}
	.nav a .left { left:-12px; background:url(/img/menu_left.png) no-repeat 0 0;}
	.nav a .right { right:-12px; background:url(/img/menu_right.png) no-repeat 0 0;}
	.nav a:hover, nav a.active, .tabs-menu a:hover, .tabs-menu a.active { background:url(/img/menu_hover.png) repeat-x top #fff; color:#666666;}
	.nav a.active { cursor:default;}
	.nav a.active span { visibility:visible;}
	.nav a:hover span { visibility:visible;}
	.nav a.hover span { visibility:visible;}
	

.content { padding:38px 0 25px 0; background:url(/img/content.jpg) no-repeat top center;}

.mark_list { margin:0 auto 40px auto; width:100%;}
	.mark_list td { text-align:center;}
	.mark_list a { display:block; width:71px; margin:0 auto; text-decoration:none; font-weight:bold; font-size:11px;}
	.mark_list a span { display:block; background:url(/img/marka.png) no-repeat 0 0; width:71px; height:71px; margin:0 0 10px 0;}
	.mark_list a:hover span { background-position:0 100%;}

.banks_list { margin:0 auto;}
	.banks_list td { vertical-align:top; padding:7px;}
	.banks_list img { vertical-align:top;}
	.banks_list a { display:block; border:1px #999999 solid; text-align:center; width:143px; border-radius:5px;}
	.banks_list h3 { font-style:italic; font-size:13px; padding:0 0 5px 0; font-weight:bold;}

.akcia { margin:0 auto 30px auto; width:836px;}
	.akcia td { vertical-align:top;}
	.akcia img { vertical-align:top;}


.block { background:#FFF; border-radius:10px; box-shadow:1px 1px 6px #b9b9b9; padding:50px;}

.order_credit { padding:20px 20px 20px 40px;}
	/*.order_credit input, .order_credit select { color: #333333; font-size:12px; border:1px #ddd4c8 solid; padding:0;}*/
	.credit-wrap { background: url(/img/credit_arrow.png) center -40px no-repeat; }
	.credit-wrap-table td {vertical-align: top;}
	.credit-table td {vertical-align: middle; color: #000;}
	.credit-table .col1 { width: 143px; text-align: right; padding-right: 10px;}
	.form-01 { border: 1px solid #CCCCCC; height: 20px; margin-bottom: 5px; padding: 2px; width: 100%;}
	.form-02 { border: 1px solid #CCCCCC; margin-bottom: 5px; padding: 2px; width: 100%; }
	.order_credit .forms-03 { width:230px; padding: }
	.order_credit select.forms-03 { width:320px; border:1px #ddd4c8 solid;}
	.order_credit td { padding:0 0 10px 0;}
	.order_credit .forms-05 { width:132px;}
	.order_credit .forms-06 { width:50px;}
	.order_credit .forms-08 { width:160px;}
	.order_credit .forms-09 { width:150px;}
	.order_credit .forms-07 { width:238px;}
	.order_credit select.forms-06 { width:50px; background:inherit;}
	.order_credit .forms-04 { margin-top: 100px; background:url(/img/send.png); width:214px; height:60px; border:0; padding:0; text-indent:-999999px; overflow:hidden; cursor:pointer;}
	.forms-05red { width:132px; border: 1px solid #FF0000 !important; }
	.forms-06red { width:50px; border: 1px solid #FF0000 !important; }
	.forms-07red { border: 1px solid #FF0000 !important; }
	.forms-03red { width:230px; border: 1px solid #FF0000 !important; }
	.order_credit .m1 { float: left; margin: -7px 10px 0 0; font-size: 11px;}
	.order_credit .m2 { float: left; margin: -7px 0 0 10px; font-size: 11px;}
	.order_credit .credit_img {
		text-align: right;
		margin-right: 37px;
	}
	.credit_img .colors {
		width:65px; margin: 0;
	}
	.credit_img .color { text-align: left; margin: 0 5px 5px 0;}
	.credit_img	#carcolor { margin-right: -20px;}
	.creditbanklogo {
		margin: 0 10px 10px 0;
	}
	.order_credit input[type=checkbox] {
		border: 0;
	}

#feedback-form .form-title {
    clear: both;
    color: #999999;
    float: left;
    margin-right: 5px;
    width: 80px;
}
#feedback-form .form-desc {
    float: left;
    width: 250px;
}
#form-result {
	font-weight: bold;
}
	
.catalog { padding:25px 25px 15px 25px;}
	.catalog table { width:100%;}
	.catalog td { vertical-align:top;}
	.catalog .block { width:270px; padding:10px; margin:10px 0 10px 0; overflow:hidden;}
	.catalog .block img { vertical-align:top;}
	.catalog .block .text { overflow:hidden; padding:0 0 0 10px;}
	.catalog .block h3 { font-size:13px; font-weight:bold; padding-bottom:10px;}
	.catalog .block ul { padding:0 30px 10px 0;}
	.catalog .block li { padding:5px 0 5px 0; background:url(/img/dotted.gif) repeat-x center; overflow:hidden;}
	.catalog .block li a { background:#FFF; display:block; float:left; padding:0 5px 0 0;}
	.catalog .block li span { float:right; background:#FFF; color:#cc0000; padding:0 0 0 5px;}
	.catalog .block li span img { vertical-align:middle;}

.box { display:block; background:url(/img/box.gif); width:271px; height:142px; text-decoration:none; font-size:15px; color:#5d5c5c; position:relative;}
	.box .img { position:absolute; right:10px; bottom:15px; z-index:1;}
	.box:hover { background-position:0 100%;}
	.box .info { position:absolute; left:15px; top:9px; z-index:2; line-height:22px;}
	.box .price { color:#c70007;}

.catalog_inner { padding:25px 40px;}
	.catalog_inner table { width:104%;}
	.catalog_inner td { padding-bottom:10px; width: 275px;}

.item { width:275px;}
	.item .block { padding:15px; font-size:11px; overflow: hidden;}
	.item h3 { font-size:13px; padding:0 0 10px 0;}
	.item .price { float: left; width: 168px; height:59px; background:url(/img/price_bg.png); text-decoration:none; margin:10px 0 -4px -3px; line-height:52px; color:#cc0000; font-size:16px; text-indent:30px;}
	.item .credit_button { float: left; background:url(/img/credit_button.png); display:block; width:80px; height:59px; margin-top:10px}
	.item .credit_button:hover { background-position:0 100%;}
	

.slide { position:relative; padding:0 52px;}
	.slide .prev, .slide .next { background:url(/img/slide_navi.gif) no-repeat 0 0; width:33px; height:32px; display:block; cursor:pointer; position:absolute; top:50%; margin:-16px 0 0 0;}
	.slide .prev { background-position:0 -32px; left:0;}
	.slide .next { background-position:-33px -32px; right:0;}
	.slide .canvas { }
	.slide ul { width:999999px; position:relative; left:0; top:0;}
	.slide li { float:left; padding:10px 0; margin: 0 15px; background:none;}
	.slide .image_radius { display:block; float:left;}
	.slide .image_radius img { border-radius:10px; box-shadow:1px 1px 5px #888888;}
	.slide .noactive { cursor:default;}
	.slide .prev.noactive { background-position:0 0;}
	.slide .next.noactive { background-position:-33px 0;}

.list_car { padding-left:49px; padding-right:49px;}
	.list_car li { margin-left:12px; margin-right:12px;}


#carousel{ position: relative; top: 0px; left: 0px; width: 881px; height: 80px; margin-bottom: 35px;}
#carousel_content { position: relative; overflow: hidden; width: 777px; height: 100%; margin-left: 52px; }
#carousel_content .scrollableArea { position: relative; width: auto; height: 100%; margin: 5px 0px; overflow: hidden; }
#carousel_content .scrollableArea li { float: left; margin: 0 5px 0 0; padding: 0; background: none; }
#carousel_content .scrollableArea a { margin: 0; padding: 0; }
	#carousel .prev, #carousel .next { background:url(/img/slide_navi.gif) no-repeat 0 0; width:33px; height:32px; display:block; cursor:pointer; position:absolute; top:50%; margin:-16px 0 0 0;}
	#carousel .prev { background-position:0 0; left:0;}
	#carousel .next { background-position:-33px 0; right:0;}
	#carousel .prev.scrollingHotSpotLeftVisible { background-position:0 -32px; }
	#carousel .next.scrollingHotSpotRightVisible { background-position:-33px -32px; }
	

.model { line-height:normal; padding:26px 50px;}
	.model .block { padding:25px 25px 10px 25px;}
	.model .slide { margin:0 0 35px 0;}
	.model .slide li { padding:0 5px 0 0;}

.modification { padding:0 50px; margin-bottom:30px;}
	.modification em { color:#333333;}
	.modification ul { padding:15px 0 0 0;}
	.modification li { padding:0 0 5px 0; background:none;}
	.modification .tabs { cursor:default; text-decoration:none; background:url(/img/tabs.png); display:block; width:599px; height:58px; position:relative; line-height:56px;}
	.modification .tabs .name { position:absolute; left:38px; top:0; display:block; text-decoration:underline;}
	.modification .tabs span { cursor:pointer;}
	.modification .tabs span:hover { text-decoration:none;}
	.modification .tabs .price { position:absolute; right:235px; color:#cc0000;}
	.modification .tabs .credit { position:absolute; left:405px; top:0;}
	.modification .tabs .credit a { color:#FFF; text-decoration:underline;}
	.modification .open .tabs { background-position:0 100%;}
	.modification .open .tabs .name { color:#cc0000;}
	.modification .info { display:none; padding:10px 35px 0 35px; width:711px; color:#333333;}
	.modification .open .info { display:block;}
	.modification .info th { padding:5px 10px; font-weight:bold; text-align:left; background:#eeeeee;}
	.modification .info table { width:565px; margin-bottom:20px;}
	.modification .info td { padding:5px 10px; border:1px #d2d2d2 solid; text-align:center; width:150px;}
	.modification .info td:nth-child(2) { border-left:0; text-align:left; width:auto; }
	.modification .info tr:nth-child(2) td { border-top:0;}
	.modification .info .hr { border:0; padding:0 !important; width:19px !important;}

.breadcrambs { overflow:hidden; margin:0 0 15px 0;}
	.breadcrambs li { float:left; color:#999999; padding:0 5px 0 0; background:none; font-style:italic;}
	.breadcrambs a { color:#999999;}
	
.navi { overflow:hidden; margin:0 0 20px -12px; line-height:25px;}
	.navi li { overflow:hidden; padding:0; color:#999999; float:left; background:none;}
	.navi a { display:block; float:left; height:27px; padding:0 0 0 12px; text-decoration:underline; background:url(/img/navi.png) no-repeat 0 -50px;}
	.navi a span { display:block; float:left; height:27px; float:left; padding:0 12px 0 0; text-decoration:underline; background:url(/img/navi.png) no-repeat 100% -50px;}
	.navi a:hover, .navi a:hover span { text-decoration:none;}
	.navi .active { background-position:0 0; color:#FFF; text-decoration:none; cursor:default;}
	.navi .active span { background-position:100% 0; text-decoration:none;}

.item_info { width:100%; margin:0 0 27px 0;}
	.item_info td { vertical-align:top; width:475px;}
	.item_info .left { padding: 0; width:auto;}
	.item_info h1 { font-size:30px; padding:0 0 60px 0; vertical-align:top;}
	.item_info .text { font-weight:bold; padding:0; overflow: hidden;}
	.item_info .text .spec { width:170px; padding: 15px 20px 0; float: left; text-align: center; }
	.item_info .text em { display:block;}
	.item_info .text .price-block { float: left; }
	.item_info .price { float: left; width: 168px; height:59px; background:url(/img/price_bg.png); text-decoration:none; margin: 10px 0 20px -3px; line-height:54px; color:#cc0000; font-weight: normal; font-size:16px; text-indent:30px;}
	.item_info .credit_button { float: left; background:url(/img/credit_button.png); display:block; width:80px; height:59px; margin: 10px 0 20px 0;}
	.item_info .credit_button:hover { background-position:0 100%;}
	.item_info .block { padding:20px 18px; font-size:11px; width:430px;}
	.item_info .block img { vertical-align:top; margin:0 0 10px 0;}
	.item_info .colors { width:72px; margin:0 0 5px 0;}
	.item_info .testdrive {	float: right; margin: 10px 30px 0 0; font-size: 18px; }
	.item_info .testdrive .phone { font-size: 24px;}
	.item_info .credit {	width:370px; color: #000000;}
	.item_info .col1 {
		width: 140px;
		padding: 10px 5px 10px 0;
		text-align: right;
	}
	.item_info .col2 { padding: 8px 0; width: 220px;}
	.item_info .credit .m1 { float: left; margin: -7px 10px 0 0; font-size: 11px;}
	.item_info .credit .m2 { float: left; margin: -7px 0 0 10px; font-size: 11px;}
	.item_info .credit input { width: 150px; }
	.item_info .credit select { width: 160px; }
	.item_info .credit .button { margin: 40px 0 15px; }
	.item_info .credit .button a { display: block; width: 287px; height: 60px; margin-left: 37px; background: url(/img/credit-button.png) no-repeat; }

.color { width:22px; height:18px; padding: 2px 0 0 2px; display:block; float:left; margin:0 8px 5px 0; background:url(/img/color.gif) no-repeat 0 -20px;}
	.color:hover, .color.active { background-position:0 0;}
	.color.active { cursor:default;}
#carcolor {
	position: relative;
	left: -10px;
}

.tabs2 {
    display: inline;
    float: left;
    margin: 0 0 10px 0;
    padding: 0 !important;
    width: 100%;
}
.tabs2 li {
    float: left;
    padding-right: 10px;
}
.tabs2 a {
    color: #666666;
    float: left;
    font-size: 13px;
    font-weight: bold;
    text-decoration: underline;
}
.tabs2 .active {
    color: #E72331;
    text-decoration: none;
}
.tab_container table {
    border-collapse: collapse;
    font-size: 11px;
    margin-bottom: 15px;
    text-align: center;
}
.tab_container table td {
	text-align: center !important;
	width: inherit !important;
}
.tab_container th {
    font-weight: normal;
}
.tab_container .align-left {
    text-align: left !important;
}
.tab_container th, .tab_container td {
    border-bottom: 1px solid #DDD4C8;
    border-right: 1px solid #DDD4C8;
    border-top: 1px solid #DDD4C8;
    color: #000000;
    padding: 5px 15px;
}
	
.brands{
	overflow: hidden;
	position: relative;
	z-index: 2;
	top: 10px;
	margin-bottom: 30px;
	padding: 0 15px;
}
	.brands ul{
		float: left;
		border-right: 2px solid #efeef0;
		padding: 0;
		margin: 0;
	}
	.brands ul.first li{
		padding: 0;
	}
	.brands ul.last{
		border: none;
	}
	.brands li{
		list-style: none;
		overflow: hidden;
		height: 25px;
		padding: 0 0 0 15px;
		margin-bottom: 5px;
		width: 155px;
		background: none;
	}
	.brands li.last{
		margin: 0;
	}
	.brands  .label{
		float: left;
		width: 115px;
		background: url(/img/brands-brdr.png) repeat-x left 70%;
	}
		.brands  .label a{
			display: inline-block;
			padding: 5px 0 5px 35px;
			background: #fff;
			text-decoration: none;
			font-size: 11px;
			color: #333;
		}
		.brands  .label a:hover{
			text-decoration: underline;
		}		
	.quantity {
		display: inline-block;
		width: 20px;
		font-size: 11px;
		line-height: 22px;
		color: #333;
	}
.search-result{
	margin-bottom: 20px;
}
	.search-result .top{
		overflow: hidden;
		padding: 0 10px;
	}
	.search-result .top h2{
		float: left;
		margin-left: 20px;
		font: bold 12px tahoma;
		height: 23px;
		line-height: 23px;
	}
		.search-result .top h2 .icon{
			margin-right: 3px;
		}
	.search-result  .pagination{
		padding-top: 5px;
	}
	.search-result .pagination-bottom-wrap{
		overflow: hidden;
		padding: 0 13px;
	}
/*search-result-table*/
.search-result-table{
	padding: 9px 15px 3px 15px;
	background: url(/img/table-header.png) no-repeat center top;
}
	.search-result-table table{
		width: 100%;
	}
	.search-result-table th {
		height: 31px;
		text-align: center;
		padding-left: 5px;
		background: url(/img/menu_bg.gif) left bottom repeat-x;
	}
		.search-result-table th a{
			color: #ffffff;
		}
	.search-result-table td{
		height: 68px;
		background: url(/img/table-row.png) repeat-x left bottom;
		text-align: center;
		padding: 0 10px;
	}
	.search-result-table td.hover{
		background: none;
	}
	.search-result-table .preview{
		width: 80px;
		text-align: center;
	}
		.search-result-table td.preview img{	
			padding: 1px;
			border: 1px solid #666;
			background: #f5f1e9;
		}
		.search-result-table td a{
			color: #666666;
		}
	.search-result-table .model{
		padding: 0 0 0 20px;
		text-align: left;
	}
	.search-result-table td.body {
		width: 60px;
	}
	.search-result-table td.year {
		width: 50px;
	}
	.search-result-table td.mileage {
		width: 60px;
	}
	.search-result-table td.engine {
		width: 50px;
	}
	.search-result-table td.kpp {
		width: 50px;
	}
	.search-result-table td.tcolor img {
		width: 14px;
		height: 14px;
	}
	.search-result-table td.price {
		width: 70px;
	}	
	.search-result-table td.edit {
		padding: 0;
		width: 40px;
	}
/*pagination*/
.pagination{
	overflow: hidden;
	padding: 0;
	margin: 0;
}
	.pagination li{
		float: left;
		width: 23px;
		height: 19px;
		margin: 0 3px;
		padding: 0;
		text-align: center;
		line-height: 18px;
		color: #333;
		border: 1px solid #ddd;
		list-style: none;
		background: none;
	}
	.pagination li.current{
		background: #e6e6e6;
	}
	.pagination li.next{
		width: 105px;
	}
		.pagination li.next a{
			padding-right: 10px;
			text-decoration: none;
			background: url(/img/next-bg.png) no-repeat 94% 7px;
			color: #333333;
		}
	.pagination li.prev{
		width: 105px;
	}
		.pagination li.prev a{
			padding-left: 10px;
			text-decoration: none;
			background: url(/img/prev-bg.png) no-repeat 6% 7px;
			color: #333333;
		}
	.pagination a {
		display: block;
		height: 21px;
		color: #666;
	}
	
.cars.model {
    padding: 35px 40px;
}

.cars .subnav {
	padding: 0;
	margin: 22px 0 30px 0;
}
.cars .subnav li {
	list-style: none;
	display: inline-block;
	font-size: 13px;
	margin: 0 20px 0 0;
	color: #666666;
	background: none;
	padding: 0;
}
.cars .subnav li a {
	color: #666666;
}
.car-description .left-col {
    float: left;
    width: 400px;
}
.cars .block-header {
    margin-bottom: 5px;
    overflow: hidden;
}
.cars .block-header h1 {
	padding: 0;
	margin: 0;
	font-size: 13px;
	font-weight: bold;
	color: #cc0000;
	float: left;
	padding: 3px 0 7px;
	width: 190px;
}
.cars .block-header .price {
    color: #CC0000;
    font: italic 20px arial;
    overflow: hidden;
}
.cars .block-header .price em {
    color: #333333;
    font-size: 14px;
}
.car-description .info h2, 
.car-description .complect h2 {
    color: #333333;
    font-size: 13px;
    font-weight: bold;
    padding: 7px 0 5px;
    margin: 0;
}
.car-description .info ul {
    margin: 4px 0 10px;
    padding: 0;
}
.car-description .info li {
    margin: 2px 0;
    overflow: hidden;
    list-style: none;
    padding: 0;
    background: none;
}
.car-description .info-list .label {
    float: left;
    line-height: 18px;
    width: 190px;
}
.car-description .info-list .value {
    line-height: 18px;
    overflow: hidden;
}
.car-description .info-list .value strong a {
	color: #cc0000;
	font-size: 13px;
}
.car-description .img-wrap {
    float: right;
    width: 308px;
}
.car-description .img-wrap .full-size {
    margin-bottom: 15px;
}
.car-description .img-wrap .full-size-img {
    cursor: pointer;
    display: block;
}
.car-description .previews {
    margin: 0 -5px 0 -3px;
    overflow: hidden;
    padding: 0;
}
.car-description .previews li {
    float: left;
    padding: 0 1px 2px 0;
    position: relative;
    list-style: none;
}
.car-description .previews a {
    display: block;
}
.car-description .previews img {
    display: block;
    padding: 3px;
}
.car-description .previews li.current img {
    border: 1px solid #BC1515;
    padding: 2px;
}
.car-description .complect {
    clear: both;
}
.car-description .complect-list {
    margin: 4px 0 10px;
    overflow: hidden;
}
.car-description .complect-list .complect-list-item {
    float: left;
    width: 240px;
    margin-right: 5px;
}
	
.footer { height:163px; line-height:normal; padding:36px 0 0 0;}
	.footer table { width:100%;}
	.footer table table { width:auto;}
	.footer td { vertical-align:top; padding:5px 0 0 0;}
	.footer td:first-child { padding-left:10px;}
	.footer td:first-child td { padding-left:0;}
	.footer .address { padding:0 0 25px 0; display:block; font-style:normal; color:#333333; line-height:normal;}
	.footer .address td { padding:0 5px 0 0; white-space:nowrap;}
	.footer .address strong { font-size:13px;}
	.footer .text { width:455px; font-size:11px;}
	.footer .center { width:140px; margin:0 auto; font-size:11px; text-align:center;}
	.footer .xform { padding-bottom:30px;}
	.footer .xform img { vertical-align:top; margin:0 0 10px 0;}