@charset "utf-8";
/* CSS Document */

/*Fonts*/
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #333333;
	text-align: center;

}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	margin-top: 10px;
    margin-bottom: 10px;

}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin-top: 5px;
    margin-bottom: 5px;
}

h4 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #D90000;
 margin-top: 5px;
    margin-bottom: 5px;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 0px;
}

.text_right{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	color: #333333;
    text-align: right;
    }
	
.textleft {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: left;
}	

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}	

.text_specials {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	 font-weight: bold;
}	

/*Padding*/

.pad_heading {
    padding: 25px 0px 25px 0px; 
}

.pad_content {
    padding: 0px 20px 25px 20px; 
}

/*Buttons*/
.btn-book { 
background-color: hsl(0, 100%, 30%) !important; 
background-repeat: repeat-x; 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d60000", endColorstr="#990000"); 
background-image: -khtml-gradient(linear, left top, left bottom, from(#d60000), to(#990000)); 
background-image: -moz-linear-gradient(top, #d60000, #990000); 
background-image: -ms-linear-gradient(top, #d60000, #990000); 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d60000), color-stop(100%, #990000)); 
background-image: -webkit-linear-gradient(top, #d60000, #990000); background-image: -o-linear-gradient(top, #d60000, #990000); 
background-image: linear-gradient(#d60000, #990000); 
border-color: #990000 #990000 hsl(0, 100%, 27%); 
color: #fff !important; 
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.19); -webkit-font-smoothing: antialiased; }



/*Footer*/
.footer {
	background-color: #C50202;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	padding: 15px 20px 15px 20px; 
}

/*Specials*/
.specials {
	background-color: #C50202;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

/*Panels internal pages*/
.panel-heading {
	background-color: #EEEEEE;
	margin-bottom: 0px;
    margin-top: 0px;
	line-height: 16px;
}


/* ========== following no longer used by RP ============= */

/*Form*/
.bs-form{
    	margin: 0px;
    }
	/* Fix alignment issue of label on extra small devices in Bootstrap 3.2 */
    .form-horizontal .control-label{
        padding-top: 7px;
    }



/* ************************* RP STUFF ****************** */

.pad_content_home { /* override left & right padding set in .pad_content above - for home page */
    Zpadding: 0px 20px 25px 20px; /* original pad_content setting */
	margin-left: -20px;
	margin-right:-20px;}

/* ============================= RP SPECIALS BITS ==================== */

.specials_text { /* text beside specials image */
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 20px;
 color: #fff;
 display: inline-block; 
 vertical-align:middle; /* this stop img dropping down */
 text-align: center;
 padding: 0 10px;
 Zbackground-color: #F6F; /* testing */
}

.specials-div {text-align:center; }/* centre align specials inmage and text */

@media all and (max-width: 1200px) {	/* when right side wraps */
.specials-div { /* pad out below specials for narrow view */
  padding-bottom: 15px; }
}

/* ============================= RP HEADING PHONE STUFF ==================== */
.phone_box {
	text-align:right;	/* pushes button out to right */ }
.phone_box1 {
	padding-bottom:16px; /* 19 replaced <br> with padding for wide view */ }
.phone_box1b {font-size:18px;}

.phone_box2 { display: inline-block; }

@media all and (max-width: 992px) {	/* when header wraps */
 .Zcontainer {zbackground-color:#96F; /* testing only */}
 .bus_header { 
	text-align: center;
	display: block;
	width: 100%
 }
.phone_box {
	text-align:left; /* push phone text back to left edge */
	Zbackground-color:#F00; /* testing only */
}
.booking_page .phone_box {
	text-align:center; /* centre align as no booking button on booking page */
	Zbackground-color:#FF0; /* testing only */
}

.phone_box1 {
	display: inline-block;
	padding-bottom:0; /* remove padding from phone text */
	margin-top: 8px; /* middle text with button ? */
	Zbackground-color:#0F0; /* testing only */
	text-align: center;
}
.phone_box2 {
	Zdisplay: inline-block; /* done above ???  */
	float:right; /* push out to far right of page */
	Zbackground-color:#00F; /* testing only */
}
}

@media all and (max-width: 420px) {	/* narrow view only */
.phone_box  { zbackground-color:#0FF; /* testing only */}
.booking_page .phone_box {
	text-align:center; /* centre align as no booking button on booking page */
}
.phone_box1 {
	text-align: center;
	display: block;
	padding-bottom: 8px;
	Zwidth: 100%
	}
.phone_box2 {
	text-align: center;
	display: block;
	Zwidth: 100%;
	float: none;
	}
}

/* ============ start bus quote form definitions ============ */

/* FORM stuff outside media */
/* note Bus form is always visible in wide view */

.bus_form_border { /* put red border around request form  */ 
	Zborder:1px;
	Zborder-style:solid;
	Zborder-color:#C50202;
	Zborder: 1px solid transparent; /* transparent means just uses background color - like inherit */

	border: 1.3px solid #C50202;

	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); /* black shadow .05 thick */
            box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}		

#btn-show-bus-form:hover {
	text-decoration:none;}

.hdquote { /* text heading on Quote form */
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight:bold;
 color: #333333;
}
.bus_quote {
	font-size:12px;	
	padding: none;
}


.bq_form-group { /* a blocked group of form bits */
	display: block;
	Zbackground-color:#CF6; /* testing only */
	padding-bottom: 2px;  /* put space under each field group to separate blocks */
}
.bq_form-group2 { /* a blocked group for label over radios */
	display: block;
	Zbackground-color:#CF6; /* testing only */
	Zpadding-bottom: 2px;  /* put space under each field group to separate blocks */
}
.bq_form-group2sub { /* a inline group inside group2 */
	display: block;
	Zbackground-color:#CF6; /* testing only */
	Zpadding-bottom: 2px;  /* put space under each field group to separate blocks */
}


.bq_form_label_div { /* label div */
	display: inline;
	zbackground-color:#6FC; /* testing only */
	Zvertical-align:top; /* top align label bg on text-area - does not top align text on Chrome */
}

.bq_form_label_divr { /* label div for radios */
	display: inline;
	Zbackground-color:#FAF; /* TESTING only */
}

.bq_form_field_div { /* form field div */
  display: inline;
  Zbackground-color:#F0F; /* TESTING only */
}
.bq_form_field_divr { /* form field div for radios */
  display: inline;
  zbackground-color:#F0F; /* TESTING only */
}
.bq_form_field { /* internal text field dimensions */ 
  height: 25px;
  padding: 5px 5px;
  Zfont-size: 12px;
  line-height: 1.5; /* affects ????? */
  border-radius: 3px;
  Zbackground-color:#F0F; /* TESTING only */
  width: 66.66666667%; /* 8/12ths */
}
.bq_form_field_sm {  /* internal small text dimensions */ 
  height: 25px;
  padding: 5px 5px;
  Zfont-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  Zbackground-color:#F0F; /* TESTING only */
  width: 10.0%;	/* 1 / 12th */
}
.bq_form_textarea { /* internal textarea dimensions */
  height: 50px;
  padding: 5px 5px;
  Zfont-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  Zbackground-color:#F0F; /* TESTING only */
  width: 66.66666667%; /* 8/12ths */
}
.bq_form_radio { /* radio button default definition in bootstrap */
  zheight: 25px;
  zpadding: 5px 5px;
  Zfont-size: 12px;
  zline-height: 1.5;
  zborder-radius: 3px;
  Zbackground-color:#07F; /* TESTING only */
  Zwidth: 15.0%;}
.bq_form_radio_div { /* div around radio text */
  display: inline; /* stop wrapping - must be defaulting to block */
}
.bq_form_radio_divr{ /*special div around radio and it's text */
	display: inline; /* only reset for < 360 wide devices */
}
.bq_form_radio_text { /* text following radio */ 
  Zpadding-right: 5px; /* add gap after text */
  Zbackground-color: #999; /* testing */
  font-weight:normal;
  Zcolor:#F00; /* testing */
}	
.bq_form_but_center {
	padding-top: 4px;
	width: 100%;
	text-align:center;
}
.bus_form_panel-body { /* does not show in narrow view */
  Zpadding: 15px; /* default padding in bootstrap */
  padding: 10px;
  background-color: #f5f5f5; /* taken from .panel-default > .panel-heading {  color: #333;  background-color: #f5f5f5;  border-color: #ddd;} */
}
.bq_form_label { /* bus form label */
  width:32.3%; /* 4/12ths  minus a bit for padding */
  Zwidth:33.33333333%;  
  vertical-align:top; /* top align text label on text-area - this works on Chrome whereas upper div does not */
  zbackground-color:#6FC; /* testing only */
}
.bq_form_label_sm { /* bus form label - small */
  zzwidth: 27%;
  zwidth: 20%; 
  width: 25%;
}

.bq_type { /* hide word 'Rental ' before Type */
 display:none;
 zbackground-color:#FC6; /* testing */
}

/* AIRPORT */
airport-panel {display:none} /* ID initially set as hidden - uses #id but can also use .class */
.airport_panel {
	Zbackground-color:#CCCCCC; /* highlight expanded airport panel */
	Zpadding: 4px 0;	/* will probably blow col dimensions? */
}
.airport_panel_visible {display:block} /* used in js file */
.airport_panel_hidden {display:none}   /* used in js file */

@media all and (max-width: 992px) {	/* when header wraps */
bus-form-content {display:none} /* initially set as hidden - uses #id but can also use .class */
.bus_form_visible{display:block}
.bus_form_hidden{display:none}

.bus_form_arrow:after { /* narrow view only */
  Zbackground-color:#F09; /* testing only */
  content: "\f0d7";
  font-size: 1.2em;
  Zcolor: #6C9; /* testing only */
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
  Zpadding-right: 8px; /* push in from right side */
}
 .bus_form_active .bus_form_arrow:after {
  content: "\f0d8";
  font-size: 1.2em;
 }
}

/* ------------------------------------------------ */

@media all and (max-width: 1200px) {	/* when right side wraps */
.bq_form_label_sm { /* change bus form small label to same as others */
/* make all labels same width */
  width:32.3%; /* 4/12ths  minus a bit for padding */
}
.bq_type { /* show word 'Rental ' before Type */
 display:inherit; 
 Zbackground-color:#6FC; /* testing only */
}
}

@media all and (max-width: 1200px) and (min-width: 992px) {
.bq_form_label_divr { /* label div for radios */
 display: block;
 Zbackground-color:#6FC; /* testing only */
}
.bq_form_label_dummy { /* hide dummy label */
 display: none;
}
}

@media all and (max-width: 425px) {	/* when 'number of persons wraps */
.bq_form_label_sm { /* shrink small form label's width even further */
 width: 16.5%; 
 Zbackground-color:#C6C; /* testing only */
}
.bq_type { /* hide again - word 'Rental ' before Type */
 display:none; 
 zbackground-color:#6FC; /* testing only */
}

.bq_form_label_sm { /* change bus form small label to block */
 display: block;
 Zbackground-color:#C6C; /* testing only */
}

}

@media all and (max-width: 359px) {	/* when radios wrap */
/* force sensible wrap of radios */

.ZZZbq_form_label_sm { /* change bus form small label to block */
 display: block;
 Zbackground-color:#C6C; /* testing only */
}

.bq_form_radio_divr{ /* wrap special div around radio and it's text */
 display: block;}

/* also force text area labels to full row width */
.bq_xtra { /* force form fields to 100% width */
 width:100%; 
 Zbackground-color:#F00; /* testing only */}
}
/* ============ end bus quote form definitions ============ */

/* ============ control footer text ============ */
.footer >div  {display:inline;}
.footer_right {float:right;}
.footer a {
	color: inherit;	/* makes it white */
}

@media all and (max-width: 479px) {	/* when footer wraps */
.footer >div  {display:block; text-align:center;}
.footer_right {float:none;}
}
/* ^^^ control footer text ^^^ */

/* brochure links on brochure page */
.brochure_list * { 
    font-size: 16px;
	font-weight: bold;
	Zcolor:#969;
  }

/* ============ bits for fleet pages ============ */

.fleet_border {
	border-bottom-width:1px;
	border-bottom-color:#CBCBCB;	/* grey EFEFEF; lite grey*/
	border-bottom-style:solid;
}
.fleet_img { /* add padding to top of each fleet div */
	padding-top:10px;}
.vehicle_2nd_img{ /* put space between top image and 2nd image on vehickle details page*/
	padding-top: 10px;}

@media all and (max-width: 992px) and (min-width: 676px) {	/* when top vehicle images wrap */
.vehicle_2nd_img{ /* put space between top image and 2nd image on vehickle details page*/
	padding-top: 0;} 
}

.spec_table td{ /* pad out left and right of TD table cells in vehicle specifications */
	padding: 2px 4px 2px 4px;
	border-width:1px;
	border-color: #CCC; }	

.spec_table {
	border: 1px solid #CCCCCC; }

.4wd_specs {
	text-align:left;}
.4wd_specs ul li{
		color:#90C;
		text-align:left;}

.fleet_bullets {
	text-align:left;
	Zbackground-color:#F06;/* testing only */
}

.wrap_urls { /* allow long words to be broken eg: URLs*/
/* try to put on lowest item so as not to make upper items split in silly places - see bus links page*/
/* works on td and p but not span or a tags */
	Zword-wrap:normal;
	word-break: break-all;
	Zword-break:loose;
}
.no_wrap_urls {
	word-break:normal;
}

/* special for anti spam fields on default page 11/05/2019 */	
label.bq_form_labelx{
    display: inline-block;
    max-width: 89%;
}

@media print { /* things not to be printed */
.no_print {display: none !important;}	
.phone_box {text-align:center !important;}
zzza {display: none !important;}
}	

/* ************************* END RP STUFF ****************** */