@charset "utf-8";

/* CSS Document */



* {

	margin:0;

	padding:0;

	list-style:none;

	font-size:11px;

}



body {

	font-family: Arial, verdana, sans-serif;

	font-size: 11px;

	margin:10px;

}



body a { color:#000000}



.input				{width: 220px; font: 11px  Arial,  verdana, sans-serif;color:#443;padding:2px 0px 2px 3px;outline:none;}



.input:focus			{border:1px inset #333333;}

.error{color:red};

.placeholder {

    color: gray;

    font-style: italic;

	background-color:#FFFF99;

	padding:2px 0px 2px 3px;

	font: 11px  Arial,  verdana, sans-serif;

}



.bodytext {

font:Arial, sans-serif;

font-size:12px;

vertical-align:middle;

}



.bodyheader {

font:Arial, sans-serif;

font-size:12px;

font-weight:bold;

vertical-align:middle;

}



.cursor {  cursor: pointer}



a {

	

}



a:hover {

	position: relative;

}



/*a span {



	text-decoration:none;

	font-style:normal;

	

}



/*a:hover span {

	display: block;

   	position: absolute; top: 10px; left: 0;

	

   	padding: 5px; margin: 10px; z-index: 100;

   	background: #f0f0f0; border: 1px dotted #c0c0c0;

	opacity: 0.9;

	width:150px;;

	max-width:150px;

	max-height:300px;

	font-weight:normal;

}

	end formatting */





/*.spantext {

	display: none;

	text-decoration:none;

	font-style:normal;



}*/



/* lets format the main container for the page */



#container {

width:980px;

max-width:980px;

height:700px;

margin-top:auto;

margin-left:auto;

margin-right:auto;

margin-bottom:auto;

}



/*lets format the menu bar here */



.menubar {

    background:#E8ECF9;

	width:100%;

	height:27px;

	border:0px;

	vertical-align:middle;



}



.menubar h3 a {



vertical-align:middle;

line-height:27px;

font-weight:normal;

text-decoration:underline;

color:#000099;

font-size:11px;

padding:2px 5px 0 5px;



}



#getaquotetext {

font-size:13px;

color:#000000;

font-weight:bold;

text-decoration:none;

}



#welcomediv {

width:40%

}



#welcomemsg {

font-size:11px;

text-decoration:none;

color:#990000;

}





#mnulinks {

font-size:13px;





}



#seperator {

/*padding:0 5px 0 5px;*/

}



#mnulinks  a {

font-size:13px;

font-weight:normal;

text-decoration:underline;

color:#000099;

font-size:11px;



}



.linkrow a {

font-size:13px;

font-weight:normal;

text-decoration:underline;

color:#000099;

font-size:11px;

}



.menubar h3 seperator {

background-repeat:repeat-y;

}



/* lest format the main content area here */



#contenttable {

border-collapse:collapse;

border-left:solid 3px #E8ECF9;

border-right:solid 3px #E8ECF9;

border-top:solid 3px #E8ECF9;

border-bottom:solid 3px #E8ECF9;

min-height:525px;

height:525px;



}



.destdiv{

	display:none;

}



/* lets format the left div here */



#leftdiv {

width:25%;

height:100%;

vertical-align:top;



}



.calicon {

border:none;

/*padding-right:1px;*/

}



input.calendar,

select.calendar {

	width: 99px;

}





div.calendar {

	background: url(images/calendar.png);

	height: 195px;

	padding: 0 6px;

	text-align: center;

	width: 147px;

}	

	div.calendar * {

		margin: 0;

		padding: 0;

	}	

	div.calendar div {

		background: none !important;

		cursor: move;

		height: 185px;

		overflow: hidden;

		padding-top: 10px;

		position: relative;

		width: 147px;

	}	

	

	div.calendar caption {

		color: #333;

		font: normal 12px/16px Arial, Helvetica, sans-serif;

		padding-top: 6px;

		text-align: center;

		width: 100%;

	}

	div.calendar caption a {

		cursor: pointer;

		display: block;

		height: 12px;

		overflow: hidden;

		position: absolute;

		text-indent: -100px;

		top: 17px;

		width: 11px;

	}

	div.calendar caption a.prev {

		background-image: url(images/calendar-prev.gif);

		left: 0;

	}

	div.calendar caption a.next {

		background-image: url(images/calendar-next.gif);

		right: 0;

	}

	div.calendar caption a:hover {

		background-position: 0 12px;

	}

	div.calendar caption span {

		height: 25px;

		position: relative;

		text-align: center;

	}

	div.calendar caption span.month {

		padding-right: 8px;

	}

	div.calendar caption span.month:after {

		content: ',';

	}



	div.calendar table {

		background: #E8ECF9;

		border: 0;

		border-collapse: collapse;

		border-spacing: 0;

		cursor: default;

		margin: 0 auto;

		overflow: hidden;

		width: 147px;

	}

	div.calendar td,

	div.calendar th {

		border: 0;

		color: #0597DB;

		font: normal 12px Arial, Helvetica, sans-serif;

		height: 21px;

		text-align: center;

		width: 21px;

	}

	div.calendar td {

		background: url(images/calendar-td.gif);

		color: #000;

		font-size: 11px;

	}

	div.calendar td.invalid {

		color: #999;

	}

	div.calendar td.valid {

		background: url(images/calendar-valid.gif);

		color: #0597DB;

		cursor: pointer;

	}

	div.calendar td.hilite {

		background: url(imagescalendar-hilite.gif);

	}

	div.calendar td.inactive {

		background: url(imagescalendar-td.gif) 0 100%;

		color: #FFF;

	}

	div.calendar td.active,

	div.calendar td.hover {

		background: url(images/calendar-valid.gif) 0 100%;

		color: #FFF;

		cursor: pointer;

	}

button.calendar {

	background:none;

	border: 0;

	height: 0px;

	margin-right: 0px;

	width: 0px;

	/*margin-bottom:6px;

	line-height:20px;*/

}

button.calendar:hover,

button.calendar.active {

	background-position: 0 20px;

}







#mm {

width:40px;

border: 1px inset #666666;

font: 11px Arial, verdana, sans-serif;

color:#000000;

padding:2px 2px 2px 3px;

outline:none;

vertical-align:bottom;



}



#hh {

width:40px;

border: 1px inset #666666;

font: 11px Arial, verdana, sans-serif;

color:#000000;

padding:2px 2px 2px 3px;

outline:none;



}



#vehtype {



width:198px;

border: 1px inset #333333;

font: 11px Arial, verdana, sans-serif;

color:#000000;

padding:2px 0px 2px 1px;

outline:none;





}

#bktype {



width:198px;

border: 1px inset #333333;

font: 11px Arial, verdana, sans-serif;

color:#000000;

padding:2px 0px 2px 1px;



outline:none;

}

#bktypediv{
	
	display:none; }

#accfield {



width:198px;

border: 1px inset #333333;

font: 11px Arial, verdana, sans-serif;

color:#000000;

padding:2px 0px 2px 1px;

outline:none;





}





#entryrow img {

padding-left:3px;

}



#normaltext {

font-style:normal;

text-decoration:none;

color:#000000;

}





#theDate {

width:102px;

font: 11px Arial, verdana, sans-serif;

color:#443;

padding:1px 0px 1px 3px;

margin-left:20px;

display:table-cell;

}



.daterow {

margin-left:0px;

}



#datecell{

padding-left:3px;

}



.qicon {

border:none;

padding-left:5px;

vertical-align:middle;

padding-top:4px;

}





.closeicon {

padding-left:0px;

text-align:center;

vertical-align:middle;

}



.xbuttons {

padding-bottom:2px;

}



.options {

	width:240px;

	text-align:left;

	padding-top:10px;



}



#optionsclose {

text-align:right;

padding-right:5px;

padding-top:2px;

}



.options div {

	  float:left;

	  width:75%;

	  margin-left:auto;

	  margin-right:auto;

	  color:#567475;

	  padding:4px;	  

}



.options fieldset {

width:192px;

color:#000000;

background-color:#E8ECF9;

margin-left:21px;

}



#waitcell {

	padding-left:19px;

}



.pricing {

background-color:#E8ECF9;

vertical-align:middle;

margin-left:6px;

margin-top:auto;

margin-right:10px;

margin-left:23px;

text-align:center;

width:194px;

text-indent:5px;

vertical-align:middle;

margin-bottom:5px;

border: 1px solid #AABAFB;

padding-bottom:5px;

}



.booknow {



}



.pricingtext {

font-weight:bold;

font-size:12px;

text-align:middle;

font-family: Arial, Verdana;

margin-top:4px;

vertical-align:middle;



}



.pricingtext a {

margin-bottom:5px;

}







#price {

color:#000000;

font-size:12px;

width:60px;

font-weight:bold;

text-align:right;

padding-right:2px;

font-family:Arial, Verdana, sans-serif;

border:inset 1px #666666;

background-color:#FFFFFF;

}



#pricefield {

vertical-align:middle;

width:40px;

text-align:right;

font-size:12px;

padding-top:4px;

}



.quotebutton {

width:98px;

vertical-align:middle;



}



#shortcutlink {

	color:#000099;

	padding-left:2px;

}



.shortcutfield {

	height:16px;

}



.motorways {

text-align:right;

padding-right:15px;

}



#avoidmotorways {

text-align:right;

}



#usemotorways {

text-align:right;

}



.bookbutton {

width:100px;

}



/* lets format the middle div here */



.loader {

width:100%;

vertical-align:middle;

text-align:center;

/*margin-top:250px;*/

}



.loaderimage {

margin-left:auto;

margin-right:auto;

margin-top:250px;;

vertical-align:middle;



}



table.directions th {

	background-color:#EEEEEE;

      }

	  

      img {

        color: #000000;

      }





    .pricediv {

	color:red;

	font-size:14px;

	font-weight:bold;

	text-align:right;

}



.defaultimage {

margin-left:0px;

margin-right:0px;

margin-top:0px;

vertical-align:middle;

}



#middlediv {

vertical-align:top;

text-align:center;

width:100%;

padding-right:2px;

overflow:auto;

height:520px;

font-size:11px;

max-height:520px;

display:none;

}



#middlecell {

vertical-align:top;

width:0%;

height:520px;

border-left:solid 3px #E8ECF9;

border-right:solid 3px #E8ECF9;

overflow:auto;

max-height:520px;

display:none;



}



.direhead {

font-size:14px;

font-weight:bold;

font-family:Arial;

overflow:auto;

}



.yellowicon {

width:10%;

display:inline;



}



.suggestedrows {



margin-left:auto;

margin-top:auto;

margin-right:auto;

text-indent:4px;

vertical-align:middle;

text-align:center;

height:40px;

color:#000099;

text-decoration:underline;

font-size:11px;

width:90%;

display:inline;



}



.suggestedrows a:hover {

font-weight:bold;

} 



#rowstd {

text-align:center;

}



.suggestedheader {

border:solid 1px #c0c0c0;

background-color:#EEEEEE;

width:98%;

margin-left:auto;

margin-top:auto;

margin-right:auto;

text-indent:4px;

vertical-align:middle;

margin-top:5px;

text-align:center;

font-weight:bold;

height:40px;

}



#suggestedtable{

width:100%;

vertical-align:middle;

}



/* lets format the right div here */



#rightdiv {

max-width:75%;

width:75%;

height:100%;

vertical-align:top;

max-height:500px;

max-width:400px;

}



.bookrow {

height:0%;

display:none;

}



.maprow {

}



#mapdiv {

width:100%;

height:100%;

}



/*lets format the popup window now */



.popup{



	border:solid 0px #AABAFB;

	position:absolute;

	left: 301px;

	top: 100px;

	background:#FFFFFF;

	vertical-align:middle;

	text-align:justify;

	height:350px;

}



.popupbar{

width:100%;

height:00px;

background-color:#FFFFFF;

border-bottom: solid 0px #AABAF9;

}



#popuplabeltext{

margin-left:2px;

color:#FFFFFF;

font-weight:bold;

}



#popupcontent{

margin-left:5px;

margin-right:5px;

margin-top:5px;

margin-bottom:5px;

}



fieldset

{

border: 1px solid #AABAFB;

width: 20em;

color:#000000;

}

.fieldsettext {

color:#000000;

vertical-align:middle;

padding-left:3px;

}



legend

{

border: 1px solid #333333;

padding: 2px 6px;

} 



#waitandreturn{

vertical-align:middle;

}



#waitingtime{

vertical-align:middle;

}



/*This section is for the credits*/



.credit {

text-align:right;

width:100%;



}



#logintable {

height:100%;

width:100%;

margin-top:0px;

}