@charset "utf-8";
/* CSS Document */

    *{
        margin:0;
        padding:0;
    }
    html{ font-size:100%;}
    
    html, body{
        /*height:100%;*/
        min-height:100%;
        min-width:960px;
        /*width:100%;*/
        margin:0;
        padding:0;
        color:#000000;
        background:#fff;
        text-align:center;

    }
	
    body{font:11px Verdana, Arial, Helvetica, sans-serif;}
	

img{border:none; vertical-align: middle;}
img a{border:none;}
	
form {margin:0;}

/* alligning inputs for nice looking */
input {vertical-align:middle;} 

h1{
    padding-bottom:0.33em;
}
h2{}
    h2 a{}
    h2 a:hover{}
h3{}
    h3 a{}
    h3 a:hover{}


/*-----------------------------*/


p{padding-bottom:1em;
    font-size:100%;
    
}


a{text-decoration:underline; color:#000; outline:none;}
    a:hover{text-decoration:none;}
    a:visited{}
        
/*ul{
    padding-bottom:10px;
    }*/
    
td>img {display:block;}
   
li{}
    li a{}
    li a:hover{}
    
blockquote p{}
    
/*this hack needed to use min-height in normal browsers and height in stupid IE as min-height*/
    html>body #main,
    html>body #main #outter,
    {height:auto;}
        

#main{
    position:relative;
    height:100%;
    min-height:100%;
    margin:0 25px;
    text-align:left;
    background:#fff;
    z-index:0;
    }

#header {
	position:relative;
	height:85px;
}

#logo {
	position:absolute;
	top:10px;
	left:1%;
}

.contacts {
left:23%;
position:absolute;
top:30px;
width:25%;
}

.contacts .prefix {
	color:#808080;
	font-size:11px;
}

.contacts .telephone {
	color:#ba161c;
	font-size:18px;
	font-weight:bold;
}

#address {
	left:50%;
	position:absolute;
	top:30px;
	width:25%;
}

#address a, #cart a {
	color:#ba161c;
}

#cart {
position:absolute;
right:2%;
top:30px;
width:25%;
}

.item_link {
	position:relative;
}
	
#promo {
	width:100%;
	background:#ba161c;
	position:relative;
	overflow:hidden;
	
}

#promo-order {
	position:absolute;
	right:30px;
	top:5px;
}

#promo-center {
	width:100%;
	height:380px;
	position:static;
	overflow:hidden;
}

#content {
	overflow:hidden;
}

#left-top {	position:absolute; left:0px; top:0px; font-size:1%; }
#right-top { position:absolute; right:0px; top:0px; font-size:1%; }
#left-bottom { position:absolute; left:0px; bottom:0px; font-size:1%; }
#right-bottom { position:absolute; right:0px; bottom:0px; font-size:1%;}

#promo-top, #promo-bottom { height:10px; width:100%; position:relative; } 
#right-top, #right-bottom { position:static; float:right; }

#strike-img { text-align:center; width:100%; }

#promo-main { 
	margin:5px 3px 0px 3px;
	background:#fff;
	/*height:315px;*/
	border-left:1px solid #8b1015;
	border-top:1px solid #8b1015;
	border-bottom:1px solid #dd8b8e;
	border-right:1px solid #dd8b8e;
	background:#e5e5e5 url(../images/shadow_top.jpg) top repeat-x;
	padding:0px;
	overflow:hidden;
}

#scrollable {
	overflow: auto;
	position:relative;
	height:295px;
	padding-top:20px;
}

#promo-strike, .promo-padding {
	padding:0px 10px;
}

#promo-strike {
	display:none;
}

#promo-table .promo-padding {
	padding:0px 5px;
}

#promo-strike li {
	list-style:none;
	float:left;
	padding:0px 0px 15px 0px;
	width:178px;
	position:relative;
	height:80px;
}

#promo-strike li .this-title img {
	border-right:1px solid #737373;
	border-bottom:1px solid #737373;
	float:left;
	margin-right:8px;
}

#promo-strike li .this-info {
	position:absolute;
	top:0px;
	left:0px;
	margin:50px 0px 0px 1px;
	height:24px;
}

li .this-info .cost {
	background:#ba161c url(../images/button-left.png) top left no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	float:left;
	padding:2px 0px 2px 4px;
	height:14px;
	margin:3px 0px;
}

li .this-info .after-cost {
	float:left;
	margin:3px 0px;
}

input {
	width:26px;
	height:15px;
	border-left:1px solid #cecece;
	border-right:1px solid #cecece;
	border-bottom:1px solid #e4e4e4;
	border-top:1px solid #8e8e8e;
	text-align:center;
	font-size:11px;
}

#promo-strike li input, .shop li input {
	margin:3px 10px;
	padding-top:1px;
	float:left;
}

.line {
	height:2px;
	background:url(../images/line.gif) repeat-x top left;
	font-size:1%;
}

.line2 {
	height:1px;
	background:url(../images/line-dashed.gif) repeat-x top left;
	font-size:1%;
	margin:5px 0px;
}

#promo-table table {
	width:100%;
}

#promo-table td {
	padding:5px;
}

.table-first td {
	color:#404040;
	padding:12px 5px 10px 5px !important;
}
 
.table-first .first {
	padding-left:10px !important; 
}

.table-foto {
	padding-left:15px !important;
}

.table-cost, .table-sum {
	font-weight:bold;
}

.table-sum, .table-art, .table-input {
	color:#808080;
}

.table-input .submit, .this-info .submit {
	background:url(../images/cart.gif) no-repeat top left;
	width:24px;
	height:24px;
	border:none;
	cursor:pointer;
}

.table-input .toCountWrap {
	width:90px;
	float:left;
}

.table-sum, .table-cost, .table-first .sum, .table-first .cost {
	padding-right:20px !important;
}

.table-title a {
	float:left;
}

.table-title img {
	margin:0px 5px;
}


#promo-table input {
	margin-right:5px;
	float:left;
}

#expand {
	position:absolute;
	bottom:8px;
	left:30px;
}

#promo-vertical-line {
	position:absolute;
	bottom:0px;
	right:275px;
}

#download-xls {
	position:absolute;
	bottom:15px;
	right:30px;
	color:#ed9396;
}

#download-xls a {
	color:#FFFFFF;
	font-weight:bold;
}

.shop li { 
	list-style:none;
	float:left;
	padding:10px 10px 10px 10px;
	width:200px;
	position:relative;
	height:355px;
}

.shop li .complectation { 
	height:70px;
}

.shop {
	overflow:hidden;
}

.shop ul {
	list-style:none;
	/*padding-top:20px;*/
}

.shop li strong { 
	color:#808080;
}

.shop li .this-info {
	position:relative;
	top:0px;
	left:0px;
	height:24px;
}

.shop li .shop-text {
	padding-bottom:10px;
}

.shop li a {
	color:#ba161c;
}

.shop-image {
	/*padding-bottom:10px;*/
	height:165px;
	vertical-align:bottom;
	position:relative;
}

.shop-sx .shop-image {
	height:130px;
}

.shop-sx .this-info {
	padding-top:10px;
}


.shop-image img {
	position:absolute;
	bottom:5px;
}
	

.dashed_line {
	background:url(../images/line-dashed.gif) repeat-x top left;
	height:1px;
	font-size:1%;
}

#footer {
	background:url(../images/line-dashed.gif) repeat-x top left;
	height:80px;	
	position:relative;
}

#footer a {
	color:#ba161c;
}

#footer-left {
	position:absolute;
	top:20px;
	left:20px;
	line-height:20px;
}

#footer-left a {
	padding-right:15px;
}

#footer-left a.no-padding {
	padding-right:0px;
}

#footer-right {
	position:absolute;
	top:30px;
	right:20px;
}

.loading-tr td {
	font-size:13px;
	font-weight:bold;
	color:#ba161c;
	line-height:24px;
}

#shadow { background:url(../images/shadow.jpg) repeat-x top left; position:relative; height:13px; margin:0px 5px; }
#shadow-left { position:absolute; left:0px; top:0px; font-size:1%; }
#shadow-right { float:right; }

.promo-navigation { height:20px; position:relative; }
/*.promo-prev { position:absolute; top:0px; left:20px; }
.promo-next { position:absolute; top:0px; right:20px; }
.promo-nav-center { text-align:center; }*/

.promo-prev, .promo-nav-center, .promo-next { float:left; padding:0px 10px; }

.promo-navigation a, .promo-nav-center span { color:#ba161c; }
.promo-nav-center a { text-decoration:none !important; border-bottom: 1px dashed; cursor: pointer; }
.promo-nav-center a:hover { border:none; }
.promo-nav-center .active { border:none; cursor:default; }
.promo-nav-center a, .promo-nav-center span { margin:0px 3px; }

.ajax-text {
	padding:10px 15px 15px 15px;
	color:#404040;
	font-size:11px;
	background-color:#e5e5e5; 
}

.ajax-map {
	padding:20px 25px 15px 15px;
	color:#404040;
	font-size:11px;
	background:#fff;
}

.ajax-text h1 {
	color:#030303;
	font-weight:normal;
	font-size:15px;
	padding:0px;
}

.ajax-text .show-details h1 {
	color:#030303;
	font-weight:normal;
	font-size:21px;
	padding-bottom:5px;
}

.ajax-text .important {
	color:#ba161c;
	font-weight:bold;
}

.ajax-text .line {
	margin:5px 0px;
}

.ajax-text input, .ajax-text select {
	width:240px;
	height:15px;
	text-align:left;
	font-size:11px;
	padding:1px 5px;
}

.ajax-text select {
	padding:2px 0px;
	width:250px;
	height:20px
}

.ajax-text option {
	padding:1px 0px;
}

.ajax-text td {
	padding:5px 5px;
}

.ajax-text .submit {
	text-align:center;
}

.ajax-map .contacts {
	position:relative;
	top:0;
	left:0;	
	padding-top:20px;
}

.ajax-text .left-picture {
	margin-right:10px;
	width:548px;
	height:350px;
	background:#fff;
}

.ajax-background {
	background:#fff;
}

.ajax-text .left-picture img {
	margin:0 auto;
}

.ajax-text .bottom-colors li {
	float:left;
	padding-right:10px;
	list-style:none;
}

.ajax-text .bottom-colors li img {
	cursor:pointer;
}

.ajax-text .bottom-colors {
	height:75px;
	padding-top:10px;
	padding-bottom:10px;
}

.ajax-text .bottom-colors .showing {
	cursor:default;
}


.ajax-text .right-details li {
	float:none;
	list-style:none;
	padding-bottom:10px;
}

.ajax-text .left-td {
	color:#404040;
	background:url(../images/line-dashed2.gif) bottom repeat-x;
	text-align:right;
	width:350px;
	padding-right:10px;
}

.ajax-text .moto-slim .left-td {
	width:270px;
}

.ajax-text .right-td {
	color:#010101;
	background:url(../images/line-dashed2.gif) bottom repeat-x;	
}

.back-to-cart {
	position:absolute;
	top:0px;
	right:18px;
	display:none;
}
	

#shopCart .cart-price {
	font-weight:bold;
	white-space:nowrap;
}

.map-text {
	position:absolute;
	top:20px;
	left:20px;
}

.map-text a {
	color:#ba161c;
}

.preframe {
	height:20px;
	background-color:#e5e5e5;
}

/*misc classes*/
.pseudo { text-decoration:none !important; border-bottom: 1px dashed; cursor: pointer; }
.pseudo:hover {border-bottom:none;}
.clear{clear:both; font-size:1%;}
.align_center_to_left{position: relative;right: 50%; float:right;}
.align_center_to_right{position: relative;z-index: 1;right: -50%;}
.shop:after{content: ''; display: block; clear: both;}
.right-float {float:right;}
.hidden {display:none;}

#menu{width:100%; position:absolute; top:335px; left:0; right:0; color:#F60; font-size:20px;}
		#menu li {list-style:none; float:left; position:relative; width:115px; text-align:center;}
		#menu a{color:#fff; text-decoration:none;}
		#menu a:hover{text-decoration:underline;}
			#menu:after{content: ''; display: block; clear: both;}
			.align_center_to_left {position: relative; right: 50%; float: right;}
			.align_center_to_right {position:relative; z-index:1; right: -50%;}