@CHARSET "UTF-8";

/**
 * Cars page layout
 *
 * @author: Tomasz Paciorek (design) info@tomaszpaciorek.com
 * @author:  Dariusz Paciorek (xhtml, css) darekpaciorek@gmail.com
 * @version: ver. 1
 */

/** Import global CSS */
@import "../global/header.css";
@import "../global/footer.css";

/** Title */
#carsTitle {
	padding: 30px 0 37px 0;
	background: url(../../gfx/cars/hline.gif) no-repeat 0 100%;
}

#carsTitle h2 {
	height: 23px;
	background: url(../../gfx/cars/title.gif) no-repeat 0 0;
}

#carsTitle span {
	display: none;
}

/** Cars listing */
.colL {
	float: left;
	width: 447px;
}

.colR {
	float: right;
	width: 447px;
}

.row {
	margin: 50px 0 0;
}

.photoFrame {
	width: 447px;
	height: 186px;
	background: url(../../gfx/cars/foto_frame.gif) no-repeat 0 0;
}

.photoFrame img {
	padding: 11px 0 0 14px;
}

.row h3 {
	margin: 24px 0 0;
	font-size: 1.5em;
	font-weight: 400;
	color: #ff9c00;
}

.row h3 a:link, .row h3 a:visited {
    color: #ff9c00;
    text-decoration: none;
}

.row h3 a:hover {
    text-decoration: underline;
}

.row p {
	margin: 18px 0 0;
	line-height: 16px;
}

.row p.more {
	margin: 0;
	text-align: right;
	font-weight: 700;
}

.row p.more a:link, .row p.more a:visited {
	padding: 0 12px 0 0;
	color: #ad0d01;
	text-decoration: none;
	background: url(../../gfx/cars/arrow.gif) no-repeat 100% 5px;
}

.row p.more a:hover {
	text-decoration: underline;
}

/** Car */
#description {
	float: left;
	width: 615px;
}

#description h3 {
	margin: 47px 0 0;
	font-size: 1.5em;
	font-weight: 400;
	color: #ff9c00;
}

#description p {
	margin: 20px 0;
	line-height: 16px;
}

#params {
	float: right;
	margin: 40px 0 0;
	width: 280px;
	background: url(../../gfx/offer/box_middle.gif) repeat-y 0 0;
}

#params div {
	padding: 30px 0 0;
	background: url(../../gfx/offer/box_top.gif) no-repeat 0 0;
}

#params div div {
	padding: 0 0 30px 0;
	background: url(../../gfx/offer/box_bottom.gif) no-repeat 0 100%;
}

#params h4 {
	margin: 0 0 0 30px;
	color: #ff9c00;
}

#params ul {
	margin: 30px 30px 0 30px;
}

#params li {
	margin: 15px 0 0;
	padding: 0 0 0 35px;
	background: url(../../gfx/offer/star.gif) no-repeat 0 1px;
}

/** links */
#linksList {
	margin: 15px 0 0;
}

#linksList li {
	margin: 5px 0 0;
}

#linksList a:link, #linksList a:visited {
	text-decoration: none;
	font-weight: 700;
	color: #ad0d01;
	padding: 0 0 0 13px;
	background: url(../../gfx/offer/arrow_back.gif) no-repeat 0 5px;
}

#linksList a:hover {
	text-decoration: underline;
}