/**
 * File should contain everything that deals with positioning, sizes and general looks (bg, borders) of
 * blocks of elements on page. Positioning inside individual elements (navigation, tables, forms, etc)
 * should go into separate files
 */

html, body { height:100%; padding:0; margin:0; }

body {background:url('../img/bg-top.png') 0 0 repeat-x;}

/* Page
-------------------------------------------------------------- */

#page { margin:0 auto; width:100%; height:100%; min-width:950px; max-width:1080px; position:relative; z-index:1;}

#body, #header {padding:0 10px;} /* add a little some space on the sides */

.clear{ clear:both; height:1px; font-size:1%;}

/* Header
-------------------------------------------------------------- */
#header .logo {float:left; width:150px; margin-top:18px; }
#header .languages {float:left; width:200px; margin-left:20px; margin-top:38px;}
#header .search {float:right; width:200px; margin-right:20px;  margin-top:36px;}
#header .search .submit {display:inline;}

#header .tagline {background:url('../img/lines.png') 0 0 no-repeat; width:200px;
	float:right; margin-left:20px;  padding-top:36px;}



/* Navigation
-------------------------------------------------------------- */
.topnav {margin:20px 0;}




/* First page elements
-------------------------------------------------------------- */
#frontpage .fpblock { width:22.333%; margin-right:2%; float:left; min-height:245px;}
#frontpage .fpblock .inner {min-height:245px; position:relative; right:-5px; top:-5px; padding:9px;}
#frontpage .fpblock.news {background:url("../img/fpblock1-bg.gif") no-repeat left bottom}
#frontpage .fpblock.search {background:url("../img/fpblock2-bg.gif") no-repeat left bottom}
#frontpage .fpblock.calc  {background:url("../img/fpblock3-bg.gif") no-repeat left bottom}
#frontpage .fpblock.news .inner {background:#ddecd9;}
#frontpage .fpblock.search .inner {background:#eecec8;}
#frontpage .fpblock.calc .inner {background:#fef8d8;}
#frontpage .fpblock select { width:120px;}
#frontpage .fpblock select.num { width:50px;}
#frontpage .calc div.input { padding-right:0;padding-left:0;}

/* Content elements
-------------------------------------------------------------- */
#content {margin-left:24%; margin-right:24%;}
.nomenu #content {width:70%; margin-left:0; margin-right:2%; float:left;}

#content .gallery {width:420px; float:left; position:relative; }

#content .gallery .reserved {
	left:20px;
	position:absolute;
	top:10px;
}

.car-link-image .reserved {
	background:url("../img/reserved_lv.png") repeat scroll 0 0 transparent;
	height:85px;
	left:5px;
	position:absolute;
	top:5px;
	width:95px;
	z-index:5;
}

.l-ru .car-link-image .reserved {
	background:transparent url(../img/reserved_ru.png) repeat scroll 0 0;
}

.car-link-image .new {
	background:url("../img/new-lv.png") repeat scroll 0 0 transparent;
	height:55px;
	left:5px;
	position:absolute;
	top:5px;
	width:55px;
	z-index:10;
}

.l-ru .car-link-image .new {
	background:transparent url(../img/new-ru.png) repeat scroll 0 0;
}


#content .gallery .reserved-big {
	background:transparent url(../img/reserved_big_lv.png) repeat scroll 0 0;
	height:305px;
	left:2px;
	position:absolute;
	top:2px;
	width:405px;
}

.l-ru #content .gallery .reserved-big {
	background:transparent url(../img/reserved_big_ru.png) repeat scroll 0 0;
}

#content .gallery .new-big {
	background:url("../img/new-lv.png") repeat scroll 0 0 transparent;
	height:55px;
	left:1px;
	position:absolute;
	top:1px;
	width:55px;
	z-index:10;
}

.l-ru #content .gallery .new-big {
	background:transparent url(../img/new-ru.png) repeat scroll 0 0;
}


#content .details {width:400px; float:left; padding-right:20px; margin-top:20px;}

.cars { position:relative; }
#content .stats table {width:100%;}
#content .rcol {position:absolute;right:0;left:420px;padding-bottom:80px;}
#content .calc {margin-left:0px;}

#content .caritem {overflow:hidden; margin-bottom:8px; border:1px solid #c8c8c8; border-top:0; padding-bottom:5px; position:relative;}
#content .caritem img {float:left; margin:5px 0 0 5px;}
#content .caritem dl {float:left; width:40%; margin:5px;}
#content .caritem dl dt {float:left; margin-right:5px;}
#content .caritem .apply {float:right;}
#content .caritem .apply .payment {display:block; margin-bottom:5px;}

.apply-form {
	background-color:#e5e5e5;
	padding:5px 0;
	text-align:center;
	margin-top:10px;
}

/* Sidebar elements:left menu, right side elements
--------------------------------------------------------------- */
.side.left, .side.left {float:left; width:22%;}



/* Footer
--------------------------------------------------------------- */
#footer {margin:3em 24% 0 24%;text-align:center;}
#footer.nomenu {margin:3em 0 0; width:76%;}



/* Flash BG
--------------------------------------------------------------- */

.innerpage {
	position:relative;
	z-index:1;
	min-height:100%;
}

#flashbg-container {
	position:absolute;
	max-width:1080px;
	min-width:950px;
	margin:0 auto;
	width:100%;
	z-index:0;
	/*bottom:0;*/
	top:122px;
	background:url("../img/lines-bg.png") repeat-y 871px 0;
}

#flashbg {
	position:absolute;
	float:right;
	height:700px;
	width:175px;
	left:871px;
	z-index:0;
	bottom:0;
	top:0;
}

#body {
	position:relative;
}

#content .search-results .caritem {
	padding-top:0;
	margin-top:0;
	border:0;
}

table.car-view {
	border-collapse:collapse;
}

table.car-view td.gallery {
	width:400px;
	padding:0;
}

table.car-view td {
	vertical-align:top;
	border-bottom:0;
}