@import "accordion.css";

h3 {
	padding:0;
}

#rental {
	width:900px;
	height:530px;
	padding:0;
	font-size:12px;
}

#content {
	width:900px;
	padding:0;
}

.left {
	float:left;
	width:330px;
	height:254px;
	margin:0;
	padding:0;
}

.right {
	float:left;
	width:449px;
	height:254px;
	margin:0;
	padding:0;
}

#content h3 {
	font-size:20px;
	color:#000;
}

.right h4 {
	margin:0;
	clear:left;
	font-size:14px;
	color:#000;
	font-weight:bold;
}

.right div + h4 {
	margin-top:10px;
}

.img {
	float:left;
	width:100px;
	height:254px;
	margin:0;
	padding:0;
}

.img img {
	float:left;
}

ul.info {
	float:left;
	width:220px;
	height:254px;
	margin:0;
	padding:0;
}

table.info {
	width:330px;
	margin:0;
	padding:0;
	border:0;
	border-spacing:0;
	border-collapse:collapse;
}

table.info td {
	padding:0;
	text-align:left;
	font-size:12px;
}

table.info td.td50 {
	width:50%;
}

table.info td.td33 {
	width:33%;
}

.tarif {
	width:449px;
	margin:5px 0px 5px 0px;
	padding:0;
	border:0;
	border-spacing:0;
	border-collapse:collapse;
}

.tarif th, .tarif td {
	padding:5px 2px 5px 2px;
	border:1px #DBDBDB dotted;
	font-size:12px;
	text-align:right;
}

.product-rental-form-button {
	display:block;
	width:154px;
	height:47px;
	margin:10px auto 0px auto;
	padding:0;
	border:0;
	cursor:pointer;
}

.product-rental-form-button.fr {
	background-image:url(../../../images/bikes/btn-reserve-fr.gif);
}
.product-rental-form-button.fr:hover {
	background-image:url(../../../images/bikes/btn-reserve-fr-hover.gif);
}
.product-rental-form-button.en {
	background-image:url(../../../images/bikes/btn-reserve-en.gif);
}
.product-rental-form-button.en:hover {
	background-image:url(../../../images/bikes/btn-reserve-en-hover.gif);
}

.rental th {
	width:100px;
}

.rental td {
	width:98px;
	font-size:12px;
	text-align:center;
}

fieldset {
	float:left;
	width:380px;
	height:336px;
	margin:0;
	padding:2px;
	border:1px #DBDBDB dotted;
}

fieldset#fieldset-customer {
	margin:0 0px 0px 8px;
}

legend {
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	background-color:#FFF;
	color:#000;
}

fieldset table {
	width:380px;
	margin:0;
	padding:0;
	border:0;
	border-spacing:1px;
	border-collapse:separate;
}

fieldset table td {
	padding:0;
	font-size:12px;
}

fieldset table td.label {
	width:150px;
	font-weight:bold;
}

fieldset table td.field {
	width:230px;
}

fieldset table td.field2 {
	width:85px;
}

fieldset table td.calendar {
	width:85px;
}

fieldset table td.calendar img {
	cursor:pointer;
}

#rental-form-cart table {
	width:380px;
	margin:0 0px 10px 0px;
	padding:0;
	border:0;
	border-spacing:1px;
	border-collapse:separate;
	empty-cells:show;
}

#rental-form-cart table th {
	width:76px;
	padding:2px;
	border-bottom:1px #000 dotted;
}

#rental-form-cart table td {
	width:76px;
	padding:2px;
	border-bottom:1px #000 dotted;
	font-size:12px;
}

#rental-form-cart table .selection,
#rental-form-cart table .quantity {
	text-align:center;
}

#rental-form-cart table .name {
	width:276px;
}


#rental-form-cart table .quantity {
	width:38px;
}

#rental-form-cart table .price {
	width:208px;
	text-align:right;
}

#rental-form-cart table .total-label {
	width:390px;
	text-align:right;
	font-weight:bold;
}

#rental-form-cart table .total-value {
	text-align:right;
	font-weight:bold;
}

#rental-form-cart table th.delete {
	width:38px;
	text-align:center;
}

#rental-form-cart table td.delete a {
	background-image:url(../../../images/bikes/btn-delete.gif);
	background-repeat:no-repeat;
	display:block;
	width:16px;
	height:16px;
	margin:0 auto 0px auto;
	padding:0;
}

#rental-form-cart table td.delete a:hover {
	background-image:url(../../../images/bikes/btn-delete-hover.gif);
}

.rental-submit {
	display:block;
	width:154px;
	height:47px;
	margin:10px auto 0 auto;
	padding:0;
	border:0;
	cursor:pointer;
}

#rental-submit-fr {
	background-image:url(../../../images/bikes/btn-send-fr.gif);
}
#rental-submit-fr:hover {
	background-image:url(../../../images/bikes/btn-send-fr-hover.gif);
}
#rental-submit-en {
	background-image:url(../../../images/bikes/btn-send-en.gif);
}
#rental-submit-en:hover {
	background-image:url(../../../images/bikes/btn-send-en-hover.gif);
}

input, textarea, select {
	font-size:11px;
}

#arrival_date {
	width:100%;
	background:url(calendar.png) no-repeat scroll 86px 1px #FFF;
	border:1px solid #FFF;
}