/* taxistar.css Replacement for separate style sheets
	Begun 25/07/12	*/

*	{
	margin:		0;
	padding:	0
}

body	{
	font-family:	arial,'Trebuchet MS', Helvetica, sans-serif;
}

p	{
	line-height:	1.25em;
	margin-bottom:	1.25em; color:#666;
}

.central	{
	text-align:	center;	
}

.inset	{
	float:	left;
}

.new-row	{
	clear:	both;
}

.bookingform {border:8px solid #FFBC83; padding:10px; width:480px;}

.outset	{
	float:	right; 
}

/* tabs */

ul#form-tabs	{
	list-style:		none;
	padding:		0.75em 0;
	border-bottom:	1px solid;
}

#form-tabs li	{
	display:		inline;
	padding:		0.75em 7.5%;
	border-top:		1px solid;
	border-right:	1px solid;
	border-left:	1px solid;
	font-weight:	bold;
	cursor:			pointer
}

#form-tabs li.current	{
	border-bottom:	2px solid; /* 2 px sorts bug in Chrome� */
	cursor: 		default
}

/* sections + divisions */

div#actions	{
	padding:	0 5% 1.25em
}

div#admin-main	{
	width:		48%;
	margin:		9em auto	
}

#admin-main ul {
	margin-left: 5%;
}

div#booker h2, #booker p	{
	padding-left:	2.5%;
	padding-right:	2.5%;
}

.column	{
	margin-right:	1%;
	float:			left;
}



div.containing h1	{
	padding:	0 0.5em;
}

div.containing h2, div.containing li, div.containing p	{
	padding-left:	2.5%;
	padding-right:	2.5%;
}

div.content	{
	padding:	0 1px;
}

div.essential	{
	width:	72.5%;
}

div.extra	{
	width:		26.5%;
	overflow:	auto;
}

div.expo ol	{
	padding-left:	10%;
}

div.expo ol li	{
	padding-bottom:	0.5em;
}

div.final	{
	margin-right:	0;
}

div#form-holder	{
	margin-bottom:	1em;
	padding:		0.5em 2.5%;
	border-right:	1px solid;
	border-bottom:	1px solid;
	border-left:	1px solid
}

div#forms	{
	width:	32.5%;
	margin:	0 2.5% 0 0;
	clear:	both;
	float:	left
}

div#google_translate_element	{
	clear:			right;
	float:			right;
	padding-right:	1%;
}

div#main	{
	padding:	0 2%;
}

div.major	{
	width:	61%;
}

div.minor	{
	width:	38%;
}

div#page-content	{
	margin-left:	35%;
}

div.paired	{
	width:	80%;	/* .5 bugs Chrome */
}

div.practical	{
	width:	39%;
}

div.primary	{
	width:	60%;
}

div#quick-booker	{
	margin-bottom:	1.25em;
}

#newsletter p.contained	{
	padding-top:	0.75em;
	padding-bottom:	0;
}

div.step	{
	margin-bottom:	1.5em;
	padding-bottom:	1.5em;
}

header, header#admin-header	{
	margin:	0;
}

header p#trumpet	{
	font-size:		2em;
	margin-top:		0.25em;
	margin-bottom:	0.5em;
	padding-right:	2.5%;
	float:			right
}

header p#trumpet span	{
	font-size:		200%;
	line-height:	100%; color:#FF9933;
}

header p.tagline	{
	font-size:		1.2em;
	line-height:	1.5em;
	margin-bottom:	0;
	padding:		10px;
	clear: 			right; color:#FFF; border-radius:6px;
}

header p#stop	{
	margin-top:		-1.5em;
	float:			right;
}

header#admin-header h1	{
	padding-right:	1%;
}

#admin-header h4	{
	padding:	0.5em 1%;
}

#admin-header h4.line2	{
	padding-top:	0;
	padding-bottom:	1.5em;
}

#admin-header img	{
	padding-left:	1%;
}

#footer	{
	border-top:		1px solid;
	clear:			both; background:#FFFFCC; color:#FFF; padding:10px; border:1px solid #CC0000; border-radius:8px; 
	background-image: url(http://busstartransfers.com/media/plane-1.png),
      url(http://busstartransfers.com/media/plane-2.png);
  background-repeat: no-repeat,
      no-repeat;
  background-position: left,
      right;
	  background-size:contain;
}

#footer:image	{
	opacity: 0.5;
}

div.trio	{
	width:	30%; margin-right:15px; text-align:center;
}

#footerbottom {
	background: linear-gradient(to bottom right, #ff0000 0%, #800000 106%); color:#FFF !important; padding:10px; border:1px solid #CC0000; border-radius:8px; min-height:300px; background-image:url(media/footer-bg.png)
}

#footerbottom a { color:#FFF;}

#footerbottom a:hover { color:#FFC; text-decoration:none;}

#footerbottom li { border-bottom:#FFF solid 1px; line-height:25px;}

#footerbottom > p:first-child {
    float: left;
    text-align: left;
    width: 33.3%; }

#footerbottom > p:nth-child(2) {
    float: left;
    text-align: center;
    width: 33.4%; }

#footerbottom > p:last-child {
    float: right;
    text-align: right;
    width: 33.3%; }

footer div	{
	width:		32.2%;
	min-height:	9em; color:#FFF;
}

footer div.middle	{
	border-right:	1px solid;
	padding-left:	1%;
	border-left:	1px solid;
}

#admin-footer { border: 4px solid #CC0000; padding:10px;}

footer#admin-footer div	{
	width:		32.6%;
	min-height:	0
}

footer#admin-footer div.upper-line	{
	border-bottom:	1px solid;
}

#sitemap { background:#CC0000; padding:10px; border-radius:8px; margin-top:8px; color:#FFF;}


#sitemap a { color:#FFF;}

#sitemap a:hover { color:#FFC; text-decoration:none;}

nav.primary-nav	{
	padding:	0 2%;
}

.primary-nav ul	{
	width:		100%;
	height:		1.5em;
	list-style:	none;
}

.primary-nav li	{
	width:	13%;
	float:	left;
}

section#red-taxi	{
	min-height:	220px;
}

section#wheelchair	{
	min-height:	450px;
}

/* forms */

form#job-filters	{
	margin:		0.5em 2.5%;
	display:	none;
}

div.row	{
	margin:	1em 0;
	clear:	both
}

.row label	{
	float:		left;
	width:		50%;
	text-align:	left
}

#booker .row label	{
	padding-left:	0;
	width:			33%;
}

label.partners	{
	float:		none;
	width:		auto;
	text-align:	left;
}

.row input, .row select, .row textarea	{
	margin-left:	1%
}

fieldset	{
	padding-left:	5%;
	border:			1px solid
}

#ulogin div.formidable	{
	padding-top:	1em;
}

p#login-getter, p#res-getter	{
	margin-left:	32%;
	padding:		1.25em 0;
}

p#quote-getter, p#email-getter	{
	margin-left: 	25%;
	margin-bottom:	0;
}

/* images */

img	{
	border:		0;
	max-width:	100%	
}

footer img	{
	max-width:	99.9%	
}

img#coach-pic	{
	margin-bottom:	0.33em
}

img.icon	{
	float:			left;
	margin-right:	2.5%;
}

img.inset	{
	-moz-border-radius:		16px;
	-webkit-border-radius:	16px;
	border-radius:			16px;
	-moz-box-shadow:		8px 8px 4px #888;
	-webkit-box-shadow: 	8px 8px 4px #888;
	box-shadow: 			8px 8px 4px #888;
	float:					left;
	margin:					0.25em 7.5% 0.5em 0;
}

img#logo	{
	display:	none
}

input.outset, img.outset	{
	margin-top:	0.5em;
}

/* elements */

a:link, a:visited	{
	text-decoration:	none
}

a:hover	{
	text-decoration:	underline
}

a.telnum	{
	cursor:	default;
}

a[id]:hover, a.telnum:hover, .primary-nav a:hover, h1 a:hover	{
	text-decoration:	none
}

h1	{
	font-size:		1.5em;
	line-height:	2.25em;
	
        color:#CC0000;
}

h2	{
	font-size:		1.25em;
	 color:#CC0000;
	margin-bottom:	0.5em;
	padding-top:	0.5em;
}

h2#sub-head	{
	padding-top:	0;
}

h3	{
	font-size:		1em;
	line-height:	1em;
	margin-top:		0.5em;
	margin-bottom:	0.5em;
	background:		url('media/star.png') 0.5em 40% no-repeat;
	padding:		1px 0 1px 30px;
}

p.clearfix 	{
	clear: both;
	margin-bottom: 0;
	height: 0;
}

p.contained, p.final	{
	margin-bottom:	0;
}

p.emphatic, div.content p.emphatic	{
	clear:			both;
	padding-top:	1.25em;
	margin-bottom:	0;
	font-weight:	bold;
	text-align:		center;
}

p.error	{
	margin-bottom:	0;
	margin-left:	-5%;
	border-top:		1px solid;
	border-bottom:	1px solid;
	font-weight:	bold;
}

p.plugger	{
	clear:			right;
	padding-bottom:	1.25em;
	display:		none;
}

p#signature	{
	font-size:		75%;
	line-height:	3.75em;
	text-align:		center;
	border-top:		1px solid;
	clear:			both;
}

p.stopper	{
	padding-bottom:	1.25em;	
}

p#testimonial-image	{
	margin-bottom:	0;
}

select#res-adder	{
	margin:		0.5em 2.5%;
	display:	none;
}

table.farestable	{
	width:			100%;
	margin-bottom:	1.25em
}

table.farestable td	{
	text-align:	center;
}

table.farestable td, table.farestable th	{
	padding:		0.2em 1%;
	border-bottom:	1px dotted
}

table.farestable th.text	{
	text-align:	left;
}

/* colours 
	Scheme: base colour: #4666a0 (header and logo blue); available: #5643ad (a purple),
	#e1f7ae (a - lighter - complementary green), #ad685d (complementary brown), #D0E7EA ()
	Also: #ff360a (orange from logo) and yellow (in logo) */

.ornament, h3	{
	background-color:	inherit;
	color:				#ad685d;
}

.warning	{
	background-color:	inherit;
	color:				red;	
}

a:link	{
	background-color:	inherit;
	color: #FF9933	/* a complementary purple */
}

a:visited	{
	background-color:	inherit;
	color:				#c03866	/* a darker purple */
}

a:hover	{
	background-color:	inherit;
	color:				#ff4b87
}

a:active	{
	background-color:	inherit;
	color:				red
}

#quick-booker a:link	{
	background-color:	inherit;
	color:				yellow
}

#quick-booker a:visited	{
	background-color:	inherit;
	color:				#bb0	/* a darker yellow */
}

#quick-booker a:hover	{
	background-color:	inherit;
	color:				yellow
}

#quick-booker a:active	{
	background-color:	inherit;
	color:				white
}

a[id]	{
	color:	inherit;
}

body	{
	background: #FFF;	/* #fed or #1f0701 ? */
}

header#admin-header div#top, table.farestable th	{
	background-color:	#fff;
	color:				white
}

div.containing	{
	background-color:	#fff;
	color:		#666;
}

div.content	{
	
}

div.expo	{
	
	color:				black; border:1px #CC0000 dotted;
}

.expo section	{
	border-bottom:	0.25em solid #ad685d;
}

.formidable	{
	background-color:	#fff;	
	
	color:#666; padding:10px;
}

div#main, div#admin-main	{
	background:	#fff;
	
}

header	{
	background:			#fff url('media/logo.png') no-repeat;
	/*background-size:	100% 120px;*/
	color:				white; margin-top:15px;
}

header p.tagline	{
	background-color:	#CC0000; margin-bottom:10px;
}

header#admin-header, footer#admin-footer div	{
	background:	white;
	color:		#4666a0;
}

h1 a:link, h1 a:visited	{
	color:	white;
}

h1 a:hover	{
	color: #F90
}

p.error	{
	background-color:	#bfd294;
	border-color:		red;
}

.primary-nav	{
	background-color:	#CC0000; border-radius: 0px 0px 8px 8px;
}

.primary-nav a:link, .primary-nav a:visited	{
	color:	 #FFF;
}

.primary-nav li#here, .primary-nav a:hover	{
	color:	 #FFC;
}

span.main-word {
	background-color: yellow;
}

ul#form-tabs, fieldset	{
	border-color:	green;
}

#form-tabs li	{
	background-color:	#2693FF;	
	border-color:		#999;
	color:				black;
}

#form-tabs li.current	{
	background-color:		#fff;
border:1px solid #999;
	
}

/* display adjustments */

@media screen and (min-width: 1280px)	{
  div#main, nav.primary-nav	{
	width:		1152px;
	margin:		0 auto; padding:2px 10px 10px 10px;
  }
}

@media screen and (max-width: 800px) {
  div#booker	{
	width:	100%;
	margin:	0 0 1.25em 0;
  }
  div#forms	{
	width:	45%
  }
  header	{
	background-size:	100% 90px;
  }
  header p#trumpet	{
	font-size:		1.5em;
  }
  header p.tagline	{
	font-size:	1em; 
  }
  div#page-content	{
	margin-left:	10%  
  }
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 600px) {
  .column	{
	margin-right:	0;
	float:			none;
  }
  .desktop	{
	display:	none;  
  }
	div#admin-main	{
	width:	100%;
	margin:	0
  }
  header	{
	width:				100%;
	margin:				0;
	min-height:			60px;
	background-image:	none
  }
  header p#trumpet	{
	font-size:	1em
  }
  header p.tagline	{
	margin:		0;
	font-size:	0.9em
  }
  header p#stop	{
	margin:		0;
	text-align:	right;
	float:		none;
  }
  div#main	{
  	padding-left:	0;
  	padding-right:	0;
  }
  div#booker, div#forms, div#page-content	{
	width:	100%;
	margin:	0 0 1.25em 0;
	float:	none
  }
  div.paired, div.practical, div.primary, div.major,
  		div.essential, div.extra	{
	width:	99%;
  }
  div.minor img	{
	display:	none;
  }
  div#radios label.partners	{
	display:		block;
	padding-top:	0.5em;  
  }
  label.partners input	{
	width:	1.5em;
	height:	1.5em;
  }
  .row label, #booker .row label	{
	float:			none;
	width:			auto;
	text-align:		left;
	margin-left:	5%;
	display:		block
  }
  .row input, .row select, .row textarea	{
	margin-left:	5%
  }
  footer	{
	border-top:	0;
 }
  footer div	{
	width:	99%;
	height:	auto;
  }
  footer div.column	{
	border-top:		1px solid;
  	border-right:	0;
  	border-left:	0;
  }
  footer div.column h2, footer div.column p	{
	padding-left:	2.5%;
 }
  a.telnum	{
	font-size:	175%;
  }
  p#quote-getter, p#email-getter	{
  	margin-left:	4.25%;
  }
  img#logo	{
	display:	inline;
	padding:	0 2.5%
  }
} 

@media screen and (max-width: 320px) {
  header p#trumpet	{
	font-size:	0.8em
  }
  header p.tagline	{
	font-size:	0.75em
  }
  p#signature	{
	line-height:	1.25em;
	margin:			0.625em 0;  
  }
}