/* main CSS Document */

/* @group General / Reset */
html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left:0;
} 
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {	list-style: none;}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* end reset styles */
/* clearing technique */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles..................*/
hr {display: none;}
input,textarea{	font-family:Verdana, Arial, Helvetica, sans-serif;}
ul{list-style:disc;margin-left:16px;}
.welcome ul {
	margin-bottom: 1.5em;
}
.welcome ul li {
	list-style: none;
	padding-left: 15px;
	background: url(../images/bullet.gif) 0 6px no-repeat;
	font-size: 95%;
}
p,h1,h2,h3,h4,h5,h6,ul {margin-bottom:.7em}
a img,img{border:none;display:block;}
a{cursor:pointer!important;text-decoration:none; font-weight: bold;}
a:link{color:#292E8A;}
a:visited{color:#292E8A;}
a:hover{color:#292E8A; text-decoration: underline;}
a:active{color:#292E8A;}
h1,h2,h3,h4,h5,h6{font-weight:bold}
h1,h2,h3,h4,h5,h6{
	font-size:167%;
	color:#bf0a00;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}
#tables h2 {
	text-align: left;
	color: #444;
}
h1{text-transform:uppercase}
h2{font-size:120%}
h3,h4,h5,h6{font-size:100%;}

/* @group Tables defaults */
table   {margin-bottom: 1.4em; border: 1px solid 
#ccc; border-left: none;}

#tables table {
	float: left;
	margin-right: 10px;
	background: #fff;
	font-size: 85%;
}
#tables.long-distance table {
	float: none;
}

th      {border-bottom: 2px solid #ccc; font-weight: bold; background: #ccc;}
td      {
	border-top: 1px solid #ccc;  
	border-left: 1px solid #ccc;}
th, td   {padding: 4px 10px 4px 4px;}
th {
	border-left: 1px solid #ccc;
}
tfoot   {font-style: italic;}
caption {background: #ffc;}
tr.odd {
	background: #E3EDFF;
}
p#important {
	color: #D21617;
	font-weight: bold;
	font-size: 120%;
}
/* @end */
/* @end */
/* @group Layout */
body{
	color:#555;
	text-align:center;/* for ie5.+*/
	background:#fff url(../images/bodybg.jpg) repeat-x 0 0;
	padding:0 0 30px;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
}
body#tables {
	background: none;
}
body.long-distance {
	padding-top: 10px;
}
#wrap{
	background:url(../images/shadowbg2.png) repeat-y 0 0;
	width:924px;
	margin:auto;
}
#outer{
	width:900px;
	text-align:left;
	margin:0 auto;
	position:relative;
}
#main{
	width:900px;
	clear:both;
	padding:0 0 20px 0;
}
#main-col{
	float:right;
	width:650px;
}
#sidebar{
	width:250px;
	float:right;
}
/* @end */
/* @group Footer */
#footer{
	clear:both;
	min-height:0;
	background:#9b0800;
	padding:25px 32px 25px;
}
.fbase{
	width:922px;
	height:19px;
	overflow:hidden;
	margin:auto;
	clear:both;
	background: url(../images/foot-base.jpg) no-repeat center top;
	position:relative;
	top:-5px;
	z-index:999
}
#footer p{
	font-size:189%;
	color:#fff;
	margin:0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:1.0;
	font-weight:bold;
}
#footer a{color:#fff!important}
/* @end */
/* @group Header */
#header{
	background:#9b0800;
	color:#fff;
	/*text-transform:uppercase;*/
	font-size:190%;
	font-weight:bold;
	text-align:right;
	padding:8px 14px 8px 0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}
#header a{color:#fff!important}
#header a:hover, #footer a:hover {
	text-decoration: underline;
}
p.findoutwhy, p.findoutwhy em{
	width:650px;
	height:158px;
	position:relative;
	overflow:hidden;
	font-style:normal;
}
body#home p.findoutwhy, body#home p.findoutwhy em {
	height: 217px;
}
p.findoutwhy em{
	position:absolute;
	left:0;top:0;
	background:url(../images/other-mainimg.jpg) no-repeat 0 0;
}
body#home p.findoutwhy em {
	background:url(../images/main-img-1m.jpg) no-repeat 0 0;
}
p.findoutwhy a{
	display:block;
	width:259px;
	height:30px;
	margin:147px 0 0 36px;
}
/* @end */
/* @group 3 boxes home page */
/* three boxes across the screen are done using one background image for all three boxes and then a repeating slice underneath for text resize */
.three-box{
	width:649px;
	background: url(../images/3box-slice.jpg) repeat-y 0 0;
}
.threeb-inner{
	width:649px;
	background: url(../images/3box.jpg) no-repeat -1px 0;
	padding:90px 0 0;
}
.base3{	
	width:649px;
	background:url(../images/3box-base2.jpg) no-repeat -1px 0;
	height:11px;
	overflow:hidden;
}
.three-box dl{
	float:left;
	width:195px;
	margin:0 0 0 17px;
	display:inline;
}
.three-box dl.mid{margin:0 15px 0 14px;}
.three-box dt{
	color:#d9ca5a;
	text-transform:uppercase;
	padding:0 17px 0 13px;
	font-size:100%;
	font-weight:bold;
}
.three-box dl.end {margin:0 15px 0 0;}
.three-box dt a{color:#d9ca5a;}
.three-box dd{
	color:#fff;
	margin:6px 0 0 0;
	font-size:85%;
	padding:0 17px 0 13px;
}
.three-box dd a{
	display:block;
	margin:7px 0 0 0;
	color:#fff!important;
	background: url(../images/arrow1.gif) no-repeat 3px 4px;
	padding:3px 0 3px 21px;
}
.three-box dd a:hover{text-decoration:underline;}
/* @end */
/* @group Main content area */
.welcome{
	width:650px;
	background: url(../images/mainbg.jpg) no-repeat center top;
	margin:13px 0 0 0;
	padding:16px 0 0 0;
}
.welcome h1,.welcome p{
	margin:0 23px .5em 28px;
}
#main-col h2, #main-col h3 {
	margin:2em 23px 1em 28px;
}
#main-col h2 {
	margin-bottom: .5em;
	margin-top: 2em;
}
#main-col ul {
	margin-right: 43px;
	margin-left: 35px;
	margin-top: 1em;
}
#main-col li {
	margin-bottom: 1em;
	line-height: 1.5em;
}
.welcome p{
	margin:0 23px 1em 28px;
	color:#565656;
	line-height:1.6em;
	font-size:95%;
}
p.more a{text-decoration:underline;font-weight:bold;}
.fr img{
	float:right;
	margin:0 -6px 5px 10px;
	position:relative;
	display:inline;
	padding: 3px;
	border: 2px solid #ccc;
}
img#studentmap {
	margin-left: 23px;
	padding: 5px;
	border: 1px solid #CA1413;
	margin-bottom: 20px;
}
p.noticeme {
	padding: 10px;
	text-align: right;
	border: 1px solid #9BC4FE;
	font-size: 110%;
	font-weight: bold;
	background: #E7F1FE;
}
p.noticeme a {
	color: #2663B9;
}
p.noticeme a:hover {
	text-decoration: underline;
}

p.review {
	background: #EDC4C7;
	border: 1px solid #DB2431;
	color: #550E13;
	padding: 10px;
}
p.fares {
	background: url(../images/bullet1.gif) 0 1px no-repeat;
	padding-left: 25px;
}
body.long-distance p {
	text-align: left;
}
/* @end */
/* @group Left side */
p.logo{
	margin:26px 0 20px 36px;
	width:17px;
	height:111px;
}
p.logo a{
	display:block;
	width:17px;
	height:111px;
}
#nav{
	list-style:none;
	width:242px;
	margin:35px 0 40px 7px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:100%;
}
#nav li{
	width:242px;
	text-transform:uppercase;
	font-weight:bold;
}
#nav li a,#nav span{
	display:block;
	position:relative;
	margin:0 0 1px 0;
	background:#e3e3e3;
	padding:5px 0 5px 20px;
	color:#8b8b8b!important;
	min-height:0;
	font-weight:bold;
}
#nav li em {
	font-size: 85%;
}
#nav li a:hover{
	background:#e3e3e3 url(../images/nav-arrow.gif) no-repeat 1px 1px;
	color:#9b0800!important;
}
#nav span,
body#home #nav li.home a,
body#fares #nav li.fares a,
body#students #nav li.students a,
body#howtobook #nav li.howtobook a,
body#benefits #nav li.benefits a,
body#why #nav li.why a,
body#services #nav li.services a,
body#accounts #nav li.accounts a,
body#drivers #nav li.drivers a,
body#vacancies #nav li.vacancies a,
body#vacancies-tel #nav li.vacancies-tel a,
body#links #nav li.links a,
body#contact #nav li.contact a {background:#e3e3e3 url(../images/nav-arrow.gif) no-repeat 1px 50%;}
ul#sidelist {
	margin: 10px;
	color: #444;
	font-weight: bold;
}
ul#sidelist li {
	list-style: none;
	border-bottom: 1px solid #ccc;
	padding: 5px 5px 5px 35px;
	background: url(../images/bullet1.gif) 5% 50% no-repeat;
	margin: 0 10px 0 0;
}
#sidebar h2 {
	margin-left: 21px;
	margin-top: 2em;
	font-size: 108%;
}
#sidebar p {
	margin-left: 23px;
	margin-right: 23px;
	font-size: 95%;
	line-height: 1.5em;
}
#sidebar form {
	margin-top: 0;
}
div.sidebox {
	border: 1px solid #ccc;
	background: #f3f3f3;
	padding: 10px;
	margin: 0 20px;
}
/* @end */

/* @group Form titbits */
div#bookingform, div#registermobile, div#application {
	background: #F6F6F6;
	margin: 0 30px 20px 30px;
	padding-top: 10px;
	border: 1px solid #D8D8D8;
}
.welcome p#reg-link {
	font-size: 120%;
}
a:link.toggle, a:hover.toggle, .welcome p.toggle {
	font-weight: bold;
	color: #292E8A;
}
label {
	font-size: 95%;
	line-height: 1.5em;
}
body#contact form ol {
	margin-right: 100px;
	margin-top: -.5em;
}
body#contact form ol textarea {
	margin-top: 1em;
	width: 95%;
}
/* @end */
/* @group Contact page */
div#map {
	margin: 0 0 2em 28px;
	border: 1px solid #000;
	width: 502px;
	background:#E5E3DF none repeat scroll 0%;
	height:350px;
	width:500px;
}
div#popup {
	font-weight: bold;
	font-size: 90%;
	padding: 41px 10px 0 10px;
	background: #fff url(../images/map-logo.gif) 6px 0 no-repeat;
}
/* @end */
span.discuss {
	background: red;
	color: #fff;
	font-weight: bold;
}