/* CSS Document */


/* "Please note" */
.lhs_special{
	color:#FD040A;
	font-weight:bold;
	font-size: 10px;
}

/* You do not have to register to make a booking */
.lhs_special_b{
	color:#000000;
	font-weight:bold;
	font-size: 10px;
}

.border{
border-top:2px dashed #81b42b;}

td.formHead {
	padding-bottom: 2px;
	font-family: tahoma;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	height: 18px;
	background-image: url(../images/ez_shuttle_bg_02.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #80b529;
}

.contentText {
	font-family: tahoma;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
}

.contentTextDis {
	font-family: tahoma;
	font-size: 11px;
	color: #cccccc; /* therese */ /* #cccccc */
}

.login{
	text-align:right;
	font-weight: normal;
	font-size: 13px;
	color: #ffffff;
	padding-top:0px;
	padding-bottom:2px;
}

.red_small_text{
	color:#FD040A;
	font-size:10px;}

strong {
	color: #000000;
}

.back_button {
	background: url(../images/btn_back.gif);
	background-repeat:no-repeat;
	display:block;
	float: left;
	color:#001c4d;
	text-indent:25px;
  	text-align: center;
  	font-size: 12px;
  	font-weight: bold;
  	width: auto;
	height:24px;
  	margin: 0px;
	border:0px solid #ffffff;
	padding-top:2px;
}

li {
	line-height: 15px;
	padding-left: 10px;
	padding-top: 0px;
	background-image: url(../images/arrow.png) ;
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

body {
	background-color: #ffffff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	/*color: #0000ff;*/ /* therese */
}

.button {
	background: url(../images/btn_white.png);
	background-repeat:no-repeat;
	display:block;
	float: left;
	color:#da251c;
	padding-left:35px;
  	text-align: center;
  	font-size: 9px;
  	font-weight: bold;
  	width: auto;
	height:33px;
  	margin: 0px;
	padding-right:20px;
	border:0px solid #ffffff;
}

.button2 {
	background: url(../images/button2.gif);
	background-repeat:no-repeat;
	display:block;
	float: left;
	color:#990910;
  	text-align: center;
  	font-size: 9px;
  	font-weight: bold;
  	width: auto;
	height:20px;
  	margin: 0px;
	padding-left:6px;
	border:0px solid #ffffff;
}

.inputbox {
	padding: 2px;
	border:solid 1px #001C4D;
	background-color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#393939;
	height:18px;
}

.inputbox2 {
	padding: 2px;
	border:solid 1px #001C4D;
	background-color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#393939;
}

.componentheading {
	background: url(../images/contenthead.png);
	background-repeat:no-repeat;
	background-position:right;
	text-align:left;
	background-color:#BCBBBB;
	border-bottom:1px solid #555555;
	border-top:1px solid #555555;
	font-weight: normal;
	text-indent:5px;
	font-size: 13px;
	color: #555555;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom: 5px;
	height:15px;
}

.contentcolumn {
	padding-right: 5px;
}

.contentheading {
	text-align:left;
	font-weight: normal;
	text-indent:5px;
	font-size: 18px;
	color: #000000;
	font-weight: normal;
	xtext-transform:lowercase;
	padding-top:20px;
}

td.hr {
	border-bottom: 1px dotted #80b529;
}

th {
	padding: 0px;
	border-bottom: #80b529 1px solid;
	font-family: tahoma;
	font-size: 11px;
	color: #4f4e53;
	background-color: #cef193;
	text-decoration: none;
	text-align: center;
	height: 20px;
}

form {
/* removes space below form elements */
	margin: 0;
 	padding: 0;
}

.smallTextBlack {
	font-family: tahoma;
	font-size: 9px;
	color: #000000;
}

/* -------------- LINKS -------------- */

a:link, a:visited {
	text-decoration: none;
	color: #7cb51f;
	font-size: 12px;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}

a.contentText:link {
	font-family: tahoma;
	font-size: 11px;
	color: #4f4e53;
	text-decoration: none;
	font-weight: normal;
}

a.contentText:visited {
	font-family: tahoma;
	font-size: 11px;
	color: #4f4e53;
	text-decoration: none;
	font-weight: normal;
}

a.contentText:hover {
	font-family: tahoma;
	font-size: 11px;
	color: #4f4e53;
	text-decoration: underline;
	font-weight: normal;
}

a.mainlevel:link, a.mainlevel:visited {
	background: url(../images/mainlevel.png);
	background-repeat:no-repeat;
	display:block;
	width:140px;
	float: left;
	color:#000000;
  	text-align: center;
  	font-size: 11px;
  	font-weight: bold;
	height:25px;
  	margin: 0px;
	padding-top:7px;
	border:0;
}

a.mainlevel_active {
	background: url(../images/mainlevel.png);
	background-repeat:no-repeat;
	display:block;
	width:140px;
	float: left;
	color:#000000;
  	text-align: center;
  	font-size: 11px;
  	font-weight: bold;
	height:33px;
  	margin: 0px;
	padding-top:8px;
	border:0;
}

a.mainlevel:hover {
	background: url(../images/mainlevel.png);
	background-repeat:no-repeat;
	background-position:0px -42px;
	text-decoration: none;
	color: #ffffff;
}

a.th {
	font-family: tahoma;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
}

a.th:visited {
	font-family: tahoma;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
}

a.th:hover {
	font-family: tahoma;
	font-size: 11px;
	color: #80b529;
	text-decoration: underline;
}


/***************************************************************/
/* ====================== THERESE STYLE ====================== */
/***************************************************************/


/* --------------------- TABLES --------------------- */

.left_align_table td {
	text-align: left;
}

table#gradient_table
{
	background: #ffffff url('../images/background/grey_gradient_bg.jpg') top left repeat-x;
}

table#main_table td#left_background {
	background: #ffffff url('../images/background/top_01_bg.jpg') top center repeat-y;
}

table#main_table td#right_background
{
	background: #ffffff url('../images/background/top_06_bg.jpg') top center repeat-y;
}

table#main_table td table td#header_cell
{
	background: #ffffff url('../images/top_03.gif') 0 0 no-repeat;
}

table.rates, .zone {
   font-family:verdana;font-size: 9px;
   width: 100%;
   border: 1px #999999 solid;
   }

.zone {
   border: 0;
   }

table.rates th {
	padding: 5px;
	border: 0;
	font-family: tahoma;
	font-size: 11px;
	color: #4f4e53;
	background-color: #c3ec7e;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
}

table.rates td {
   padding: 5px;
   background-color: #def9b0;
   vertical-align: top;
   }

/*table.rates td div.about_right {
   width: 50%;
   }*/

/*table.rates td div.about_right p {
   padding-left: 5px;
   }*/

table.rates td p {
   line-height: 16px;
   }

/* --------------------- LAYOUT MISCELLANEOUS --------------------- */

.about_right {
	float: right;
   }

/*.float_left {
   float: left;
   }*/



img.float_right {
	padding-left: 10px;
	padding-bottom: 10px;
}

#imgblock {
	float: left;
}

#tableblock {
	margin:0 auto;padding:0;
	width: 500px;
}

.center_text {
	text-align: center;
}

.right_text {
	text-align: right;
}

.block {
	text-align: center;
	margin: 0 auto;
	background: #e2f5c1;
	width: 85%;
}

.block2 {
	text-align: left;
	background: #e2f5c1;
}

.block2 ul {
	padding: 20px 20px 20px 30px;
}


/* --------------------- MISCELLANEOUS --------------------- */

.clearfloat
{
	clear: both;
}

.dashed {
	background-color: transparent;
	border-bottom: 1px dashed #7cb51f;
	height: 0px;
	margin:0 auto;padding:10px 0 10px 0;
}

img.linkpic
{
	boder: 0;
	border-style: none;
}

p.book_now_button {
	margin:0;padding:0;
}

.highlight {
	color: #578a03;
}

.highlight2 {
	font-weight: bold;
}

.highlight3 {
	font-style: oblique;
}

#info {
	position: relative;
	bottom: 8px;
	/*text-align: right;*/
	float: right;
}

#back_to_top {
	float: left;
	font-size: 10px;
	position: relative;
	/*bottom: -6px;*/
}

#notice {
	background-color: #fffe96;
	border: 1px dashed #e4c203;
	color: #de5e00;
	text-align: center;
	font-size: 12px;
	/* font-weight: bold; */
	padding: 10px;
	/*height: 45px;*/
}


/* --------------------- HEADINGS --------------------- */

h1 {
	color: #7cb51f;
	font-size: 20px;
	font-weight: normal;
	font-family: arial, verdana;
	margin:0;padding:0;
	padding-top: 8px;
}

h2 {
	color: #7cb51f;
	font-size: 16px;
	font-weight: bold;
	font-family: arial, verdana;
	margin:0;padding:0;
}

h3 {
	color: #7cb51f;
	font-size: 16px;
	font-weight: normal;
	font-family: arial, verdana;
	margin:0;padding:0;
}


/* --------------------- LISTS --------------------- */

ol {
	padding-left: 15px;
}

ol li {
	padding: 5px 0 5px 0;
}

ul {
	padding-left: 15px;
}

ul.no_bullets {
	list-style: none;
	margin:0;padding:0;
}

ul.no_bullets li {
	margin:0;padding: 10px 0 10px 0;
}


/* --------------------- TOP NAVIGATION --------------------- */

#nav {
	width: 692px;
	height: 32px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: #cccccc url('../images/nav/nav_bg.jpg') top left repeat-x;
	overflow: hidden; /* prevents images that extend beyond the div from showing in IE6 */
}

#nav ul {
	display: inline;
	border: none;
	margin: 0;
	padding: 0;
	height: 32px;
}

#nav ul li {
	float: left;
	margin: 0;
	padding: 0;
   list-style: none;
}

#nav ul li a {
	float: left;
	margin: 0 0 0 0 !important;
	/*margin: 0 2px 0 2px;*/
	padding: 32px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height: 32px;
}

#nav ul li a:hover {
	background-position: 0 -32px;
}

#nav ul li a.selected {
	background-position: 0 -64px;
}

#about_nav a {
	width: 86px;
	background: url(../images/nav/about.jpg) top left no-repeat;
}

/* #advertise_nav a {
	width:143px;
	background: url(../images/nav/advertise.jpg) top left no-repeat;
} */

#franchise_nav a {
	width:143px;
	background: url(../images/nav/franchise.jpg) top left no-repeat;
}

#carhire_nav a {
	width:135px;
	background: url(../images/nav/carhire.jpg) top left no-repeat;
}
#contact_nav a {
	width: 91px;
	background: url(../images/nav/contact.jpg) top left no-repeat;
}

#feedback_nav a {
	width: 86px;
	background: url(../images/nav/feedback.jpg) top left no-repeat;
}

#rates_nav a {
	width: 64px;
	background: url(../images/nav/rates.jpg) top left no-repeat;
}

#reservations_nav a {
	width: 190px;
	background: url(../images/nav/reservations.jpg) top left no-repeat;
}

#services_nav a {
	width: 80px;
	background: url(../images/nav/services.jpg) top left no-repeat;
}


/* --------------------- LOGGED-IN NAVIGATION --------------------- */

#user_links {
	width: 320px;
	height: 25px;
	background: #d2d2d2 url('../images/header/user_nav_bar.jpg') top left no-repeat;
}

#admin_links {
	width: 450px;
	height: 25px;
	background: #d2d2d2 url('../images/header/user_nav_bar.jpg') top left no-repeat;
}

#user_nav {
	margin: 0 auto;
	width: 225px;
	color: #ffffff;
}

#admin_nav {
	margin: 0 auto;
	width: 450px;
	color: #ffffff;
}

#user_nav ul, #admin_nav ul {
	font-weight: bold;
	list-style: none;
	display: inline;
	border: none;

	float: right;
	margin: 0;
	padding: 0 40px 0 0;

	position: relative;
	top: 2px;
}

#user_nav ul {
	padding: 0 25px 0 0;
}

#user_nav ul li,  #admin_nav ul li {
	float: left;
	margin: 0;
	padding: 2px;
   list-style: none;
}

a.userlink:link, a.userlink:visited {
	color:#ffffff;
	font-weight: bold;
	font-size: 11px;
}

a.userlink:hover {
	color:#c2c9d2;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

a.login:link, a.login:visited {
	color:#b5f34e;
	font-weight: bold;
	font-size: 11px;
}

a.login:hover {
	text-decoration: none;
	color: #c2c9d2;
	font-weight: bold;
	font-size: 11px;
}


/* --------------------- LOG IN SECTION (new_reservation.php) --------------------- */

/* div with login buttons that shows if user is not logged in */
#no_session {
	width: 660px;
	margin: 0 auto;
	padding: 0;
}

#no_session_left {
	float: left;
	width: 320px;
	text-align: center;
}

#no_session_right {
	float: right;
	width: 320px;
	text-align: center;
}

.signup_button {
	font-size: 10px;
	height: 26px;
	margin:0;padding:0;
	background: #d8d8d8 url('../images/buttons/login_div_left.jpg') top left no-repeat;
}

.login_button {
	font-size: 10px;
	height: 26px;
	margin:0;padding:0;
	background: #d8d8d8 url('../images/buttons/login_div_left.jpg') top left no-repeat;
}

.login_button p, .signup_button p {
	float: left;
	margin:0;padding:6px 0 4px 10px;
	color: #999999;
	font-weight: bold;
}

.login_button img, .signup_button img {
	float: right;
}

/* --------------------- SIGN-UP POPUP (new_reservation.php) --------------------- */
a#popup, p#login_note, #ie6_no_popup p {
	display: block;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
	margin:0;padding:7px 0 0 0;
	text-decoration:none;
}

p#login_note {
	font-size: 12px;
	font-weight: normal;
	color: #999999;
}

a#popup span {
	display:none;
}

a#popup:hover {
	text-decoration: none;
	color: #aaaaaa;
	font-size: 10px;
	font-weight: bold;
}

a#popup:hover span {
	display: block;
	position: absolute;
	top: 360px;
	left: 400px;
   width: 200px;
	margin: 0; padding: 0;
	z-index: 100;
   color: #666666;
   background: #d8d8d8;
   border: 1px dashed #666666;
   font: 10px;
	text-align: left;
	text-decoration:none;
}

a#popup:hover span p {
	padding: 5px 10px 5px 10px;
}

#ie6_no_popup ul, a#popup:hover span ul {
	font-size: 10px;
	font-weight: bold;
	color: #999999;
	text-align: left;
	padding: 1px 10px 0 0;
	margin-left: 25px;
}

a#popup:hover span ul {
	color: #666666;
}

/*a#popup:hover span ul {
	padding-left: 15px !important;
	padding-left: 0px;
}*/



/* --------------------- TERMS LINK --------------------- */

a#terms_link, a#terms_selected {
	position: relative;
	left: 20px;
	top: 5px;
}
a#terms_link:link, a#terms_link:visited {
	font-family: tahoma;
	font-size: 11px;
	color: #4f4e53;
	font-weight: normal;

	text-decoration: none;
}
a#terms_link:hover {
	font-family: tahoma;
	font-size: 11px;
	color: #4f4e53;
	font-weight: normal;

	text-decoration: underline;
}

/* PHP VARIABLE PROBLEM */
/* class doesn't work when substituted with variable */
/* therefore no class change when terms & conditions page is selected */

/*a#terms_selected:link, a#terms_selected:visited {
	font-family: tahoma;
	font-size: 11px;
	color: #548700;
	font-weight: normal;

	text-decoration: none;
}
a#terms_selected:hover {
	font-family: tahoma;
	font-size: 11px;
	color: #548700;
	font-weight: normal;

	text-decoration: underline;
}*/

/* --------------------- THERESE LINK --------------------- */

a#therese_link:link, a#therese_link:visited, a#therese_link:hover, #therese_div {
	font-family: verdana, arial;
	font-weight: normal;
	text-decoration: none;
	font-size: 9px;
}

a#therese_link:link, a#therese_link:visited {
	color: #999999;
}
a#therese_link:hover {
	color: #666666;
}

#therese_div {
	float: right;
	width: 250px;
	height: 20px;
	text-align: right;
	position: relative;
	bottom: 64px;
	right: 122px;
	color: #999999;
}

/***************************************************************/
/* ===================== END THERESE STYLE =================== */
/***************************************************************/


/* from header in include.php */

td.menuButton {
	border-left: #80b529 1px solid;
	border-right: #80b529 1px solid;
	border-bottom: #80b529 1px solid;
	padding: 0px;
	vertical-align: top;
	text-align: center;
	background-color: #ffffff;
	line-height: 12px;
}

td.menuHead {
	padding: 0px;
	font-family: tahoma;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}

td.menuSubHead {
	border-left: #80b529 1px solid;
	border-right: #80b529 1px solid;
	padding: 0px;
	font-family: tahoma;
	xfont-weight: bold;
	font-size: 10px;
	color: #80b529;
	text-decoration: none;
}

a.sample:hover {
 text-decoration: none;
 color: black;
}