/*<group=General>*/  

body { background-color: #fff; color: #666; font-family: verdana, sans-serif; font-size: 100.1%; margin: 0px; padding: 0px; }

h1 { margin: 20px 0px 15px; padding: 0px; color: #666; font-size: 156%; font-family: helvetica, sans-serif; font-weight: normal; line-height: 1.2em; }
h2 { margin: 15px 0px 5px; padding: 0px; color: #666; font-size: 120%; font-family: helvetica, sans-serif; font-weight: bold; text-transform: uppercase; clear: none; }
* html h1, * html h2 { font-family: arial, sans-serif; }
* html h2 { font-size: 125%; }
h3 { margin: 20px 0px 15px; padding: 0px 0px 10px; color: #333; font-size: 102%; line-height: 1.3em; background: url(/old/img/misc/dots.gif) bottom left repeat-x; }

div.rule { background: url(/old/img/misc/dots.gif) left center repeat-x; margin-top: 1em; }

p { margin: 0px 0px 0.6em; padding: 0; line-height: 1.4em; }

p.serviceQuote { font-size: 150%; font-family: helvetica, sans-serif; line-height: 1.2em; text-align: center; width: 220px; float: right; clear: right; color: #666666; }

p.serviceQuoteL { font-size: 150%; font-family: helvetica, sans-serif; line-height: 1.2em; text-align: center; width: 220px; float: left; clear: left; color: #666666; }
* html p.serviceQuote, * html p.serviceQuoteL { font-family: arial, sans-serif; } 

p.red { color: #D95834; }
p.green { color: #BED63D; }
p.blue { color: #71C8C1; } /* 00a5a9 */
p.orange { color: #F8981C; }

a, a:link { text-decoration: none; color: #231f20; }
a:hover { text-decoration: underline; }
a img { border: none; }

#news-home strong {
	font-weight:normal !important;
}

.lf { float: left; margin: 0px 20px 15px 0px; clear: left; }
.rf { float: right; margin: 0px 0px 15px 20px; clear: right; }

/* Image appearing in news headlines */
.rfNews { float: right; margin: 0px 0px 0px 20px; clear: right; }
.rfNews img { border: 1px solid #c6d5e2 }

/* Content wrapper with styles to fix float clearing problems */
div.content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
div.content { display: inline-table; }
/* Hides from IE-mac \*/
* html div.content { height: 1%; }
div.content { display: block; }
/* End hide from IE-mac */

div.image { float: right; clear: right; margin: 0px 0px 15px 20px; }
div.image p { width: 201px; padding: 6px 10px 8px; background: #231f20; color: #fff; /* font-size: 92%; */ font-size: 11px;  font-style: italic; border-top: 1px solid #fff;  }

br.hidden { display: none; }

a.skiplink { position: absolute; left: -1px; }
a.skiplink img { visibility: hidden; }

table, ul, ol, dl { font-size: 100%; }

dt { font-weight: bold; font-style: italic; }
dd { padding: 0;
	margin: 0.5em 0em 1em 2em;
}

form { margin: 0; }
optgroup { font-weight: normal; }

ul.quicklinks { margin: 0; padding: 0; margin-bottom: 1em; list-style-image: url(/old/img/misc/arrow.gif); list-style-position: inside; }
ul.quicklinks li { margin: 0; padding: 0; vertical-align: middle; }
ul.quicklinks li a { position: relative; top: -6px; font-weight: bold; }
* html ul.quicklinks li a { top: 1px; padding: 3px 0px; line-height: 1.7em }

ul.quicklinks .spacer { padding-left: 2em; line-height: 1.5em; padding-bottom: 0.5em; }
ul.quicklinks .spacer:lang(en) { padding-left: 2.6em; padding-bottom: 0em; }

#homeLayout ul.quicklinks { margin-bottom: 0; }

/* Hide from IE/Mac \*/
* html ul.quicklinks li { padding: 3px 0px; line-height: 1.3em; }
* html ul.quicklinks li a { line-height: 1.3em; padding-left: 6px; }
* html ul.quicklinks .spacer { padding-left: 2.2em; }
ul.quicklinks a:hover * { text-decoration: underline; } /* Fix underlining in Moz */
/* End hide */

.bold { font-weight: bold; }
.link { color: #231f20; }
.large { font-size: 120%; }
.smaller { font-size: 85%; line-height: 1.35em }
.centre { text-align: center; }
.centre img { display: inline; margin-right: 1em; }

/*</group>*/

/*<group=Layout>*/  

/* Layout styles */

#pageWrapper { width: 800px; margin-left: 0px; margin-right: auto; position: relative; font-size: 70%; background: #fff; color: #666; }
* html body { text-align: left; }	/* center in IE */
* html #pageWrapper { text-align: left; } 

#header { color: #ccc; height: 180px; position: relative; z-index: 10; }
/* Plain background colour - I think this is what it is supposed to be... */
/* #header { background:  #231f20; }*/ 
/* Faded background colour - ...looks better! */ 
#header { background:#231f20 url(/old/img/misc/header_bg.gif) top left repeat-x; } 
#header a, #header span.divider { color: #ccc; }

#header #logo { margin-left: -4px; color:#fff; } /* Positioning for IE/Mac */
/* Hide from IE/Mac \*/
#header #logo { margin-left: 0px; display: block; }
/* End hide */

/* second .right declaration applies only to IE6 & 7 */
#header #phone { text-align: right; float: right; margin: 0; border:0px; padding: 6px 0px 0px; position: relative; right:23px; .right:41px;  width: 530px; height: 24px; }
#header #gallery { height: 120px; background: #231f20; color: #fff; float: left; margin: 0; }
#header #quote { float: right; margin: 0px; }

#pagebody { padding: 0px 0px 40px; }

#homeLayout { width: 720px; border-collapse: collapse; table-layout: auto; margin: 0px 20px; }
#homeLayout td { padding: 0; width: 220px; padding-right: 40px; vertical-align: top; }
#homeLayout td#homePageH1 { width: 460px; }
#homeLayout td#homePageH1 h1{ width: 460px; }

#mainLayout { width: 760px; border-collapse: collapse; table-layout: auto; margin-top: 15px; }
#mainLayout td { vertical-align: top; }
* html #mainLayout { font-size: 90%;  }

td.mainL { width: 220px; padding: 0; padding-right: 20px; padding-top: 11px; }
* html td.mainL { padding-top: 13px; }
/* Hide from IE/Mac \*/
* html td.mainL { font-size: 111%; }
/* End hide */

td.mainR {  padding: 0; font-size: 111%; padding-right: 40px; }
/* Hide from IE/Mac \*/
* html td.mainR { font-size: 130%; }
/* End hide */
td.mainR h1 { font-weight: bold; color: #666; }
td.mainR h2 { text-transform: none; margin-bottom: 5px; }
td.mainR h3 { background: none; padding: 0; font-size: 100%; }
td.mainR h4 { font-size: 90%; }

td.mainR ul { list-style-type: square; padding-left: 1.5em; }
* html td.mainR ul { padding: 0; margin-left: 1.5em; }
td.mainR li { padding: 0.3em 0em; }


#footer { border-top: 5px solid #666; background: #231f20; color: #ccc; padding: 12px 20px 20px; line-height: 1.65em; }
#footer a, #footer span.divider { color: #ccc; }
#footer #copyright { float: right; margin-right: 0px; font-size: 83%; }

/*</group>*/

/*<group=Home Page Elements>*/  
/*** Home page elements ***/

div.services-section{
padding-top:20px;
}

/* Dark blue box out (customer service panel) */
#csPanel { position: relative; width: 222px; height: 184px; background:#231f20 url(/old/img/misc/box_shadow.gif) top left no-repeat; color: #fff; }

body.home #csPanel { position: relative; width: 225px; height: 352px; background:#231f20 url(/old/img/misc/box_shadow_long.gif) top left no-repeat; color: #fff; }

body.book div.home_panel {width: 222px !important; height: 263px !important;  background:#231f20 url(/old/img/misc/box_shadow_short.gif) top left no-repeat !important; float: right; margin: 0px 0px 15px 20px; clear: right; }

body.home div.home_panel {width: 222px !important; height: 263px !important;  background:#231f20 url(/old/img/misc/box_shadow_short.gif) top left no-repeat !important; }

#csPanel div.inside { padding: 10px; }
#csPanel h2 { color: #ccc; margin-top: 0; padding: 2px; text-transform: uppercase; font-size: 15px; }
#csPanel p { padding: 0px 12px 0px 3px; font-size: 12px; } 


/* Test Booking Panel on Homepage by SW */
div.cspanel { width: 222px; }
div.cspanel div.cshead { background: url(/old/img/panel/cspanel_top.gif) top left no-repeat; padding-top: 10px; }
div.cspanel div.csmid { background: #f4f4f4; border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; padding: 0px 15px 6px; }
div.cspanel div.csbase { background: url(/old/img/panel/cspanel_base.gif) bottom left no-repeat; padding-top: 10px; }
div.cspanel p { margin-bottom: 10px; font-weight: bold; color: #231f20;}
div.cspanel h2 { margin-top: 0; padding: 2px; text-transform: uppercase; color: #005baa; font-size: 15px; }
div.cspanel div.rule { background: none; height: 1px; font-size: 1px; border-bottom: 1px solid #bfbfbf; margin: 8px 0px;  }

div.cspanel table.basic { margin: 0em; }

#csLinks { margin: 6px 4px 4px; color: #fff; line-height: 1.5em; }
* html #csLinks { line-height: 1.6em; }
#csLinks a { color: #fff; }

/* OnLine popup */

#onlineLayout { width: 100%; background: #231f20 url(/old/img/misc/header_bg.gif) top left repeat-x; font-size: 70%; color: #ccc; }
#onlineLayout a { color: #ccc; }
#onlineLayout a.header {font-weight: bold; text-transform: uppercase; }

#onlineLinks a { color: #ccc; }
#onlineLinks a.header { font-weight: bold; text-transform: uppercase; }

#onlineLayout #selectBox { float: right; }
#onlineLayout #selectBox select { font-size: 100%; }
#onlineLayout .button { font-size: 100%; }

/* Corporate video link */

#videoButton { margin-top: 14px;  }
#videoButton img { float: left; margin: 0; margin-right: 5px; }
#videoButton h2 { color: #00559F; margin-top: 2px; font-size: 110%; line-height:1.2em; }
#videoButton h2 a.video {  line-height:1.3em; padding-right:20px; padding-top:2px;   
background: url(/old/img/misc/video.gif) right center no-repeat; }
#videoButton h2 a.flash {  line-height:1.3em; padding-right:20px; padding-top:2px;   
background: url(/old/img/misc/flash.gif) right center no-repeat; }

#videoButton h2 { padding-left: 7px; background: url(/old/img/misc/small_arrow.gif) left center no-repeat; }
* html #videoButton  h2 { position: relative; height: 1%; }

/* Promoted news item */
div.feature { padding-top: 5px; padding-bottom: 15px; background: url(/old/img/misc/dots.gif) bottom left repeat-x; }
div.feature a.header { font-weight: bold; display: block; }
div.feature img { float: left; margin: 0; margin-right: 6px; }

div.feature:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div.feature { display: inline-table; }

/* Hides from IE-mac \*/
* html div.feature { height: 1%; }
div.feature { display: block; }
/* End hide from IE-mac */

#featureLinks { margin: 8px 0px 4px; color: #231f20; }
#featureLinks a { color: #231f20; }

/* Homepage */
.chat {
	float:none;
	clear:right;
	}
.chat h3{
  	background:none;
 	
	}
.acc_flash img{
	float:left;
  }
.textmsg{
	width:100px;
	float:right;
 	background:none;
 	
	}
.textmsg_phone{
	margin-top:5px;	
	}


#smsholder {  margin-top:10px; margin-bottom:15px; position:relative; }

/* Map */
#mapholder {  margin-top:10px; position:relative; left:-40px; }
#mapholder img { position: absolute; top: 0; left: 0; }
#mapholder img.overlay { display: block; }

#mapholder #selectBox { float: right; position: relative; width: 120px; z-index: 10; top: 40px }
#mapholder #selectBox p { color: #858585; font-size: 83%; font-style: italic; line-height: 1.4em; margin-top: 0.7em; width: 100px; margin-left: 3px; }
#mapholder #selectBox select { width: 120px; font-size: 100%; }

/* Make sure font-sizes on national network page same as on home page */
td.mainR #mapholder #selectBox p { font-size: 75%; } 
* html td.mainR #mapholder #selectBox p { font-size: 70%; }
td.mainR #mapholder #selectBox select { font-size: 90%; }
* html td.mainR #mapholder #selectBox select { font-size: 86%; }

/* Tooltips for map */
div.tooltip { position: absolute; width: 131px; z-index: 100; visibility: hidden; font-family: verdana, sans-serif; }
div.tooltip:hover { visibility: visible; }
div.tooltip div.top { background: url(/old/img/misc/tooltip_top.gif) top left no-repeat; height: 2px; font-size: 1px; }
div.tooltip div.mid { background: url(/old/img/misc/tooltip_mid.gif) top left repeat-y; padding: 6px 9px; }
* html div.tooltip div.mid { font-size: 10px; }
div.tooltip div.base { background: url(/old/img/misc/tooltip_base.gif) bottom left no-repeat; height: 12px; font-size: 1px; }
div.tooltip div.mid:lang(en) { margin-bottom: -1px } /* Fix for Moz */

div.tooltip h2, div.tooltip a { margin: 0; padding: 0; font-size: 85%; font-family: verdana, sans-serif; }
* html div.tooltip a { font-size: 95%; }
div.tooltip h2 { color: #333; }
div.tooltip a { display: block; padding: 0.6em 0em 0em; margin: 0; }

/* Make sure font-size on national network page same as on home page */
td.mainR div.tooltip { font-size: 90%; }
* html td.mainR div.tooltip { font-size: 77%; }

/* Position tooltip popups */
#region256 { left: 54px; bottom: 46px; } /* South West */
#region255 { left: 104px; bottom: 56px; } /* South East */
#region254 { left: 88px; bottom: 45px; } /* London */
#region257 { left: 98px; bottom: 80px; } /* East */
#region258 { left: 82px; bottom: 84px; } /* Midlands */
#region259 { left: 20px; bottom: 84px; } /* Wales */
#region260 { left: 57px; bottom: 130px; } /* North */
#region261 { left: 20px; bottom: 174px; } /* Scotland */

/*</group>*/

/*<group=Detail Page Elements>*/  
/*** Detail page elements ***/

/* Subnav */
#subnav { padding-left: 20px; padding-bottom: 1.3em; background: url(/old/img/misc/dots.gif) bottom left repeat-x; }
#subnav h2 { color: #231f20; font-size: 102%; text-transform: uppercase; }
#subnav div.parent h2 { color: #666; margin-bottom: 8px; }
#subnav div.parent h2 a { display: inline; line-height: normal; }
#subnav div.parent h2 a:hover { background: none; color: #666; padding-left: 0px; text-decoration: underline; }
#subnav div.parent h2 span { font-family: verdana, sans-serif; font-size: 90%; padding-left: 3px; }
#subnav div.child {
	margin: 0px;
	padding: 0px;
	border-bottom-width: 0px;
}
#subnav div.child h2 {
	padding-top: .3em;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#subnav a { display: block; line-height: 1.7em; color: #666; }
#subnav a:hover { text-decoration: none; background-color: #231f20; color: #fff; font-weight: bold; padding-left: 5px; }
#subnav a.current, #subnav a.current:hover { font-weight: bold; background-color: #fff; color: #666; padding-left: 0px; }
#subnav br { display: none; }

#subnav a.indent { text-indent: 1.5em; }
/* Subnav preceding and following parent items */

#subnav #subnavPrecedingItems {
	background: url(/old/img/misc/dots.gif) bottom left repeat-x;	padding-bottom: .4em;
	margin-bottom: .1em;
}

#subnav #subnavIndent {
	padding-left: 1em;
}

#subnav #subnavFollowingItems {
	background: url(/old/img/misc/dots.gif) top left repeat-x;	margin-top: .1em;
	padding-top: .4em;
}

/* Quick links */
#qLinks { padding-left: 20px; }
#qLinks h2 { font-size: 102%; text-transform: uppercase; }

/* Quotes */
div.quote { background: url(/old/img/misc/quote_left.gif) top left no-repeat; margin-top: 1em; }
div.quote div.inside { background: url(/old/img/misc/quote_right.gif) bottom right no-repeat; padding-left: 34px; font-size: 95%; }
div.quote div.inside:lang(en) { font-size: 100%; } /* Font-size for FF/Moz */
div.quote p { margin-right: 34px; padding: 7px 0px 14px; color: #808080; line-height: 1.5em; }
div.quote div.rule { border-bottom: 1px solid #ebecec; margin: 0px 34px; background: none; }
div.quote div.pinEditGenerated p  { margin: 0; margin-right: 34px; padding: 0; padding-top: 7px; }

/* Pale blue panel e.g. news */
div.panel { width: 481px; margin: 1.8em 0em; font-size: 92%; }
div.panel div.head { background: url(/old/img/panel/panel_top.gif) top left no-repeat; padding-top: 10px;  }
div.panel div.mid { background: #f4f4f4; border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; padding: 0px 15px 6px; }
div.panel div.base { background: url(/old/img/panel/panel_base.gif) bottom left no-repeat; padding-top: 10px; }
div.panel p { margin: 0; }
div.panel h2 { margin: 0.2em 0em 0.1em; font-size: 100%; text-transform: uppercase; }
div.panel div.rule { background: none; height: 1px; font-size: 1px; border-bottom: 1px solid #bfbfbf; margin: 8px 0px;  }

div.panel table.basic { margin: 0em; }
div.panel h2 { margin-top: 0; }

/* Image for news headlines panel */
div.newsImage { float: left; margin: 0; margin-right: 6px; }

/* Dark blue box out e.g. booking page */
div.boxPanel { position: relative; width: 480px; height: 180px; background:#231f20 url(/old/img/misc/box_shadow_lg.gif) top left no-repeat; color: #fff; margin-top: 2em; margin-bottom: 1.6em; }
div.accountActivity {
	 width: 480px; height: 240px; background:#231f20 url(/old/img/misc/box_shadow_lg2.gif) top left no-repeat;
}
 
div.boxPanel div.inside { padding: 12px 18px; }
div.boxPanel h2 { color: #ccc; margin-top: 0; padding: 2px 2px 0px; font-size: 140%; }
td.mainR div.boxPanel h2 { text-transform: uppercase; }

div.bookingform {
	 width: 729px; height: 541px; background:#ccc url(/old/img/misc/ijb_spash2.gif) top left no-repeat;
}

div.bookingform input{
	 width:70px;
}

div.bookingform th{text-align:right !important;}
div.bookingform th { color: #333; font-weight:normal; font-family:arial; float:right; margin-top: 0; padding: 2px 2px 0px; font-size: 12px; }

button.bookBTN{
	padding:0px;
	margin:0px;
	border:none;
	 float:right;
	background:none;
 	width:48px;
}


/* Quiktrak panel */
table.quiktrak { font-size: 95%; border-collapse: collapse; margin: 0; }
table.quiktrak th, table.quiktrak td { text-align: left; padding: 3px 6px; }
input#quiktrakButton { position: absolute; right: 24px; bottom: 21px; }

input#quiktrakButtonSD { position: absolute; left: 12px; bottom: 21px; }
input#quiktrakButtonND { position: absolute; left: 154px; bottom: 21px; }
input#quiktrakButtonI { position: absolute; right: 17px; bottom: 21px; }

/* Summary e.g. international courier */
div.summary { font-size: 92%; }
div.summary p { margin-top: 1em; margin-bottom: 1em; }
div.summary p.serviceQuote { font-size: 170%; margin-top: 0; }

/* Credit Card logos */
div#ccLogos { float: left; margin: 1em 25px; width:440px;}
div#ccLogos img { float: left; margin-right: 20px; }

/* Corporate video link on About us page */
#aboutPage #videoButton { padding-left: 20px; }

#mapholder{
	position:relative;
	height:228px;
}

#phoneanimation{
	margin-left:-15px;
 	position:absolute;
 	top:0px;
}


/*</group>*/

/*<group=Buttons>*/ 

/*** General buttons div - for common button styles ***/

div.buttons a { display: block; }
div.buttons a:hover { text-decoration: none; }
div.buttons i { 
visibility: visible !important;
text-align:left;
border:1px solid #ccc;
padding:4px;
display:block;
width:130px;
margin:5px;
font-size:11px;
background-color:#dee;
border-left:2px solid #BDDBDB;
border-top:2px solid #BDDBDB;
border-right:2px solid #6AB4B4;
border-bottom:2px solid #6AB4B4;
}

div.buttons br { display: none; } /* For better display in lynx */

div.buttons span{
position: absolute;
	left:0px;
	width: 100%;
	height: 100%;
}


/*** Customer buttons - Home/Booking ***/

#csButtons a span{left:0px; width: 190px; height: 28px; }
#csButtons a { width: 190px; height: 28px; margin-bottom: 3px; }
#csButtons a:hover span, #csButtons a:hover { background-position: 0% -28px !important; cursor:pointer;}

#csButtons a { 

position: relative;
overflow:hidden;

}
#csButtons a i{
padding:4px;
width:130px;
}

/*** Slightly different for a more button-like appearance ***/
#csPanel i {
width:180px !important;
border-left:2px solid #BDDBDB;
border-top:2px solid #BDDBDB;
border-right:2px solid #346998;
border-bottom:2px solid #346998;
}

div.cspanel a#book_online span { background: url(../old/img/buttons/customer/book_online.gif) top left no-repeat; }
div.cspanel a#account_activity span { background: url(../old/img/buttons/customer/account_activity.gif) top left no-repeat; }
div.cspanel a#activate_online_account span { background: url(../old/img/buttons/customer/activate_online_account.gif) top left no-repeat; }
div.cspanel a#book_on_account span { background: url(../old/img/buttons/customer/book_on_account.gif) top left no-repeat; }
div.cspanel a#credit_card_booking span { background: url(../old/img/buttons/customer/credit_card_booking.gif) top left no-repeat; }
div.cspanel a#credit_card_receipts span { background: url(../old/img/buttons/customer/credit_card_receipts.gif) top left no-repeat; }
div.cspanel a#quiktrak_carlocator span { background: url(../old/img/buttons/customer/quiktrak_carlocator.gif) top left no-repeat; }


 /* Diff image for button on Booking page */
#csButtons a#track_a_parcel2 { width: 197px; height: 54px; margin-bottom: 0px; }
a#track_a_parcel2 span{ background: url(/old/img/buttons/customer/track_a_parcel2b.gif) top left no-repeat; left:0px; height:53px;}
a#track_a_parcel2{ margin-top:13px;}
a#track_a_parcel2:hover span, a#track_a_parcel2:hover { background-position: 0% -53px !important; cursor:pointer;}
a#track_a_parcel2 span { }


/*** Services buttons - Home/Services ***/

#servicesButtons { margin-top: 0; }
#servicesButtons i {
padding:4px;
width: 200px; 
}
#servicesButtons a { 
width: 220px; 
height: 33px; 
margin-bottom: 6px;
position: relative;
overflow:hidden;
}
#servicesButtons a:hover span, #servicesButtons a:hover  { background-position: 0% -33px; cursor:pointer; }

/* Modified style for buttons on Services page */
#servicesButtons2 { margin-top: 0; float: right; margin-left: 20px; }
#servicesButtons2 a {
width: 220px; 
height: 33px; 
margin-bottom: 12px; 
position: relative;
overflow:hidden;
}

#servicesButtons2 a:hover span, #servicesButtons2 a:hover { background-position: 0% -33px; cursor:pointer;}

a#executive_plus span { background: url(/old/img/buttons/services/executive_plus.gif) top left no-repeat; }
a#executive span { background: url(/old/img/buttons/services/executive.gif) top left no-repeat; }
a#corporate span{ background: url(/old/img/buttons/services/corporate.gif) top left no-repeat; }
a#enviro_friendly span { background: url(/old/img/buttons/services/enviro_friendly.gif) top left no-repeat; }
a#events span { background: url(/old/img/buttons/services/events.gif) top left no-repeat; }
a#airport span { background: url(/old/img/buttons/services/airport.gif) top left no-repeat; }

/*** Bigger services buttons - Homepage ***/

#servicesButtonsHome { margin-top: 0; }
#servicesButtonsHome i {
padding:4px;
width: 200px; 
}
#servicesButtonsHome a { 
width: 220px; 
height: 65px; 
margin-bottom: 10px;
position: relative;
overflow:hidden;
}
#servicesButtonsHome a:hover span, #servicesButtonsHome a:hover  { background-position: 0% -65px; cursor:pointer; }

a#executive_plusHome span { background: url(/old/img/buttons/services/home/executive_plus.gif) top left no-repeat; }
a#executiveHome span { background: url(/old/img/buttons/services/home/executive.gif) top left no-repeat; }
a#corporateHome span{ background: url(/old/img/buttons/services/home/corporate.gif) top left no-repeat; }
a#enviro_friendlyHome span { background: url(/old/img/buttons/services/home/enviro_friendly.gif) top left no-repeat; }
a#eventsHome span { background: url(/old/img/buttons/services/home/events.gif) top left no-repeat; }
a#airportHome span { background: url(/old/img/buttons/services/home/airport.gif) top left no-repeat; }
 
/*** Smaller services buttons - Online Booking & Account Activity pages ***/

#smallServiceButtons span{  float: right; margin-bottom: 1em; font-size: 2px; }
#smallServiceButtons a  { float: left; width: 150px; height: 25px; margin-right: 9px; }
#smallServiceButtons a:hover span, #smallServiceButtons a:hover { background-position: 0% -25px; cursor:pointer;} 

a#book_online_small span { background: url(/old/img/buttons/services/book_online_small.gif) top left no-repeat; }
a#view_account_activity_small span { background: url(/old/img/buttons/services/view_account_activity_small.gif) top left no-repeat; }

#smallServiceButtons i {
padding:3px;
width: 135px; 
background:none;
border:none;
}

#smallServiceButtons a:hover i {
text-decoration:underline;
}

#smallServiceButtons a { 
width: 150px; 
height: 25px; 
margin-bottom: 6px;
position: relative;
overflow:hidden;
}

/*** Map button 'View all service centres' ***/

#mapButton { float: right; margin-bottom: 1.2em; clear: right; }
#mapButton a { width: 147px; height: 25px; background: url(/old/img/buttons/misc/service_centres.gif) top left no-repeat; font-size: 2px; }
#mapButton a:hover { background-position: 0% -25px; }

/*** Promoted paths buttons ***/

#promotedSingle, #promotedDouble, #promotedTriple { margin-left: auto; margin-right: auto; }
#promotedSingle a, #promotedDouble a, #promotedTriple a { display: block; float: left; width: 154px; height: 138px; margin-top: 1em; margin-bottom: 1em; }
#promotedSingle a:hover, #promotedDouble a:hover, #promotedTriple a:hover { background-position: 0% -138px; cursor:pointer; }
#promotedSingle a:hover span, #promotedDouble a:hover span, #promotedTriple a:hover span { background-position: 0% -138px; cursor:pointer; }

#promotedSingle { width: 154px; } 
#promotedDouble { width: 360px; }
#promotedDouble a { margin-right: 20px; }

#promotedTriple a { margin-right: 5px; }

/* Images for promoted buttons */
a#promo_courier_vac span{ background: url(/old/img/buttons/promoted/driver_vacancies.gif) top left no-repeat; }
a#promo_general_vac span{ background: url(/old/img/buttons/promoted/general_vacancies.gif) top left no-repeat; }

	
#promotedDouble a , #promotedSingle a  { 
width: 158px;
height: 135px;
position: relative;
overflow:hidden;
}

#promotedDouble a i, #promotedSingle a i {
padding:4px;
width:130px;
}

	
/*
a#promo_book_online { background: url(/old/img/buttons/promoted/book_online.gif) top left no-repeat; }
*/

a#promo_book_online span { background: url(/old/img/buttons/promoted/book_online.gif) top left no-repeat; }
a#promo_contact_us span { background: url(/old/img/buttons/promoted/contact_us.gif) top left no-repeat; }
a#promo_faqs span{ background: url(/old/img/buttons/promoted/faqs.gif) top left no-repeat; }
a#promo_courier_faqs span{ background: url(/old/img/buttons/promoted/driver_faqs.gif) top left no-repeat; }
a#promo_open_account span { background: url(/old/img/buttons/promoted/open_an_account.gif) top left no-repeat; }
a#promo_apply_account span{ background: url(/old/img/buttons/promoted/apply_for_an_account.gif) top left no-repeat; }
a#promo_testimonials span{ background: url(/old/img/buttons/promoted/testimonials.gif) top left no-repeat; }

/*** Small promoted buttons ***/

#smallButtons span{ float: right; margin-bottom: 1em; font-size: 2px; }
#smallButtons a  { float: left; width: 150px; height: 25px; margin-right: 10px; }
#smallButtons a:hover span, #smallButtons a:hover{ background-position: 0% -25px; cursor:pointer;} 
#smallButtons i{ width:150px;} 

/* Images for small promoted buttons */
a#small_book_online  span{ background: url(/old/img/buttons/small/book_online.gif) top left no-repeat; width: 90px; }
a#small_contact_us span { background: url(/old/img/buttons/small/contact_us.gif) top left no-repeat; width: 90px; }

#smallButtons a { 
position: relative;
overflow:hidden;
height:25px;
width:90px;
}

#smallButtons a i{ 
width:60px;
font-size:10px;
padding:4px;
margin-top:0px;	
}

/*** Download buttons - easy edit version ***/

.downloadButton { float: right; clear: right; margin: 0px 0px 15px 12px;  background: url(/old/img/buttons/misc/download_bg.gif) top left no-repeat; width: 155px; height: 78px; font-size: 11px; }
.downloadButton span.header { display: block; padding: 9px 11px 6px; font-weight: bold; text-transform: uppercase; color: #666; }
.downloadButton a { display: block; padding: 0px 11px 8px 30px; font-size: 10px; }

.downloadButton2 { float: right; clear: right; position: relative; margin: 0px 0px 15px 12px;  background: url(/old/img/buttons/misc/download_double_bg.gif) top left no-repeat; width: 155px; height: 106px; font-size: 11px; }
.downloadButton2 span.header { display: block; padding: 9px 11px 6px; font-weight: bold; text-transform: uppercase; color: #666; }
.downloadButton2 a { display: block; padding: 0px 24px 0px 0px; font-size: 10px; }
.downloadButton2 a#dl1 { position: absolute; top: 26px; left: 30px; }
.downloadButton2 a#dl2 { position: absolute; top: 64px; left: 30px; }

/*** Find us button on contact pages ***/

.findusButton { position: relative; margin: 24px 0px 15px 0px;  background: url(/old/img/buttons/misc/find_us_bg.gif) top left no-repeat; width: 164px; height: 103px; font-size: 9px; }
.findusButton a#link1 { position: absolute; top: 14px; left: 66px; width: 84px; }
.findusButton a#link2 { position: absolute; top: 59px; left: 66px; width: 84px; }

/*</group>*/

/*<group=Tables>*/  

table.basic { border-collapse: collapse; margin: 1em 0em; }
table.basic th, table.basic td { text-align: left; padding: 2px 8px 2px 0px; font-size: 90%; }
table.basic th.border { border-bottom: 1px solid #c6d5e2; }
table.basic td.border { border-bottom: 1px solid #c6d5e2; padding-bottom: 8px }

table.stripes { border-collapse: collapse; table-layout: auto; margin: 1.5em 0em 2em; font-size: 90%; border-bottom: 2px solid #F4F4F4; }
table.stripes th.L { text-align: left; border: none; }

table.stripes thead th { background: #231f20 url(./old/img/misc/table_header_bg.gif) bottom left repeat-x; border-left: 1px solid #fff; padding: 7px 15px; color: #fff; font-size: 90%; text-transform: uppercase; }
table.stripes tbody th { font-weight: bold; color: #666;  padding: 9px 15px 5px; vertical-align: top; }
table.stripes tbody td { padding: 5px 15px 16px; }

table.stripes tbody th, table.stripes tbody td { background-color: #fbfbfb; }
table.stripes tbody tr.blue th, table.stripes tbody tr.blue td { background-color: #F4F4F4; }

table.stripes table.basic th, table.stripes table.basic td { padding: 2px 8px 2px 0px; }

table.form th { font-weight: normal; text-align: right; padding-right: 1em; }
table.form th.required { font-weight: bold; }
table.form th.textfield { vertical-align: top; padding-top: 6px; }
table.form td { padding: 4px 0px; }
table.form td.submit { text-align: right; }
table.form td.divider { background: url(/old/img/misc/dots.gif) left center repeat-x; }

table.form table.checkboxes td { padding: 0px; }
/*</group>*/

/*<group=Ts&Cs + Definition Lists>*/

div.tsandcs {
	font-size: 80%;
}

dl {
	display: block;
	float: none;
}

dt {
	display: block;
	padding-bottom: 0px;
	margin: 0px;
	font-style: normal;
}

dd {
	display: block;
	position: relative;
	left: 4.5em;
	top: -1.2em;
	margin: 0px;
	padding-bottom: 0px;
	padding-right: 4em;
}

div.tsandcs h1 {
	font-size: 195%;
}

div.tsandcs h2 {
	clear: both;
}

div.tsandcs p {
}

div.faqs dd {
	left: 1.6em;
	padding-right: 2em;
}

div.faqs h3 {
	padding-bottom: 0em;
	margin-bottom: 0px;
}

div.faqs dl {
	padding-top: 0px;
	margin-top: 0px;
}
	
/*</group>*/

a.cmsedit {
	border: 1px solid red;
	color: red;
	padding: .1em .3em;
	text-decoration: none;
	font-size: 9px;
}

a.cmsedit:hover {
	border: 1px solid red;
	background: red;
	color: white;
}