#catalogue dt a span { padding: 0 }

#catalogue { margin-bottom: 42px }
#catalogue a { text-decoration: none; outline: none }
#catalogue dt, #catalogue dd { display: block; float: right; height: 56px }
#catalogue dd {
	background-color: transparent ! important;

	text-align: left;
	font-size: 100%;

td a.model { display: block; text-decoration: none; margin-right: 93px }
td a.model span { display: block; font-size: 110%; font-weight: bold; text-align: center ! important }


#layout { min-width: 1000px; padding: 36px 0 47px 0 }


ul#navigation, h1, .fake_h1, #copyright, #catalogue dd div { padding-left: 63px }


ul#navigation li { font-size: 150%;	font-weight: bold; clear: both }
ul#navigation li a { font-size: 77.8%; text-decoration: none }

ul#navigation li.selected span, ul#navigation li.selected a.span { padding-right: 21px; background: transparent url('/i/selected.gif') no-repeat right 7px }
ul#navigation li.selected a.span { font-size: 100%; color:#666 }

ul#navigation li ul { padding: 5px 0 8px 38px; width: 55%; clear: both }
ul#navigation li ul li {
	display: block;
	float: left;
	clear: none;

	margin: 0 1.3em 0.3em 0;
	padding: 0;

	font-weight: normal;
	font-size: 68.6%;
	white-space: nowrap;
}
ul#navigation li ul li, ul#navigation li ul li a.menu { color: #948683 }
ul#navigation li ul li a { font-size: 100% }


#catalogue { width: 100% }
#catalogue a { text-decoration: none; outline: none }
#catalogue dt, #catalogue dd { display: block; float: right; clear: both; width: 62%; height: 56px }
#catalogue dt {
	font-size: 125%;
	font-weight: bold;

	background-image: url('/i/catalogue/common.gif');
	background-repeat: no-repeat;
	background-position: left top
}
#catalogue dt a { display: block; padding: 0; text-align: right; color: #FFF }
#catalogue dt a span { display: block; padding: 18px 25px 18px 0; }

#catalogue dt.original { background-image: url('/i/catalogue/original.gif') }
#catalogue dt.front { background-image: url('/i/catalogue/front.gif') }
#catalogue dt.trailer { background-image: url('/i/catalogue/trailor.gif') }
#catalogue dt.container { background-image: url('/i/catalogue/container.gif') }
#catalogue dt.broken { background-image: url('/i/catalogue/broken.gif') }
#catalogue dt.expanding { background-image: url('/i/catalogue/expanded.gif') }
#catalogue dt.high { background-image: url('/i/catalogue/high.gif') }

#catalogue dd {
	display: none;
	text-align: right;
	background-color: #FFF ! important;
	width: inherit;
	font-size: 120%
}

#catalogue dd span.a3 { text-decoration: underline }

#catalogue-menu dd span.a1,
#catalogue dd span.a1 { height: 56px; width: 100%; float: right; display: table; position: relative; position: static }
#catalogue-menu dd span.a2,
#catalogue dd span.a2 { position: absolute; top: 50%; display: table-cell; vertical-align: middle; position: static }
#catalogue-menu dd span.a3,
#catalogue dd span.a3 { display: block; width: inherit; padding: 0 25px 0 0; position: relative; top: -50% }


#catalogue dd.broken, #catalogue dd.broken span.a1 { height: 66px; }

#catalogue-menu dd span.a3:first-letter,
#catalogue dd span.a3:first-letter { text-transform: uppercase }


#news { clear: both; padding: 0; margin: -15px 0 0 0; font-size: 125%; padding: 0 0 15px }
#news h2 { margin: 0 0 -15px 0 }

#news h2 a.rss img { margin: 0 0 1px }
#news h2 a.rss { margin-right: 9px }

#news dt { padding: 30px 0 0 0; font-size: 115% }
#news dl { font-size: 125%; margin: 0 0 18px }

#news dt, #news dd { padding-left: 35px; clear: both }
#news dd { padding-top: 0.3em }

#news dd img { position: relative; left: -35px; top: -1.3em; margin: 0 -22px -1.3em 0; float: left; border-bottom: 7px solid #349277 }
#news dt.i { padding-left: 125px }
#news dd.i { padding-left: 35px }


#content ul, #content ol { margin: 1ex 0 1.5em }
#content ul li, #content ol li { margin: 0.5ex 1.5em 0.5ex 2em }
#content ul li ul li, #content ol li ol li { font-size: 100% ! important }


#bottom-menu a, #bottom ul li a, #copyright { color: #388975 }
#bottom a:hover { color: #275D50 }

#bottom-menu { width: 83%; float: right; clear: both; padding: 42px 0 39px 0 }

#bottom-menu div { float: left }
#bottom-menu div.width55 { width: 43% }
#bottom-menu div.width30 { width: 20%; margin-right: 14% }

#bottom-menu h2 { color: #919D9D; font-weight: bold; font-size: 116.6%; margin: 0.6ex 0 0.4ex 0 ! important; padding: 0 ! important }
#bottom-menu ul { margin: 0 ! important }
#bottom-menu ul li { font-size: 110%; margin: 0 0 0.5ex 0 ! important }

a#print_version {
	display: block;
	float: left;

	padding-left: 17px;
	margin-top: 10px;

	background: transparent url('/i/printer.gif') no-repeat left 0.5ex;

	font-size: 90%;
}



#bottom { clear: both; padding: 52px 0 11px; font-size: 100% }
#bottom ul { float: right; padding: 0 57px 0 0; white-space: nowrap; position: relative; left: -30em }
#bottom ul li { display: inline; margin-left: 30px; padding-left: 0 ! important; background-image: none ! important }

/*#bottom ul, #copyright { margin-top: -1.7em }*/

#copyright { float: left }
#copyright span { font-size: 108.3% }

#infolio { float: right; position: relative; left: 24em }

#copyright span.any_questions, #copyright span.any_questions span.phone { margin-left: 1.15em }
#copyright span.any_questions span.phone { display: block }

div.pages { clear: both; font-size: 110% }
div.pages a { text-decoration: none }

.original { background-color: #F15922 }
.front { background-color: #22932C }
.trailer { background-color: #BCD75F }
.container { background-color: #0075BF }
.broken { background-color: #86888B }
.expanding { background-color: #FFCC00 }
.high { background-color: #00B6AB }

div.see-also { padding: 0 0 0 20px; background: transparent url('/i/see-also.gif') no-repeat left top }

div.see-also ul li { padding-left: 0 ! important; background-image: none ! important }


form input.button { padding: 1ex 1em }
form fieldset legend {
	display: block;
	font-weight: bold;
	font-size: 130%;
	padding: 2em 0 1em;
}
form fieldset legend.smaller { font-size: 120% }
form fieldset legend.small-padding, form fieldset legend.smaller { padding: 2ex 0 1ex }

form fieldset table.layout tr td.layout { padding: 0 4em 1em 0 }
form fieldset table.layout tr td.layout label { font-size: 88% }

form label.unfilled {
	font-style: italic;
	color: #FF0000
}

div.pages a.light {
	border: 1px solid #999
	}

.float_left { display: block; float: left }

.ta-center { text-align: center }

.hidden { display: none }
.wide { width: 100% }

.nobr { white-space: nowrap }

/* класс надо поставить у плавающего блока, если высота родителя считается без учёта высоты этого блока */
.clearfix:after { content: "."; display: block; height: 0; line-height: 0; clear: both; visibility: hidden }
.clearfix { display: inline-table }
/* Hides from IE-mac \*/
* html .clearfix { height: 1% }
.clearfix { display: block }

.technics_available td, .technics_available th{
	padding-left: 20px;
}
.technics_available td a { font-size: 140% }


.specialCounter {
	display: block;
	padding: 20px 0 0 80px;
}


#sub-bottom {float: left; clear: both; width: 100%; padding-bottom: 50px; //padding-bottom: 0 }
#iso-mark { padding: 25px 0 25px 129px; margin: 0; display: block; font-family: Arial, sans-serif; color: #666666; font-size: 90%; line-height: 1.18em ! important; background: url("/i/iso.gif") no-repeat 55px center }

/* Darkbox */
.darkbox-frame {
	position:fixed;
	top:0;
	left:0;
	display:none;
	overflow:hidden;
	width:100%;
	height:100%;
	z-index:999;
	}
.darkbox-frame-on {
	display:block;
	}

/* Shadow */
.darkbox-shadow {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0;
	}

/* Canvas */
.darkbox-canvas {
	position:absolute;
	top:50%;
	left:50%;
	overflow:hidden;
	margin:-40px 0 0 -40px;
	width:80px;
	height:80px;
	background:#000 url(/i/spinner.gif) 50% 50% no-repeat;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	opacity:.5;
	}
	.darkbox-canvas IMG {
		display:block;
		visibility:hidden;
		}
.darkbox-canvas-load {
	background-image:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	}
.darkbox-canvas-done {
	overflow:visible;
	opacity:1;
	}
	.darkbox-canvas-done IMG {
		visibility:visible;
		opacity:0;
		}

/* Button */
.darkbox-button {
	position:absolute;
	top:-13px;
	display:none;
	width:30px;
	height:30px;
	background:url(/i/button.png) no-repeat;
	cursor:pointer;
	z-index:1;
	}
.darkbox-button-on {
	display:block;
	}
.darkbox-button-left {
	left:-16px;
	}
.darkbox-button-right {
	right:-16px;
	}

	width: 100%;
	position: relative;
	z-index: 200;
	top: -56px;

	margin-bottom: -56px
}
#catalogue dt {
	width: 16.8%;
	clear: right;

	font-size: 125%;
	font-weight: bold;

	background-image: url('/i/catalogue/common.gif');
	background-repeat: no-repeat;
	background-position: left top
}
#catalogue dt a { display: block; padding: 18px 25px 18px 0; text-align: right; color: #FFF }

#catalogue dd a { display: block; padding-right: 18% }

#catalogue dd a span.border {
	display: block;
	border-style: solid;
	border-width: 0 0 1px 0;
	float: right;
	width: 50%
}

#catalogue dd a:hover span.border {
	width: 100%;

	background-repeat: no-repeat;
	background-position: left bottom
}

#catalogue dd a span.container {
	display: block;
	width: 100%;

	float: right;
	background-color: transparent ! important
}

#catalogue dd a:hover span.container { width: 50% }

#catalogue dd span.a3 { padding: 0 60px 0 57px }
#catalogue dd span.a3 { text-decoration: none }



#catalogue dd.original a:hover span.border { background-image: url('/i/catalogue/car/original.gif') }
#catalogue dd.original span.border { border-color: #F15922 }

#catalogue dd.front a:hover span.border { background-image: url('/i/catalogue/car/front.gif') }
#catalogue dd.front span.border { border-color: #22932C }

#catalogue dd.trailer a:hover span.border { background-image: url('/i/catalogue/car/trailer.gif')}
#catalogue dd.trailer span.border { border-color: #BCD75F }

#catalogue dd.container a:hover span.border { background-image: url('/i/catalogue/car/container.gif') }
#catalogue dd.container span.border { border-color: #0075BF }

#catalogue dd.broken a:hover span.border { background-image: url('/i/catalogue/car/broken.gif') }
#catalogue dd.broken span.border { border-color: #86888B }

#catalogue dd.high a:hover span.border { background-image: url('/i/catalogue/car/high.gif') }
#catalogue dd.high span.border { border-color: #00B6AB  }

#catalogue dd.broken,
#catalogue dt.broken { height: 56px }

#catalogue dd.broken a span.border { height: 61px }
#catalogue dd.broken a {
	position: relative;
	top: -4px
}


#catalogue dd.expanding a:hover span.border { background-image: url('/i/catalogue/car/expanding.gif') }
#catalogue dd.expanding span.border { border-color: #FFCC00 }



#catalogue dd a:hover span.border {
	position: relative;
	top: -40px;
	padding-top: 40px
}