body {background:transparent;font-size:12px;font-family:Verdana,Arial,sans-serif;padding:0px;margin:0px;color:#000000}
 a {color:#000000}
    #dynamiccontent {min-width:500px;max-width:800px;position:relative;}
    .clear {clear:both}
    .stepheaderl {background:transparent;height:30px;}
    .stepheaderr  {background:transparent;height:30px}
    .stepheadertext {text-align:left;color:#648AB1;font-weight:bold;font-size:1.3em;padding-left:10px;line-height:30px}
    .stepcontent {border-top:1px solid #C2D2E0;text-align:left;padding:10px;background:#EEF2F7;margin-bottom:10px}
    .stepcontentsmall {border-top:1px solid #C2D2E0;text-align:left;padding:10px;background:#EEF2F7;margin-bottom:10px}
    #supportblock{background:#EEF2F7;}
    .step1left {width:50%;min-width:225px;float:left}
    .step1right {float:left}
    .step1right ul{margin-top:0px;margin-bottom:0px;padding-left:30px}
    .stepbottoml {display:none}
    .stepbottomr {display:none}
    .upgradeheaderl {display:none}
    .upgradeheaderr {display:none}
    .upgradebottoml {display:none}
    .upgradebottomr {display:none}
  .labels, .label {font-weight:bold;float:left;width:30%;min-width:100px}
  .labels2 {float:left;width:70%;min-width:250px}
  .currencytype {float:left;width:30px}
   .BNprice {float:left;width:60px;text-align:right}
   .total, .subtotal {font-weight:bold}
   .values {float:left;width:70%}
   .headeroption {text-decoration:underline;padding-right:10px;float:right;font-size:0.8em;cursor:pointer}
    .stepheaderlsmall{display:none}
    .stepheaderrsmalr {display:none}
   .keyicon {height:20px;line-height:20px;float:left;padding-left:30px;width:45%;background : transparent url(icon.png) no-repeat}
    .headtxt1 {font-weight:bold;padding-bottom:5px;font-size:1.1em}
     .stepbottomlsmall {display:none}
   .stepbottomrsmall {display:none}
    .listRow .stepcontentsmall, .colorCar .stepcontentsmall {border:1px solid #DFDFDF;}
   .colorCarOver .stepcontentsmall {border:1px solid #606060}
  
  
  .button .buttonleft {cursor:pointer;height:25px;width:10px;float:left;background-image:url('../media/sprite_A-53.gif');background-position: 0 -150px ;background-repeat:no-repeat;}
  .button .buttonmiddle {color:#FFF;line-height:25px;width:auto;cursor:pointer;height:25px;float:left;background-image:url('../media/sprite_A-53.gif');background-position: -10px -150px ;background-repeat:no-repeat;}
  .button .buttonright {cursor:pointer;height:25px;width:10px;float:left;background-image:url('../media/sprite_A-53.gif');background-position: right -150px ;background-repeat:no-repeat;}
   .buttonMO .buttonleft {cursor:pointer;height:25px;width:10px;float:left;background-image:url('../media/sprite_A-53.gif');background-position: 0 -150px ;background-repeat:no-repeat;}
  .buttonMO .buttonmiddle {color:#FFF;line-height:25px;width:auto;cursor:pointer;height:25px;float:left;background-image:url('../media/sprite_A-53.gif');background-position: -10px -150px ;background-repeat:no-repeat;}
  .buttonMO .buttonright {cursor:pointer;height:25px;width:10px;float:left;background-image:url('../media/sprite_A-53.gif');background-position: right -150px ;background-repeat:no-repeat;}
  #searchbutton .buttonmiddle {padding-right:5px}
  #searchbutton .buttonright {cursor:pointer;height:25px;width:10px;float:left;background-image:url('../media/sprite_A-53.gif');background-position: right -150px ;background-repeat:no-repeat;}
 
.caricontext {line-height:20px;float:left}
.iconseats {float:left;width:20px;height:20px;line-height:20px;background:transparent url('../media/sprite_A-53.gif') -100px 0px no-repeat;}
.iconsuitcases {float:left;width:20px;height:20px;line-height:20px;background:transparent url('../media/sprite_A-53.gif') -120px 0px no-repeat;}
.icontransmission {float:left;width:20px;height:20px;line-height:20px;background:transparent url('../media/sprite_A-53.gif') -140px 0px no-repeat;}
.iconwarning {float:left;width:20px;height:20px;line-height:20px;background:transparent url('../media/sprite_A-53.gif') -160px 0px no-repeat;}
.iconavailable {float:left;width:20px;height:20px;line-height:20px;background:transparent url('../media/sprite_A-53.gif') -80px 0px no-repeat;}
.iconairco {float:left;width:20px;height:20px;line-height:20px;background:transparent url('../media/sprite_A-53.gif') -20px 0px no-repeat;}
.icon4wd {float:left;width:20px;height:20px;line-height:20px;background:transparent url('../media/sprite_A-53.gif') 0px 0px no-repeat;}
.iconnavigation {float:left;width:20px;height:20px;line-height:20px;background:transparent url('../media/sprite_A-53.gif') -60px 0px no-repeat;}
.notset{float:left;width:20px;height:20px;line-height:20px;background:transparent url('../media/sprite_A-53.gif') -200px 0px no-repeat;}
.valid {float:left;width:20px;height:20px;line-height:20px;background:transparent url('../media/sprite_A-53.gif') -240px 0px no-repeat;}
.notvalid {float:left;width:20px;height:20px;line-height:20px;background:transparent url('../media/sprite_A-53.gif') -220px 0px no-repeat;}
.fake{float:left;width:20px;height:20px;line-height:20px;}


.calendaricon {background:transparent url('../media/sprite_A-53.gif') -260px 3px no-repeat;margin:0px 5px;height:20px;width:20px;float:left}



#pickuptime , #dropofftime {float:left}

/* calendar CSS */










/* Distributed as part of The Coolest DHTML Calendar
   Author: Mihai Bazon, www.bazon.net/mishoo
   Copyright Dynarch.com 2005, www.dynarch.com
*/

/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #bdb2bf;
  font-size: 11px;
  color: #000;
  cursor: default;
  background:transparent url('../media/sprite_A-53.gif') -0px -860px no-repeat;
  font-family: "trebuchet ms",verdana,tahoma,sans-serif;
  width: 250px; 
  height: 200px;
}
.calendar {
  border-color: #797979;
  z-index:1000
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
  background: url("title-bg.gif") repeat-x 0 100%; color: #000;
  font-weight: bold;
}

.calendar .nav {
  font-family: verdana,tahoma,sans-serif;
}

.calendar .nav div {
  background: transparent url("menuarrow.gif") no-repeat 100% 100%;
}

.calendar thead tr { background: url("title-bg.gif") repeat-x 0 100%; color: #000; }

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  padding: 2px;
  background: url("title-bg.gif") repeat-x 0 100%; color: #000;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #797979;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #c44;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background: url("hover-bg.gif");
  border-bottom: 1px solid #797979;
  padding: 2px 2px 1px 2px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background: url("active-bg.gif"); color: #fff;
  padding: 3px 1px 0px 3px;
  border-bottom: 1px solid #797979;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: url("dark-bg.gif");
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  font-family: verdana,tahoma,sans-serif;
  width: 2em;
  color: #000;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #999;
}
.calendar tbody .day.othermonth.oweekend {
  color: #f99;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #797979;
  background: url("dark-bg.gif");
}

.calendar tbody .rowhilite td,
.calendar tbody .rowhilite td.wn {
  background: url("rowhover-bg.gif");
}

.calendar tbody td.today { font-weight: bold; /* background: url("today-bg.gif") no-repeat 70% 50%; */ }

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: url("hover-bg.gif");
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #c44;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid #797979;
  padding: 1px 3px 1px 1px;
  background: url("active-bg.gif"); color: #fff;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  padding: 2px;
  background: url("status-bg.gif") repeat-x 0 0; color: #000;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #afa;
  border: 1px solid #084;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #7c7;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #797979;
  background: url("normal-bg.gif"); color: #000;
  z-index: 100;
  font-size: 90%;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: url("hover-bg.gif"); color: #000;
}

.calendar .combo .active {
  background: url("active-bg.gif"); color: #fff;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #797979;
  padding: 1px 0px;
  text-align: center;
  background: url("dark-bg.gif");
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 5px 0px 6px;
  font-weight: bold;
  background: url("normal-bg.gif"); color: #000;
}

.calendar td.time .hour,
.calendar td.time .minute {
  font-family: monospace;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  background: url("hover-bg.gif"); color: #000;
}

.calendar td.time span.active {
  background: url("active-bg.gif"); color: #fff;
}

/* AUTOCOMPLETE CSS */

	.gewoon
	{
		background-color:	#fff;
		color:				#000;
	}
	.LinkHover
	{
		background-color:	#E1ECF4;
		color:				#102060;
		cursor:				pointer;
	}
	#Lijst
	{
		position:			absolute;
		display:			none;
		background-color:	#FFF;
		overflow:			auto;
		overflow-x:			hidden;
		border:				1px solid #000000;
		z-index:			999;
	}
	#Lijst td
	{
		padding-left:		3px;
		padding-right:		3px;
		white-space:		nowrap;
	}
	.gewoon .aantal
	{
		color:				#666;
	}
	.LinkHover .aantal
	{
		color:				#5070B0;
	}
	.geenlink
	{
		text-decoration:	none;
		color:				#000;
	}
	
	#Message
	{
		background-color: White;
		border-width: 1px;
		border-style: solid;
		margin: 0px;
		left: 0px;
		display: none;
		visibility: hidden;
		z-index:	999;
	}
	
	#pickuplocation_ac{width:90%;max-width:210px;}
	.inputdate {float:left;width:113px}
	.donotdisplay {display:none}
	.suplogo {width:75px;height:50px;float:right}
	.preferred { background:transparent url('../media/sprite_A-53.gif') -230px -40px no-repeat;}
	.matrixCell {cursor:pointer}
	.selected .matrixCell {background-color:#648AB1;color:#fff}
	.hover .matrixCell {background-color:#EEF2F7;color:#648AB1}
	.matrixInfoLeft {height:103px}
	#matrixInfo {
width:180px;
}
#matrix {margin-top:20px}
.matrixProduct {
cursor:pointer;
height:60px;
text-align:center;
width:80px;
}
.matrixCell {
border-right:1px solid #000;
border-top:1px solid #000;
text-align:center;
line-height:17px;
}
.matrixRowww {
border-right:1px solid #000;}
.whiteColomnBorder {
border-right:1px solid #000;
width:10px;
}
.matrixBottomLine {
border-top:1px solid #000;
}
.matrixCarClass{height:19px}
.matrixLabel {background:#648AB1;margin-bottom:5px;text-align:center;padding-top:3px;padding-bottom:3px;color:#fff}
#secExcluded {width:50%;min-width:300px;float:left;padding-bottom:10px}
#secIncluded {width:50%;min-width:300px;float:left}
.chckBx {width:20px;float:left}
.TitleExcl {float:left}
.Price {float:right;padding-right:20px}
.headHolder {font-weight:bold;padding-bottom:5px}
#return_office_hours, #pickup_office_hours {display:none}
.floatleft {float:left}
.widthInput {float:left}
.oop {padding-bottom:3px}













#optionDescription {position:absolute;border:1px solid #DFDFDF;background-color:#fff;width:50%;display:none;padding:10px}
#return_office_hours,#pickup_office_hours{position:absolute;border:1px solid #DFDFDF;background-color:#fff;}
.matrixBottomLine ,.whiteColomnBorder,.matrixCell,.matrixRowww {border-color:#7D653F}
#timecontainer {width:60px;float:left}
#datecontainer {width:150px;float:left}
.sub {margin-bottom:10px}
.kopje1 {font-weight:bold}
.kopje2, .kopje3 {display:none}
 #pickup_accom {display:none}

#pickUpLocResultsCont,#dropOffLocResultsCont,#calendarCont {display:none}



  #dynamiccontent {min-width:500px;max-width:800px;position:relative;}
  .calendar{background-color:#eee}
   #PickUp_OfficeID {max-width:90%}