*
	{
	margin: 0;
	padding: 0;
	}



 a, a:link, a:visited
	{
	color: #f4428b;
	text-decoration: none;
	}
	
a:hover
	{
	color: #3295F1;
	text-decoration: none;
	}

ul 
	{
	list-style: outside url(/img/common/blue-bullet.gif);
	}

li {
	margin: 0 0 1em 18px;
	padding: 0;
	}
	

img
	{
	border: 0; margin: 0; padding: 0;
	}

body
	{
	background: #fff url(/img/common/body-background2.jpg) top left repeat-x;
	font-size: 85%;
	font-family: Verdana, 'Arial', Helvetica, sans-serif;
	line-height: 170%;
	text-align: center;
	color: #747474;
	}
	
#wrapper
	{
	margin: 0 auto;
	border-left: solid 2px #fff;
	width: 962px;
	background: #fff url(/img/common/background.jpg) top left no-repeat;
	text-align: left;
	}
	
/*The formbutton is used in the management area, added by Paul 19/1/2009*/
input, textarea, select, a.formbutton
	{
	border: 1px solid #dbdbdb;
	padding: 3px;
	/*margin: 5px 0;*/
	/*width: 218px;*/
	background-color: #fff;
	color: #3295f1;
	font-size: 100%;
	font-family: Verdana, 'Arial', Helvetica, sans-serif;
	}

/*Paul added a div around the table 4/3/2009 just in case Wayne removes the class from the table when editing the page in the CMS*/
div.fares-table table
	{
	border: 3px solid #3295F1;
	border-collapse: collapse;
	/*text-align: left;*/
	background-color: #fff;
	/*font-size: 100%;*/
	/*font-weight: bold;*/
	font-family: Verdana, 'Arial', Helvetica, sans-serif;
	margin-bottom: 20px;
	}

div.fares-table table th
	{
	color: #3295F1;
	/*text-align: left;*/
	border: 3px solid #3295F1;
	padding: 5px;
	font-size: 90%;
	}

div.fares-table table td
	{
	border: 3px solid #3295F1;
	padding: 5px;
	font-size: 80%;
	}
	
label
	{
	display: block;
	color: #a4a4a4;
	}

.clear
	{
	clear: both;
	}
	
p 
	{
	margin-bottom: 20px;
	}
	
h2
	{
	margin-bottom: 10px;
	}

h3
	{
	color: #a4a4a4;
	}
	
h4
	{
	margin-bottom: 10px
	}
	
.block-heading-blue
	{
	color: white;
	height: 35px;
	background: #3295f1 url(/img/common/block-heading-blue-left.gif) top left no-repeat;
	margin-bottom: 10px;
	}
	
.block-heading-blue-inner
	{
	background: transparent url(/img/common/block-heading-blue-right.gif) top right no-repeat;
	}
	
.block-heading-pink
	{
	color: white;
	height: 35px;
	background: #f668a2 url(/img/common/block-heading-pink-left.gif) top left no-repeat;
	margin-bottom: 10px;
	}
	
.block-heading-pink-inner
	{
	background: transparent url(/img/common/block-heading-pink-right.gif) top right no-repeat;
	}
	
.block-heading-icon
	{
	float: left;
	display: inline;
	margin-left: 5px;
	}
	
.h3-blue, .h3-pink 
	{
	float: left;
	display: inline;
	margin: 5px; 
	}
	

.read-more img
	{
	margin-bottom: 20px;
	}
	
/*--header--*/

#logo
	{
	float: left;
	display: inline;
	margin-left: 105px;
	}

#travelling-today
	{
	float: right;
	display: inline;
	margin: 0 76px 0 0;
	/*if wayne changes his mind for the forth time and does want travelling today or tomorrow change graphic reference and add ten px top margin here*/
	}

#sub-heading
	{
	margin: 53px 0 20px 136px;
	/*border: solid 1px blue;*/
	height: 100px;
	width: 689px;
	/*border-top: solid 1px blue; border-bottom: solid 1px blue;*/
	}

#book-online
	{
	float: left;
	display: inline;
	margin: 16px 0 58px 54px;
	}
/*--------your booking-----------*/

#your-booking ul li
	{
	list-style: none;
	list-style-image: none;
	}

	
#your-booking
	{
	width: 772px;
	height: 100px;
	background: transparent url(/img/book-your-taxi/your-booking-background.png) top left no-repeat;
	}
	
.your-booking-heading
	{
	/*display: block;*/
	margin-bottom: 10px;
	}

.your-booking-subheading
	{
	float: left;
	display: inline;
	width: 95px;
	text-align: right;
	/*border: solid 1px red;*/
	}

.your-booking-column
	{
	float: left;
	display: inline;
	width: 600px;
	/*border: solid 1px red;*/
	}

.your-booking-column-inner
	{
	margin: 8px 20px;
	
	}
	
.your-booking-column b
	{
	float: left;
	display: inline;
	margin: -6px 0 0 5px;
	padding: 0;
	color: #034786;
	/*border: solid 1px green;*/
	font-size: 90%;
	line-height: 130%;
	/*font-weight: bold;*/
	width: 560px;
	}
	
#booking-info-box
	{
	float: right;
	display: inline;
	margin: 15px;
	width: 130px;
	color: #f4428b;
	line-height: 120%;
	font-size: 85%;
	}

#booking-info-box H4
	{
	/*text-align: center;*/
	margin: 0;	
	}
		
/*--nav--*/

#nav /*is ul*/
	{
	float: left;
	display: inline; 
	margin: 0 0 0 37px;
	}

#nav li
	{
	float: left;
	display: inline;
	margin: 0 0 0 11px;
	}
	

/*--content--*/

#content
	{
	margin: 0 30px;
	}

#col1
	{
	float: left;
	display: inline;
	}
	
#col2
	{
	float: left;
	display: inline;
	border-left: solid 1px #dbdbdb;
	border-right: solid 1px #dbdbdb;
	}
	
#col2-wide
	{
	float: left;
	display: inline;
	border-left: solid 1px #dbdbdb;
	}
	
#col3
	{
	float: left;
	display: inline;
	}

.col-inner
	{
	width: 260px;
	margin: 0 20px;
	}

.col-inner-wide
	{
	width: 560px;
	margin: 0 20px;
	}
	
	
/*--price list--*/

.price-list /*is ul*/
	{
	list-style: none;
	list-style-image: none;
	line-height: 170%;
	width: 260px;
	margin-bottom: 20px;
	/*overflow: hidden;*/
	
	}

.price-list a:hover, .price-list a:link, .price-list a:visited
	{
	/*color: #747474;*/
	}

.price-list li
	{
	list-style-type: none;
	list-style-image: none;
	border-bottom: 1px dotted #dbdbdb;
	margin: 0;
	}
	
.price-list span
	{
	margin: 5px;
	}
	
.price-list .item
	{
	float: left;
	display: inline;
	/*font-weight: bold;*/
	font-size: 90%;
	}
	
.price-list .quantity
	{
	float: right;
	display: inline;
	font-weight: normal;
	font-style: italic;
	font-weight: bold;
	
	}

/*--home quick quote--*/

.blue-box /*is a div*/
	{
	width: 260px;
	background: #e9eef2 url(/img/common/blue-box-border-bottom.gif) bottom left no-repeat;
	/* padding-bottom: 10px; */
	}
	
.blue-box-inner /*is a div*/
	{
	margin: 20px;	
	}

.blue-box h1
	{
	float: left;
	display: inline;
	margin-bottom: 10px;
	}
	
.blue-box p
	{
	float: left;
	display: inline;
	}
	
#quick-quote-intro
	{
	float: right;
	display: inline;
	width: 75px;
	font-size: 90%;
	text-align: right;
	line-height: 120%;
	color: #a4a4a4;
	}

/*--------form------------*/

/*com*/
/*.h5-pink, .h5-blue
	{
	margin: 10px 20px;
	}*/

.h5-pink
	{
	color: #F4428B;
	}

.h5-blue
	{
	color: #3295F1
	}

.h5-navy
	{
	color: #21448e;
	}
	
.outbound .h5-pink, .return .h5-blue
	{
	float: left;
	display: inline;
	margin: 10px 20px;
	}
	
/*com*/
#booking-window-inner h3
	{
	font-size: 130%;
	margin: 10px 20px;
	}
	
#booking-window-inner h2
	{
	margin: 10px 20px;
	}






.inline-form
	{
	float: right;
	display: inline;
	margin-right: 40px;
	}

.form-detail /*is a div*/
	{
	position: relative;
	margin-top: 10px;
	}
	
.form-detail-1 /*position is set to relative so to solve cakes inline autocomplete style this is needed*/
	{
	z-index: 1;
	}
	
.form-detail-2 /*position is set to relative so to solve cakes inline autocomplete style this is needed*/
	{
	z-index: 2;
	}
	
.form-detail-3 /*position is set to relative so to solve cakes inline autocomplete style this is needed*/
	{
	z-index: 3;
	}

.form-detail input
	{
	width: 210px;
	}
.form-detail select /*sort this out so this style doesn't need to be, above click to enter luggage details the select was shunting right*/
	{
	margin-right: 10px;
	}

.form-detail .inline-label
	{
	float: right;
	display: inline;
	margin-right: 20px;
	}
	
.form-detail .inline-input
	{
	float: right;
	display: inline;
	}

.form-button
	{
	float: right;
	display: inline;
	width: 220px;
	margin: 20px 0;
	}
.open-button
	{
	float: right;
	display: inline;
	}
	
.form-button input/*, form-button a img*/ /* jules input' added to target*/
	{
	float: right;
	display: inline;
	margin: 0;
	/*added to fix button borders*/
	border: none;
	padding: 0;
	font-weight: bold;
	background-color: #3295F1;
	color: #fff;
	}
/*For the go button now that it is an image as well*/
.form-button #go 
	{
	float: right;
	display: inline;
	margin: 0;
	}

.via-button
	{
	float: left;
	display: inline;
	margin: 0;
	/*added to fix button borders*/
	border: none;
	padding: 0;
	font-weight: bold;
	/*background-color: #3295F1;*/
	color: #fff;
	}
.clear-button
	{
	float: left;
	display: inline;
	margin: 0 45px;
	}

/*.via-button:link, .via-button:hover, .via-button:visited*/
.form-button a, .form-button a:link, .form-button a:hover, .form-button a:visited
	{
	text-decoration: none;
	display: block;
	}
	

	
/*-----journey deatails------*/
#journey-details
	{
	font-size: 90%;
	margin: 0 20px 10px 20px;
	}

#journey-details ul
	{
	list-style: none;
	list-style-image: none;	
	}

#journey-details li
	{
	margin: 0;
	line-height: 100%;
	}
	
.journey-details-catagory
	{
	float: left;
	display: inline;
	margin: 0;
	width: 150px;
	text-align: right;
	}
	
.journey-details-information
	{
	float: left;
	display: inline;
	margin: 0;
	font-weight: bold;
	width: 600px;
	text-align: left;
	}
	


/*--footer--*/

#footer
	{
	margin-top: 20px;
	text-align: center;
	font-size: 70%;
	}

#footer p, #footer a, #footer a:link, #footer a:visited
	{
	color: #a0a0a0;
	}
	
#footer a:hover
	{
	color: #000;
	}

/*--book your taxi--*/
	
#booking-window
	{
	width: 860px;
	margin: 0 20px;
	background: #ecf0f4 url(/img/book-your-taxi/booking-window-border-bottom.gif) bottom left no-repeat;
	}
#booking-window p
	{	
	/*color: #f4428b;*/
	/*border: solid 1px #f4428b;*/
	/*padding: 10px;*/
	margin-right: 40px;
	margin-left: 20px;;
	/*font-size: 90%;*/
	}
#booking-window p.pink-borders /*not used*/
	{
	color: #f4428b;
	border: solid 1px #f4428b;
	padding: 10px;
	margin: 20px;;
	font-size: 90%;
	}
#booking-window p.pink-paragraph
	{
	color: #f4428b;
	margin: 10px 20px;
	}

		
/*
.plain-booking-paragraph
	{
	color: #f4428b;
	margin: 0 40px 20px 20px;
	font-size: 90%;
	}
*/
	
	
/*To override the style above if needed, added by Paul 21/1/2009*/
#booking-window p.normal {border: none; color: #747474; margin-bottom: 0;}

/*
#booking-window p.proceednote
	{
	text-align: center;
	margin: 10px;
	padding: 3px 0;
	}
*/

#booking-subnav /*is ul*/
	{
	float: left;
	display: inline;
	}

#booking-subnav li
	{
	float: left;
	display: inline;
	margin: 0;
	}

/*--quick quote booking--*/

#quick-quote-booking /*is a div*/
	{
	float: left;
	display: inline;
	width: 260px;
	}

#quick-quote-form
	{
	width: 220px;
	}

/*Auto completing added by Paul 17/11/2008 using Cake component. From 5/1/2009, the "important" tag was Jule's inspiration*/
/*because I couldn't figure out how to set the width - the Cake/Javascript code inserts it inline into the*/
/*auto complete div - but this important tag won't work in IE6!*/
div.auto_complete
	{
	width: 208px;
	position: absolute;
	background-color: #fff;
	
	margin: 0;
	padding: 0;
	
	
	}

div.auto_complete ul
	{
	width: 210px;
	color: #3295F1;
	list-style-image: url(../img/common/blue-bullet-small.png);
	background-color: #fff;
	
	
	}

div.auto_complete ul li
	{
	border-bottom:1px dotted #DBDBDB;
	/* padding: 0; */
	margin-top: 0;
	margin-bottom: 0;
	padding: 5px 0 0 0;
	font-size: 80%;
	}

div.auto_complete li.selected
	{
	background-color: #f668a2;
	color: #fff;
	}

#booking-window-inner
	{
	clear: both;
	margin: 20px;
	}

/*--quick quote results--*/

#quickquote-price-results
	{
	float: right;
	display: inline;
	margin: 20px;
	/*width: 560px;*/	width: 520px;		/*temp fix*/
	border-collapse: collapse;
	}
	

/*--quick quote result rollovers--*/

#quickquote-price-results td a
	{
	width: 83px;
	height: 70px;
	display: block;
	margin: 0 auto;
	}


/*Moved to the tr by Paul 15/12/2008 to save on typing in the views/bookings/quickquote.ctp page*/
tr.quickquote-price-blue td a {background: #ecf0f4 url(/img/book-your-taxi/1-quick-quote/price-background-blue.gif) top left no-repeat;}
tr.quickquote-price-blue td a:hover {background: #ecf0f4 url(/img/book-your-taxi/1-quick-quote/price-background-blue-over.gif) top left no-repeat;}
tr.quickquote-price-pink td a {background: #ecf0f4 url(/img/book-your-taxi/1-quick-quote/price-background-pink.gif) top left no-repeat;}
tr.quickquote-price-pink td a:hover {background: #ecf0f4 url(/img/book-your-taxi/1-quick-quote/price-background-pink-over.gif) top left no-repeat;}
tr.quickquote-price-blue-special td a {background: #ecf0f4 url(/img/book-your-taxi/1-quick-quote/price-background-blue-special.gif) top left no-repeat;}
tr.quickquote-price-blue-special td a:hover {background: #ecf0f4 url(/img/book-your-taxi/1-quick-quote/price-background-blue-special-over.gif) top left no-repeat;}
tr.quickquote-price-pink-special td a {background: #ecf0f4 url(/img/book-your-taxi/1-quick-quote/price-background-pink-special.gif) top left no-repeat;}
tr.quickquote-price-pink-special td a:hover {background: #ecf0f4 url(/img/book-your-taxi/1-quick-quote/price-background-pink-special-over.gif) top left no-repeat;}

/*--quick quote result borders--*/

#quickquote-price-results th
	{
	border-bottom: dotted 2px #cacfd4;
	padding-bottom: 5px;
	}
	
#quickquote-price-results .border-right
	{
	border-right: dotted 2px #cacfd4;
	}

#quickquote-price-results td, th
	{
	text-align: center;
	}

#quickquote-price-results td a
	{
	font-size: 80%;
	color: #fff;
	}

/*possible conflict*/
/*#quickquote-price-results h3
	{
	margin: 0 20px;
	color: red;
	}*/
	
#quickquote-price-results td a span
	{
	display: block;
	font-weight: bold;
	font-size: 120%;
	margin: 0 20px;
	padding-top: 15px;
	color: #fff;
	}
	
/*--trade accounts--*/

.trade-accounts-form .form-detail
	{
	margin: 0;
	}
	
/*--about us--*/

#tariff-intro
	{
	float: left;
	display: inline;
	width: 260px;
	margin-right: 20px;
	}

.inline-image
	{
	float: right;
	display: inline;
	margin: 10px 0;
	}

/*--visiting lewes--*/

.link-list
	{
	list-style: none;
	list-style-image: none;
	}
	
.link-list li
	{
	border-bottom: 1px dotted #dbdbdb; 
	margin: 0 0 10px 0;
	}
	
.link-list a
	{
	display: block;
	margin-bottom: 10px;
	}

.visiting-lewes-image
	{
	margin-bottom: 20px;
	}
#lewes-fact p
	{
	width: 220px;
	}
	
/*--faqs--*/


#faqs p
	{
	background: url(/img/faqs/A.gif) top left no-repeat;
	padding: 0 0 20px 40px;
	border-bottom:1px dotted #dbdbdb;
	margin: 0 0 20px 0;
	}

#faqs h3
	{
	font-size: 100%;
	background: url(/img/faqs/Q.gif) top left no-repeat;
	padding: 0 0 30px 40px; margin: 0;
	}


/*
p.question
	{
	background: url(/img/faqs/Q.gif) top left no-repeat;
	padding: 0 0 30px 40px; margin: 0;
	}
p.answer {
	background: url(/img/faqs/A.gif) top left no-repeat;
	padding: 0 0 20px 40px;
	border-bottom:1px dotted #dbdbdb;
	margin: 0 0 20px 0;
	}
*/

/*--locations & adresses addresses--*/

.pick-up, .outbound, .summary-col1, .passengers-col1, .booking-window-col1
	{
	float: left;
	display: inline;
	width: 409px;
	border-right: 1px dotted #dbdbdb; 
	/*height: 200px;*/
	}
	
.destination, .return, .passengers-col2, .summary-col2
	{
	float: left;
	display: inline;
	width: 409px;
	/*height: 200px;*/
	}
	
/*clean later*/
.passengers-col1 .form-detail
	{
	margin-right: 20px;
	}

	


.booking-inline-form
	{
	/*float: right;
	display: inline;*/
	/*width: 409px;*/
	margin-right: 20px;
	}
	
.form-section
	{
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #dbdbdb;
	}

/*-----map----*/

#google_map
	{
	float: right;
	/*display: inline;*/
	margin-top: 30px;
	width: 386px;
	height: 386px;
	background: white;
	border: solid 2px #d2d2d2;
	}

.marker-key
	{
	float: left;
	display: inline;
	margin-right: 10px;
	}

.marker-key
	{
	height: 19px;
	width: 19px;
	}

/*----------dates and times-------------*/



.outbound, .return {}

/*I added a Javascript calendar script I wrote a while ago as it seemed to me to be the easiest to configure as I already know it*/
div.calendar {
	margin-top: 10px;
	padding: 0;
	float: right;
	border-collapse: collapse;
	width: 218px;
	text-align: center;
	color: #a4a4a4;
	font-size: 100%;
	font-family: Verdana, 'Arial', Helvetica, sans-serif;
}

/*calender JS*/

div.calendar a
	{
	}
div.calendar table
	{
	border-top: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb;
	}
div.calendar tr.calendararrowsandmonth
	{
	background: white;
	}
div.calendar th
	{
	text-align: center; font-weight: bold;
	}
div.calendar th.calendarmonth
	{
	}
div.calendar th.calendararrows
	{
	}
div.calendar tr.calendardaysofweek
	{
	background: white;
	}
div.calendar th.calendardayofweek
	{
	}
div.calendar th, div.calendar td
	{
	text-align: center;
	border-left: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	width: 28px;
	}
div.calendar tr.calendardaysofmonth
	{
	background: white;
	}
div.calendar td.calendarinitial
	{
	background: #f4428b;
	font-weight: bold;
	}
div.calendar td.calendarinitial a /*intial date is blue on white*/
	{
	color: white;
	} 
div.calendar td.calendartoday
	{
	/*background: #57a7f1;
	color: #fff;*/
	background-color: #eeeeee;
	font-weight: bold;
	}
div.calendar td.calendartoday
	{
	}
div.calendar td.calendarblank
	{
	}
div.calendar td.calendarnormal /*non bookable days are grey*/
	{
	color: #a4a4a4;
	} 
div.calendar td.calendarnormal a /*bookable days are pink*/
	{
	color: #f4428b;
	} 
	
div.calendar tr.calendarclose
	{
	display: none;
	}
div.calendar th.calendarclose
	{
	}
div.calendar tr.calendartime
	{
	}
div.calendar td.calendartime
	{
	padding: 5px 0;
	}

/*com*/
form {margin-bottom: 20px;}
	
/*----personal details----------*/

.inline-select
	{
	float: right;
	display: inline;
	width: 110px;
	/*margin-left: 20px;*/
	}
	

#additional-information
	{
	/*width: 218px;*/
	}

#additional-information-label
	{
	margin: 10px 0 10px 40px;
	}

#moreitems
	{
	margin-bottom: 20px;
	}
	
/*----------summary-------------*/


.summary-list
	{
	list-style: none;
	list-style-image: none;
	/*font-size: 120%;*/
	margin: 0 0 0 20px;
	padding: 0;
	}

.summary-col1 .summary-list li p
	{
	border: none;
	color: #747474;
	}
	
.summary-list img
	{
	float: left;
	display: inline;
	
	}

.summary-list li
	{
	margin: 0 0 10px 0;

	}


.summary-list span
	{
	/*
float: left;
	margin: 12px 0;
*/
	line-height: 150%;
	}

.summary-catagory
	{
	color: #F4428B;
	font-weight: bold;
	}
.final-button
	{
	text-align: right;
	/* border: none; */ 
	/* color: #747474;  */
	/*padding: 10px;*/
	margin: 10px;
	border-top: solid 2px #DBDBDB;
	border-bottom: solid 2px #DBDBDB;
	background-color: #ededed;
	}
.final-button label
	{
	margin: 20px;
	}
.final-button .form-button
	{
	margin: 20px;
	}
#terms-check
	{
	float: left;
	width: 18px;
	margin: 0 20px;
	vertical-align: middle;
	/*width: none;*/
	background-color: transparent;
	border: none;
	/*margin: 0;*/
	padding: 0;
	}
/*Added by Paul 27/4/2009 to move terms and conds checkbox*/
#terms-check-label {width: 330px; margin:0; text-align: left;}

/*-------terms and conditions-------*/

/*
#terms-conditions p strong
	{
	display: block;
	}
*/






/*-------Cake debugging-----*/	

table.cake-sql-log
	{
	display: block; /*This should be turned off by changing config/core.php and setting debug to 0*/
	width: 800px;
	font-size: 80%;
	margin: 30px auto;
	text-align: left;
	background: #ffcccc;
	padding: 3px 8px;
	}
	
/*----------management---------*/

#management
	{
	float: left;
	display: inline;
	margin: 71px 0 163px 40px;
	}
	
/*.submit input 
	{
	border: none;
	margin: 0;
	padding: 0;
	height: 24px;
	width: 75px;
	color: #fff;
	background: #F4428B url(/img/common/save.gif) top left no-repeat;
	}*/

/****************** Styles for the management area, added by Paul 19/1/2009 ******************/
body.management table tr th {text-align: left; padding: 0 8px 8px 8px;}
body.management table tr td {padding: 0 8px;}
body.management label {padding-right: 10px; display: inline; vertical-align: top;}
body.management p {padding:0;}
body.management p.bookingsummary {background: #eeeeee; font-size: 80%; line-height: 1.2em; padding: 5px;}
body.management div.submit {display: inline;}
body.management div.error-message {color: red;}

/* Management area styles added by Martin 2009.05.27 */

#management_table
	{
	font-size: 80%;
	}

#management_table td
	{
	border-bottom: 1px solid #eeeeee;
	}

/* ----- temp IE8 notice for home page ----- */

#ie8_notice
    {
	color: #f4428b;
    font-size: 70%;
    line-height: 1.4em;
    }

#ie8_notice img
    {
    vertical-align: middle;
    }