* {
border:medium none;
margin:0;
padding:0;
font-size: 1em;
}

body{
	background-color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	width:800px;
}

input, select, textarea {
/*border:2px solid #000099;*/
}

a {
color:#000099;
}

a:hover {
color:#0066FF;
}
`
#step1_pickupplace,
#Bikes,
#RemarkForm,
#PersonalInfo,
#Address,
#RemarkInfo,
#OtherForm,
#pickupplace,
#HolidayInfo,
#reservationLineItemsInfo,
#step1 #InfoBox,
#step2 #InfoForm,
#step2 #HolidayAdresForm,
#step2 #RemarkForm,
#step2 #SubmitForm{
	background-color:#FFFFFF;
}


#step1_pickupplace, #Bikes, #RemarkForm, #PersonalInfo, #Address, #RemarkInfo, #PickupplaceInfo, #HolidayInfo, #reservationLineItemsInfo, #step1 #InfoBox, #step2 #InfoForm, #step2 #HolidayAdresForm, #step2 #RemarkForm, #step2 #SubmitForm {

	padding:5px;
	/*border: thin dotted #cccccc;*/
	border:none;
}

h1 {
	font-size: 1.2em;
margin-bottom: 15px;	
color: #000000;
}

h2 {
	font-size: 1.2em;
	margin-bottom: 15px;
	color:#000099;
}

p
{
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 15px;
}

#Navigator {
margin-top:-2px;
}
/********** step 1 */

#step1 form {
clear:both;
float:left;
}

#header_select_pickupplace {
clear:both;
float:left;
width:340px;
}

#step1_pickupplace{

}

#step1 #InfoBox{
	width: 380px;
	margin-top:15px;
}

#step1_infobox #InfoBox #pickUpImage, #step1_infobox #InfoBox #pickUpImageDelivery {
width:140px;
}

#step1 #InfoBox #pickUpDescription  {
float:left;
margin-top:6px;
width:225px;
font-size:100%;
}
#step1 #InfoBox #pickUpDescription .hours {
font-size:70%;

}
#step1 #InfoBox #pickUpDescription .hours th{
font-size:120%;
color:#000099;
}

#step1 #InfoBox #pickUpDescription .hours tr.hoursOpen {
font-size:100%;
}
#step1 #InfoBox #pickUpDescription .hours tr.hoursOpen td{
padding-top:2px;
padding-right:5px;
vertical-align:top;
}

#step1_infobox #InfoBox #pickUpText {
font-size:70%;
}

#step1 #InfoBox #pickUpDescriptionDelivery  {
clear:both;
float:left;
width:325px;
	font-size: 80%;
	color: #333333;
}

#step1 #InfoBox #pickUpDescription p {
	font-size: 70%;
	color: #333333;
	width:225px;
}

#step1 #InfoBox #pickUpDescriptionDelivery p {
}

#header_select_bike {
clear:left;
float:left;
width:340px;
margin-top:15px;
}
#header_select_bike h2, #header_select_pickupplace h2 {
margin-bottom:5px;
}

#step1_infobox {
float:right;
margin-top:10px;
}

#BikeSelectBox {
clear:both;
float:left;
width:830px;
}

#BikeSelectBox h2, #step1 h2 {
margin-top:10px;
margin-bottom:5px;
}
#BikeSelectBox #Bikes {
background-color:transparent;
}

#step1_infobox #InfoBox h2 {
float:none;
}

#step1 form #step1_infobox #InfoBox #bikeText {
clear:both;
float:right;
width: 185px;
font-size:70%;
}

#step1_infobox #InfoBox #bikeImage {
float:left;
}
#step1_infobox #InfoBox #bikeImage img {
width:148px;;
}

#step1 #step1_addbuton p {
display:block;
margin-bottom:0;
font-size:70%;
margin-left:10px;
}
#step1_submit{
clear:both;
float:left;
width:850px;
}

.dpTable {
background:#FFFFFF none repeat scroll 0 0;
border:2px solid #000099;
font-size:9px;
}

/* calendar style */
.dpTDHover {
background-color:#0066FF;
}
.dpDayHighlight {
background-color:#006FF1;
}
.dpTitleTD, .dpTitleTR {
background-color:#000099;
}
.dpTitleText {
background-color:#000099;
color:#000000;
}


.submitbutton:hover {
	background-color:#0066FF;
}
.submitbutton {
background-color:#000099;
border:0 none;
color:#FFFFFF;
cursor:pointer;
font-weight:bold;
margin:10px 10px 0 0;
padding:5px 10px;
}

#Navigator ul li {
	background-color:#000099;
	color:graytext;
	float:left;
	font-size:85%;
	font-weight:700;
	list-style-position:inside;
	list-style-type:none;
	margin-right:5px;
	padding:2px;
	text-align:center;
	width:48px;
	border: solid 1px graytext;
}

#Navigator ul li a {
color:#FFFFFF;
text-decoration:none;
}
#Navigator ul li.active {
color:#0066FF; 
background-color:#000099;
border:1px solid #000099;
color:#0066FF;
}
#Navigator ul li a:hover {
background-color:#0066FF;
padding:2px;
width:48px;
}

th {
font-weight:normal;
vertical-align:top;
}
#rowFax {
display:none;
}
#rowMiddleName input {
width:80px;
}
#rowHouseNumber input {
width:30px;
}
#rowZipCode input {
width:80px;
}

#rowHoldidayStreet input, #rowHoldidayHouseNumber input, #rowHoldidayCity input{
width:190px;
}
#step2Remark {
font-size:70%;
margin-top:10px;
}
#step2 #HolidayAdresForm, #step2 #RemarkForm,  #step2 #OtherForm {
width:375px;
margin:0px;
}

#step2RemarkInput textarea {
height:57px;
}
#step2 #SubmitForm {
float:left;
width:250px;
}

#errorText {
color:#CC0000;
float:left;
font-size:80%;
}

#instructionText {
	margin-top:5px;
	line-height:16px;
	float:left;
	font-size:70%;
	color: #333333;
}


#rowRemarksForm th {
vertical-align:top;
}

#rowRemarksForm textarea{
height:150px;
overflow:auto;
width:280px;
}
#step3 #Person {
width:350px;
}
#step3 #RemarkInfo, #step3 #reservationLineItems,#step3 #PickupplaceInfo {
margin:0px;
}
#step3 #RemarkInfo p {
font-size:70%;
}


/* step 3 styles */

#tableReservationInfo #rowArrival {
	display:none;
}
/* Calendar styles */
.zeelen_cpYearNavigation,
	.zeelen_cpMonthNavigation
			{
			background-color:#000099;
			text-align:center;
			vertical-align:center;
			text-decoration:none;
			color:#FFFFFF;
			font-weight:bold;
			}
.zeelen_cpYearNavigation {
	height:22px;

}
	.zeelen_cpDayColumnHeader,
	.zeelen_cpYearNavigation,
	.zeelen_cpMonthNavigation,
	.zeelen_cpCurrentMonthDate,
	.zeelen_cpCurrentMonthDateDisabled,
	.zeelen_cpOtherMonthDate,
	.zeelen_cpOtherMonthDateDisabled,
	.zeelen_cpCurrentDate,
	.zeelen_cpCurrentDateDisabled,
	.zeelen_cpTodayText,
	.zeelen_cpTodayTextDisabled,
	.zeelen_cpText
			{
			font-family:arial;
			font-size:8pt;
			height:17px;
			}
	TD.zeelen_cpDayColumnHeader
			{
			text-align:center;
			border:solid thin #000099;
			border-width:0 0 1px 0;
			}
	.zeelen_cpCurrentMonthDate,
	.zeelen_cpOtherMonthDate,
	.zeelen_cpCurrentDate
			{
			text-align:right;
			text-decoration:none;
			}
	.zeelen_cpCurrentMonthDateDisabled,
	.zeelen_cpOtherMonthDateDisabled,
	.zeelen_cpCurrentDateDisabled
			{
			color:#D0D0D0;
			text-align:right;
			text-decoration:line-through;
			}
	.zeelen_cpCurrentMonthDate
			{
			color:#000099;
			font-weight:bold;
			text-align:center;
			}
	TD.zeelen_cpCurrentMonthDate:Hover
			{
			color:#FFFFFF;
			background-color: #0066FF;
			text-align:center;
			}
	.zeelen_cpCurrentDate
			{
			color: #FFFFFF;
			font-weight:bold;
			}
	.zeelen_cpOtherMonthDate
			{
			color:#0066FF;
			}
	TD.zeelen_cpOtherMonthDate:Hover
			{
			color:#FFFFFF;
			background-color: #0066FF;
			text-align:center;
			}	
	TD.zeelen_cpCurrentDate
			{
	color:#FFFFFF;
	background-color: #0066FF;
	border:thin solid #000099;
	text-align:center;
			}
	TD.zeelen_cpCurrentDateDisabled
			{
			border-width:1;
			border:solid thin #FFAAAA;
			}
	TD.zeelen_cpTodayText,
	TD.zeelen_cpTodayTextDisabled
			{
			border:solid thin #6677DD;
			border-width:1 0 0 0;
			display:none;
			}
	A.zeelen_cpTodayText,
	SPAN.zeelen_cpTodayTextDisabled
			{
			height:20px;
			}
	A.zeelen_cpTodayText
			{
			color:#6677DD;
			font-weight:bold;
			}
	SPAN.zeelen_cpTodayTextDisabled
			{
			color:#D0D0D0;
			}
	.zeelen_cpBorder
			{
		border:thin solid #0066FF;
			}
.step3_lineitem_bike {
width:250px;
}
.step3_guarantee_text {
width:590px;
}
.step3_totalprice_text {
width:540px;
margin-top:5px;
}
.step3_totalprice_amount {
margin-top:5px;
}

#step3 #legal h2 {
float:left;
margin-top:0;
}

/* length of input fields */
#MiddleName, #FirstName{
width: 100px;
}
#HouseNumber {
width: 50px;
}
#ZipCode {
width: 75px;
}
#Phone, #PhoneMobile, #Fax {
width: 125px;
}

.dropdownbikes_population {
width:250px;
}
.dropdownbikes_population  select{
width:215px;
}

#step2QuestionArrival {
margin-top:5px;
}

#step3 #legal a:link, #step3 #legal a:visited, #step3 #legal a:active{
color:#000099;
}
#step3 #legal a:hover{
	color:#0066FF;
}