div.frame { padding: 0 0 15px 0; margin: 0 35px; border: 1px solid #C4CCCC }

div.frame div.promo {
	color: #666666;
	padding: 0 338px 180px 118px;

	background-color: transparent;
	background-position: left bottom;
	background-repeat: no-repeat
}
div.frame div.original { background-image: url("/i/trucks/original-60.jpg") }
div.frame div.broken { background-image: url("/i/trucks/broken.jpg") }
div.frame div.container { background-image: url("/i/trucks/container.jpg") }
div.frame div.front { background-image: url("/i/trucks/front.jpg") }
div.frame div.expanding { background-image: url("/i/trucks/expanding.jpg") }
/*
div.frame div.trailor { background-image: url("/i/trucks/trailor.jpg") }
*/
div.frame div.high { background-image: url("/i/trucks/high.jpg"); padding-bottom: 160px ! important }

div.frame div.promo_text { float: left; width: 50%; padding-bottom: 25px }

div.frame div.promo_left p { width: 68%; float: right }
div.frame div.promo_right p { width: 76%; float: left }

div.frame div.promo h1 { margin: 37px 0 0 26px; padding: 0; font-weight: bold }
div.frame div.promo p { display: block; float: none; width: 94%; font-size: 110% }

div.frame h1 { font-size: 141%; margin: 20px 0 26px 5em; color: #666666 }
div.frame h1 span { font-weight: bold; font-size: 129.4% }

div.name_models { padding: 46px 280px 0 38px; font-size: 110% }
div.name_models a { text-decoration: none }
div.name_models h4, div.name_models ul li { display: inline }
div.name_models ul { display: block; margin: -1.2em 0 0 8em }
div.name_models ul li { margin: 0 11px 2px 0; display: block; float: left }
div.name_models h4 { font-weight: normal }

div.frame div.model_name {
	display: block;
	float: right;
	width: 264px;
	height: 118px;
	padding: 0;
	background: transparent url("/i/r/shadow.jpg") no-repeat left bottom;
}
div.frame div.model_name h3 {
	display: block;
	width: 217px;
	height: 64px;
	float: right;
	text-align: right;
	padding: 28px 27px 2px 20px;
	margin: 0 ! important;
	background-image: url("/i/r/big.gif");
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFF;
	font-weight: bold;
	font-size: 266.6%
}
div.frame div.model_name h3 a {
	color: #FFF;
	text-decoration: none
}

div.frame div.model_name h3.original { background-image: url("/i/r/big/original.jpg") }
div.frame div.model_name h3.broken { background-image: url("/i/r/big/broken.jpg") }
div.frame div.model_name h3.container { background-image: url("/i/r/big/container.jpg") }
div.frame div.model_name h3.trailer { background-image: url("/i/r/big/trailer.jpg") }
div.frame div.model_name h3.front { background-image: url("/i/r/big/front.jpg") }
div.frame div.model_name h3.expanding { background-image: url("/i/r/big/expanded.jpg") }
div.frame div.model_name h3.high { background-image: url("/i/r/big/high.jpg") }


div.frame p {
	display: block;
	float: left;
	width: 25.5%;
	margin: 15px 0 15px 28px;
}

ul.previews li {
	display: block;
	float: left;
	padding: 0 0 0 27px;
}
ul.previews li a { outline: none ! important }
ul.previews li a img { border: 4px solid #FFF }
ul.previews li.selected a img { border-color: #C4CCCC }
ul.previews li a, ul.previews li a:hover, ul.previews li a:visited { text-decoration: none; color: #6A6A6B; font-size: 95%; display: block; width: 140px }
ul.previews li a span {
	display: block;
	padding: 15px 20px 10px 10px;

	font-style: italic;
}

#image { margin: 0 26px 20px 27px }

ul.catalogue { margin: -10px 35px 0 0 }

ul.catalogue li,
ul.catalogue li.selected a,
ul.catalogue li.selected a:link,
ul.catalogue li.selected a:hover,
ul.catalogue li.selected a:visited
{ color: #C4CCCC }

ul.catalogue li { display: block; float: right; font-size: 116.6% }
ul.catalogue li a, ul.catalogue li.selected span { background-position: left top; background-repeat: no-repeat }
ul.catalogue li.selected span, ul.catalogue li a, ul.catalogue li a:visited, ul.catalogue li a:hover {
	display: block;
	text-decoration: none;
	padding: 8px 15px 8px 22px;
}

ul.catalogue li.selected { border-width: 1px 1px 0 0; border-style: solid; border-color: #C4CCCC }
ul.catalogue li a, ul.catalogue li.selected span { position: relative; left: -7px; }
ul.catalogue li.selected span, ul.catalogue li.selected a { top: -1px; margin: 0 0 -1px }

ul.catalogue li a, ul.catalogue li a:visited, ul.catalogue li a:hover { color: #FFF }

ul.catalogue li.selected { background-color: transparent ! important }
ul.catalogue li.selected span { background-image: url("/i/r/selected.png") ! important }

ul.catalogue li.original a { background-image: url("/i/r/original.png") }
ul.catalogue li.broken a { background-image: url("/i/r/broken.png") }
ul.catalogue li.container a { background-image: url("/i/r/container.png") }
ul.catalogue li.trailer a { background-image: url("/i/r/trailer.png") }
ul.catalogue li.front a { background-image: url("/i/r/front.png") }
ul.catalogue li.expanding a { background-image: url("/i/r/expanded.png") }
ul.catalogue li.high a { background-image: url("/i/r/high.png") }

ul.catalogue li.selected a { background-image: url("/i/r/selected.png") }

ul.catalogue li a { outline: none }

/*#infolio { left: 0 }*/