* {
}

html, body {
	font: 62.5% Verdana, Arial, sans-serif;
}

body {
	font-size: 100%;
}

body, table, td, th, input, textarea, select, option, button, p, label, div, ul, li, a {
	font-size: 1em;
	/* 1em = 10px, line-height: 1.6em; */
}

/* Form elements */

input, textarea, select, button {
	border: .1em solid #000;
	color: #333;
	padding: .1em;
	margin-bottom: 1em;
}

fieldset {
	border: .1em solid black;
	margin: auto;
	padding: .5em 1em;
}

textarea {
	font-family: inherit;
}

option {
	min-width: 2em;
}

button {
	cursor: pointer;
	padding: .1em 1em;
	color: #000;
	background-color: #eee;
	vertical-align: middle;
	line-height: 1.5em;
}

button:hover {
	color: inherit;
	background-color: #fff;
}

select.date {
	width: 6em;
	margin-bottom: 0em;
	margin-right: .5em;
	display: inline;
	float: left;
}

select.last {
	margin-right: 0em;
}

label.left {
	display: block;
	float: left;
	margin-bottom: 0em;
	margin-right: .5em;
}

label.right {
	vertical-align: top;
	min-height: 1em;
}

label.top {
	margin-bottom: .2em;
}

#tip {
	position: absolute;
	background-color: #ffc;
	padding: .3em;
	border: .1em solid #000;
	max-width: 30em;
}

/* Step one */

#stepOne {
	position: relative;
	margin: auto;
	width: 40em;
}

#stepOne label.left {
	width: 10em;
}

#stepOne input, #stepOne select {
	width: 20em;
}

#stepOne select.date {
	width: 6em;
}

#stepOne input.oneway {
	border: 0em solid #000;
	min-height: 1em;
	height: auto;
	width: auto;
}

#stepOne div.date {
	float: left;
	margin-bottom: 1em;
}

#stepOne img.calendar {
	width: 1.9em;
	height: 1.8em;
	border: 0em;
	margin-right: .5em;
	float: left;
}

#stepOne select.minimum_age {
	float: left;
	width: 15em;
}

#stepOne button {
	margin-left: 2em;
}

/* Common to step 2 to 4 */

.header {
	position: relative;
	background-color: red;
	background-image: url('../img/header.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	height: 90px;
}

#header_en {
	background-color: blue;
	background-image: url('../img/header.jpg');
}

#header_es {
	background-color: green;
	background-image: url('../img/header.jpg');
}
#header_de {
	background-color: red;
	background-image: url('../img/header.jpg');
}

#footer {
	position: relative;
	clear: left;
	text-align: center;
	margin-top: 1em;
}

#progress {
	position: relative;
	text-align: center;
}

#progress img {
	width: 26.3em;
	height: 5.7em;
	border: 0em;
	margin: 0em auto;
}

#summary {
	position: relative;
	padding: .5em;
	border: .1em dotted red;
	border-right-color: white;
	border-left-color: white;
}

#summary table {
	margin: auto;
}

#summary td.field {
	font-weight: bold;
}

#summary td.value {
}

img.seal {
	width: 7.9em;
	height: 7.9em;
	border: medium none;
}

/* Step two */

#stepTwo {
	position: relative;
	margin: auto;
	width: 80em;
}

#stepTwoMenu {
	position: relative;
	width: 20em;
	float: left;
}

#stepTwoMenu div.title {
	font-weight: bold;
	margin-bottom: 1em;
}

#stepTwoMenu label.left {
	width: 6em;
}

#stepTwoMenu select {
	width: 19em;
}

#stepTwoMenu select.date {
	width: 6em;
	margin-bottom: 1em;
}

#stepTwoFilters {
}

#stepTwoSeal {
	padding: 1em 1.5em;
}

#stepTwoSeal p.title {
	font-weight: bold;
}

#stepTwoSeal p.tip {
	text-align: justify;
}

#stepTwoSeal img.seal {
	margin-top: 1em;
}

#stepTwoBody {
	position: relative;
	margin-left: 21em;
}

#stepTwoBody table {
	margin: auto;
}

#stepTwoBody #summary table {
	width: 57.8em;
}

#stepTwoLegend {
	position: relative;
	margin-top: 1em;
}

#stepTwoLegend span.provider {
	font-weight: bold;
}

#stepTwoLegend table {
	width: 59.0em;
}

#stepTwoLegend td {
	vertical-align: bottom;
}

#stepTwoBody img.next {
	width: 1.2em;
	height: 1.2em;
	border: 0em;
}

#stepTwoBody #availability {
	margin-top: 1em;
	border-collapse: separate;
	border-width: 0em;
	border-style: solid;
	border-color: black;
	border-spacing: .2em;
	width: 59.0em;
}

#stepTwoBody #availability tr.odd {
}

#stepTwoBody #availability tr.even {
}

#stepTwoBody #availability th {
	background-color: red;
	color: white;
	padding: .2em;
}

#stepTwoBody #availability td {
	padding: .2em;
}

#stepTwoBody #availability td.group {
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

#stepTwoBody #availability span.priceOriginal {
	text-decoration: line-through;
}

#stepTwoBody #availability span.priceDiscounted {
	font-weight: bold;
	color: red;
	background-color: inherit;
}

#stepTwoBody #availability td.details {
	padding: 0em;
}

#stepTwoBody #availability td.details1 {
	width: 17em;
	text-align: center;
}

#stepTwoBody #availability img.car {
	width: 16.6em;
	height: 10em;
	border: 0em;
	background-color: #fff;
}

#stepTwoBody #availability td.details2 {
	padding: .2em;
}

#stepTwoBody #availability td.details3 {
	text-align: center;
}

#stepTwoBody #availability img.logo {
	width: 6em;
	height: 2.6em;
	border: 0em;
}

#stepTwoBody #availability button {
	margin: 0em;
}

#stepTwoBody #availability table.details {
	width: 58.0em;
	border: .1em dotted #999;
}

#stepTwoBody .attributes {
	border-collapse: collapse;
	border-width: 0em;
	border-spacing: 0em;
	width: 22em;
}

#stepTwoBody .attributes td {
	padding: 0em;
}

#stepTwoBody .attributes tr.odd {
	background-color: #eee;
	color: inherit;
}

#stepTwoBody .attributes tr.even {
}

#stepTwoBody .attributes td.value {
	text-align: right;
}

#stepTwoBody #nocars {
	text-align: justify;
	margin-top: 1em;
}

/* Step two car details pop-up */

#popUp {
	position: relative;
	margin: auto;
	width: 52em;
	background-color: #ffc;
	color: inherit;
}

#popUp div.header {
	background: url('../../img/popup/header_tab.gif') no-repeat left;
	background-color: #fff;
	color: inherit;
	height: 1.6em;
	font-size: 1.2em;
	font-weight: bold;
}

#popUp span.close {
	position: absolute;
	right: 0em;
	text-align: right;
	padding-right: 1em;
	font-size: 1em;
	font-weight: normal;
}

#popUp #features {
	margin-top: 1em;
	width: 100%;
	border-collapse: separate;
	border-spacing: .2em;
	border-width: 0em;
}

#popUp #features td.field {
	font-weight: bold;
	padding-left: 1em;
}

#popUp #features td.value {
	text-align: right;
	padding-right: 1em;
}

#popUp #features td.image {
	vertical-align: bottom;
	width: 18em;
}

#popUp #features img.logo {
	width: 16.8em;
	height: 7.3em;
	border: 0;
}

#popUp #features img.car {
	width: 16.6em;
	height: 10em;
	border: .1em dotted #999;
	background-color: #fff;
	clear: both;
	margin-top: 0.5em;
}

#popUp #icons {
	margin: auto;
	margin-top: 1em;
	border-collapse: collapse;
}

#popUp #icons th {
	background-color: #cc0;
	color: inherit;
	padding: .3em;
	text-align: left;
	font-weight: normal;
}

#popUp #icons td {
	padding: 0em;
}

#popUp #icons td.spacer {
	width: .8em;
	height: auto;
}

#popUp #icons img.icon {
	width: 7.5em;
	height: 7.1em;
	border: 0em;
}

#popUpBody {
	margin: 2em 1em;
	position: relative;
	text-align: justify;
}

#popUpBody h1 {
	background: url('../../img/popup/header_tab.gif') no-repeat left;
	height: 1.6em;
	font-size: 1.2em;
	font-weight: bold;
}

/* Common styles to step 3 and 4 */

div.sectionTitle {
	font-weight: bold;
	font-size: 1.4em;
	margin: 1em 0em;
	margin-left: 0.6em;
}

div.subsectionTitle {
	font-weight: bold;
	font-size: 1.2em;
	margin: 0em 0em .5em 0em;
}

/* Step three */

#stepThree {
	position: relative;
	margin: auto;
	width: 80em;
}

#stepThree table {
	margin: auto;
}

#stepThree #summary table {
	width: 78.8em;
}

#stepThree #features {
	width: 72em;
	border-spacing: .5em;
	border-collapse: separate;
	border-width: 0em;
}

#stepThree #features td {
	text-align: left;
}

#stepThree #features td.field {
	background-color: #e4e0e0;
	color: inherit;
	padding-left: 1em;
	vertical-align: middle;
	font-weight: bold;
	width: 20em;
	height: 2em;
}

#stepThree #features td.value {
    vertical-align: middle;
	padding-left: 1em;
}

#stepThree #features td.car {
	width: 20em;
}

#stepThree #features img.car {
	border: .1em dotted #a4a0a0;
	vertical-align: middle;
	width: 16.6em;
	height: 10em;
	padding: 1em;
}

#stepThree #attributes {
	width: 72em;
	margin-top: 1em;
	border-collapse: collapse;
	border-width: 0em;
}

#stepThree #attributes tr.odd {
	background-color: #eee;
}

#stepThree #attributes tr.even {
}

#stepThree #attributes td.field {
}

#stepThree #attributes td.value {
	width: 5.8em;
	text-align: right;
}

#stepThree #attributes td.spacer {
	width: 1em;
	background-color: #fff;
	color: inherit;
}

#stepThree #terms {
	text-align: center;
	margin-top: 1em;
}

#stepThree div.extras {
	border: .1em dotted red;
	border-width: .1em 0em;
	margin-top: 1em;
	padding-bottom: 1em;
}

#stepThree #extras {
	width: 68em;
	border-collapse: separate;
	border-spacing: .2em;
	border-width: 0em;
}

#stepThree #extras tr {
	height: 3em;
	vertical-align: middle;
}

#stepThree #extras td {
	padding: .3em;
	text-align: left;
}

#stepThree #extras td.chooser {
	text-align: center;
}

#stepThree #extras th {
	background-color: red;
	color: white;
	padding: .2em;
}

#stepThree #extras tr.odd {
}

#stepThree #extras tr.even {
	background-color: #eee;
	color: inherit;
}

#stepThree #extras tr.excess {
	background-color: #ddd;
	color: inherit;
}

#stepThree #extras select {
	margin: auto;
	width: 5em;
}

#stepThree #totalisation {
	width: 60em;
	margin-top: 1em;
	border-spacing: .2em;
	border-collapse: separate;
	border-width: 0em;
}

#stepThree #totalisation td {
	padding: .2em;
	vertical-align: top;
}

#stepThree #totalisation td.seal {
	width: 20em;
	vertical-align: middle;
}

#stepThree #totalisation td.field {
	text-align: left;
	font-weight: bold;
	white-space: nowrap;
}

#stepThree #totalisation td.value {
	text-align: right;
}

#stepThree #totalisation span.help {
	font-weight: normal;
}

#stepThree #totalisation td.total {
	font-weight: bold;
	font-size: 1.1em;
}

#stepThree #totalisation td.line {
	border-top: .1em solid black;
}

#stepThree button {
	margin-top: 2em;
}

/* Step four */

#stepFour {
	position: relative;
	margin: auto;
	width: 80em;
}

#stepFour table {
	margin: auto;
}

#stepFour #summary table {
	width: 78.8em;
}

#stepFour div.separator {
	position: relative;
	border: .1em dotted white;
	border-bottom-color: red;
}

#stepFour #details {
	position: relative;
	margin: auto;
	width: 72em;
}

#stepFour #details table {
	border-collapse: collapse;
	border-width: 0em;
}

#stepFour #features {
}

#stepFour #features table {
	width: 39.6em;
	border-spacing: .2em;
	border-collapse: separate;
	border-width: 0em;
}

#stepFour #features td {
	text-align: left;
}

#stepFour #features td.field {
	background-color: #e4e0e0;
	color: inherit;
	padding-left: .5em;
	vertical-align: middle;
	font-weight: bold;
	height: 2em;
}

#stepFour #features td.value {
    vertical-align: middle;
	padding-left: .5em;
}

#stepFour #totalisation {
}

#stepFour #totalisation table {
	width: 32.4em;
	border-spacing: .2em;
	border-collapse: separate;
	border-width: 0em;
	border: .1em dotted #a4a0a0;
}

#stepFour #totalisation td {
	padding: .2em;
	vertical-align: top;
}

#stepFour #totalisation td.seal {
	width: 20em;
	vertical-align: middle;
}

#stepFour #totalisation td.field {
	text-align: left;
	font-weight: bold;
	white-space: nowrap;
}

#stepFour #totalisation td.value {
	text-align: right;
}

#stepFour #totalisation span.help {
	font-weight: normal;
}

#stepFour #totalisation td.total {
	font-weight: normal;
	font-size: 1.0em;
}

#stepFour #totalisation td.line {
	border-top: .1em solid black;
}

#stepFour #extras {
	width: 72em;
	margin: 1em auto;
	border-collapse: collapse;
	border-width: 0em;
}

#stepFour #extras tr.odd {
	background-color: #eee;
	color: inherit;
}

#stepFour #extras tr.even {
}

#stepFour #extras td {
	padding: .1em;
}

#stepFour #extras td.field {
	padding-left: .5em;
	font-weight: bold;
}

#stepFour #extras td.value {
}

/* Step four form */

#stepFour label {
	width: 15em;
	line-height: 1.9em;
	margin-bottom: .5em;
}

#stepFour input, #stepFour select {
	width: 20em;
}

#stepFour input, #stepFour select {
	margin-bottom: .5em;
}

#stepFour input {
	height: 1.5em;
}

#stepFour select {
	height: 1.7em;
}

#stepFour select.date {
	width: 6em;
}

#stepFour br {
	clear: both;
}

#stepFour #client {
	background-color: #eee;
	color: inherit;
	padding: 1em 1em .5em 1em;
	width: 28em; /* 28 + 1 + 1 = 30 em */
}

#stepFour #client input {
	border-width: 0em;
	min-height: 1em;
	height: auto;
	width: auto;
}

#stepFour #client label {
	font-weight: bold;
	line-height: 1.4em;
}

#stepFour #login {
	font-weight: bold;
	padding: 1em 0em .5em 0em;
	width: 50em;
}

#stepFour #login label {
	width: 15em;
	line-height: 1.9em;
	text-align: right;
}

#stepFour #login input {
	width: 15em;
}

#stepFour #login button {
	margin: 0em 0em .5em 1em;
	vertical-align: bottom;
}

#stepFour #loginDiv {
}

#stepFour table.form {
	width: 80em;
	border-collapse: separate;
	border-spacing: .5em;
}

#stepFour td.left {
	vertical-align: top;
	border: .1em dotted #a4a0a0;
	padding: 1em 1em .5em 1em;
	width: 36.8em; /* 80em / 2 = 40em - 1em -1em -1em - 0.2em = 36.8em */
}

#stepFour td.right {
	vertical-align: top;
	border: .1em dotted #a4a0a0;
	padding: 1em 1em .5em 1em;
	width: 36.8em; /* 80em / 2 = 40em - 1em -1em -1em - 0.2em = 36.8em */
}

#stepFour td.both {
	border: .1em dotted #a4a0a0;
	padding: 1em 1em 0em 1em;
}

#stepFour #billing {
}

#stepFour label.comments {
	width: auto;
}

#stepFour textarea {
	height: 10em;
	width: 60em;
}

#stepFour div.button {
	text-align: center;
	margin: 1em;
}

#stepFour div.remark {
	position: relative;
	padding: 1em 0em;
	text-align: justify;
	clear: both;
}

#stepFour div.all {
	position: relative;
	margin: 1em 0em 1em 0em;
}

#stepFour input.check {
	min-height: 1em;
	height: auto;
	width: auto;
}

#stepFour input.radio {
	border: 0em solid #000;
	min-height: 1em;
	height: auto;
	width: auto;
}

#stepFour label.mark {
	line-height: 1.4em;
}

#stepFour td.payment {
	vertical-align: top;
}

#stepFour input.payment {
	margin-left: 2em;
}

#stepFour div.loggedIn {
	text-align: center;
	font-weight: bold;
}

#stepFour #passwords input {
	width: 18em;
}

#stepFour #passwdCheck {
	width: 1em;
	height: 1em;
	border: 0em;
	margin-left: .5em;
	margin-bottom: .2em;
}

/* Errors */

#stepOne .error, #stepTwo .error, #stepFour .error {
	border-color: #0b0;
}

#stepFour p.loginError {
	font-weight: bold;
	text-align: center;
}

#error {
	position: relative;
	margin: auto;
	width: 80em;
}

/* Step five */

#stepFive {
	position: relative;
	margin: auto;
	width: 80em;
}

#stepFive span.note {
	font-weight: bold;
}