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

/******************************************************/

/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

br  {
line-height:50%;
}

body  {
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-image: url(/assets/images/bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFFFFF;
	color: #333;
	line-height: 140%;	
}


/* Sets the style for unvisited links. */
a:link {
	color: #005338;
	text-decoration: none;
}

a:visited {
	color: #005338;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #005338;
}

a:active {
	color: #005338;
	text-decoration: underline;
}

em {font-style:italic;}
strong {font-weight:bold; line-height:140%; }


/*** Layout Divs ***/

#container {
	width: 900px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 
#header {
	height: 175px;
}

#topNavigation {
	height: 69px;
	clear: both;
	width: 900px;
	padding: 0px;
	margin: 0px;
}

#breadcrumb {
	font-size: 85%;
	padding: 10px;
}
h4 {
	font-weight: bold;
}
h5 {
}
#mainContent h6 {
	font-weight: bold;
}
 
#homesidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 282px;
	padding: 0px;
	height: auto;
	margin: 0px;
}








#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 180px; /* padding keeps the content of the div away from the edges */
	margin-right: 15px;
	padding: 0px;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.homesidebar .subnav-header-bg {
	background-image: url(/assets/images/sidebar1-header-bg.gif);
	background-repeat: no-repeat;
	width: 258px;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 12px;
	margin-bottom: 10px;
}

.homesidebar .subnav-header-bg a {
	font-size: 108%;
	color: #005D3F;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: left;
	font-weight: bold;
	display: block;
	width: 252px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.subsidebar .subnav-header-bg {
	background-image: url(/assets/images/subnav-header-bg.gif);
	background-repeat: no-repeat;
	width: 158px;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 12px;
	margin-bottom: 10px;
}

.subsidebar .subnav-header-bg a {
	font-size: 108%;
	color: #005D3F;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: left;
	font-weight: bold;
	display: block;
	width: 152px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#coachtable  .vehicle-thumb {
	background-image: url(/assets/images/sidebar1-header-bg.gif);
	background-repeat: no-repeat;
	width: 156px;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 12px;
	margin-bottom: 10px;
}

.homesidebar .homenav-header-bg {
	background-image: url(/assets/images/home-sidebar1-header-bg.gif);
	background-repeat: no-repeat;
	width: 256px;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 12px;
	margin-bottom: 10px;
}

.subsidebar .subnav-header-bg a {
	font-size: 108%;
	color: #005D3F;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: left;
	font-weight: bold;
	display: block;
	width: 150px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}


.homesidebar {
	width: 282px;
}

.subsidebar {
	width: 180px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#container .contentwrapper {
	clear: both;
	margin-top: 5px;
}


	
#homemainContent {
	margin-top: 0px;
	margin-right: 182px;
	margin-bottom: 0px;
	margin-left: 295px;
	height: auto;
	padding: 0px;
	clear: none;
} 


#mainContent {
	margin-top: 0;
	margin-right: 180px;
	margin-bottom: 0;
	margin-left: 195px;
	height: auto;
	padding: 0px;
	clear: none;
} 

#mainContentFullWidth {
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 195px;
	height: auto;
	padding: 0px;
	clear: none;	
	
} 

#footer {
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 0px;
	background-color: #414141;
	background-image: url(/assets/images/footer-bg.png);
	background-repeat: repeat-x;
	height:290px;
	clear: both;
	margin-top: 0px;
	font-size: 93%;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clear { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	line-height: 0px;
}



/*** Navigation ***/

#s1 #nav #about a, #s2 #nav #commuter a, #s3 #nav #fleet a, #s4 #nav #sports a, #s5 #nav #schools a, #s6 #nav #events a, #s7 #nav #corporate a {
	background-position: 0 -69px;
}


#nav {
	top: 0px;
	left: 0px;
	list-style: none;
	height: 69px;
	display: inline;
	/*overflow: hidden;
	visibility: default; */
	width: 900px;
	margin: 0px;
	padding: 0px;
	float: left;
	clear: both;
}
#nav li {
	margin: 0px; 
	padding: 0px;
	display: inline;
	list-style-type: none;
}
#nav a {
	float: left;
	padding: 0px;
	overflow: hidden;
}

#nav a:hover {
	background-position: 0 -68px;
}
#nav a:active, #nav a.selected {
	background-position: 0 -68px;
}

#nav p {
	text-indent: -9999px;
	font-size: 20%;
	margin: 0px;
	padding: 0px;
}


#about a  {
	width: 116px;
	font-size: 50%;
	display: block;
	background-image: url(/assets/images/nav/btn-about.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 69px;
	float: left;
	}

#commuter a  {
	width: 140px;
	font-size: 50%;
	display: block;
	background-image: url(/assets/images/nav/btn-commuter.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 69px;
	float: left;
	}
	
#fleet a  {
	width: 122px;
	font-size: 50%;
	display: block;
	background-image: url(/assets/images/nav/btn-coach-fleet.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 69px;
	float: left;
	}
	
#sports a  {
	width: 146px;
	font-size: 50%;
	display: block;
	background-image: url(/assets/images/nav/btn-team-transport.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 69px;
	float: left;
}	

#schools a  {
	width: 111px;
	font-size: 50%;
	display: block;
	background-image: url(/assets/images/nav/btn-schools.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 69px;
	float: left;
	}

#events a  {
	width: 139px;
	font-size: 50%;
	display: block;
	background-image: url(/assets/images/nav/btn-events.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 69px;
	float: left;
	}
	
#corporate a  {
	width: 126px;
	font-size: 50%;
	display: block;
	background-image: url(/assets/images/nav/btn-corporate.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 69px;
	float: left;
	}






/**** Header ****/
#logo {
	float: left;
}
#logo a {
	display: block;
	width: 300px;
	height: 96px;
	background-image: url(/assets/images/logo-kings-ferry.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#logo p {
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}


#contactdetails {
	clear: none;
	margin-top: 38px;
	width: 380px;
	float: right;
}
.contactus {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	float: left;
}
.telno {
	float: right;
	padding-left: 20px;
	clear: none;
	width: 163px;
}

#emergencytelno {
	float: right;
	width: 538px;
	clear: none;
	margin-top: 52px;
}

#footercoaches {
	background-image: url(/assets/images/footer-coach-outlines.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 900px;
	background-color: #FFFFFF;
	clear: both;
	background-position: 0px 0px;
}


/**** Footer Details   ****/

#bottom {
	width:900px;
	padding-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}

#house {
	color:#ccc;
	font-size:85%;
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 18px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-align: left;
	clear: both;
}
#house li a, #house li {
	display:inline;
	padding: 0 4px 0 0;
	color:#FFFFFF
}


#carbon {
	width:138px;
	height:31px;
	float:right;
	text-indent:-3000px;
	outline:none;
	margin-top: 24px;
	background-image: url(/assets/images/carbon-clear.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#nationalexpress {
	width:138px;
	height:31px;
	float:right;
	text-indent:-3000px;
	outline:none;
	background-image: url(/assets/images/national-express.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 22px;
}


#house a:link {
	color:#767676;
	text-decoration:none;
}
#house a:visited {
	color:#FFFFFF;
	text-decoration:none;
	border-bottom: 1px dotted #666;
}
#house a:hover, #house a:active {
	color:#FFFFFF;
	text-decoration:none;

}
.helpful {
	font-size:100%;
	float:left;
	color:#FFFFFF;
	text-align: left;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
}
.helpful h4 {
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 10px;
	color: #b9b9b9;	

}

.helpful h4 a:link {
	text-decoration:none;
	font-weight:bold;
}
.helpful h4 a:hover {
	color:#CCCCCC;
	text-decoration:none;
}

.helpful li {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;
	list-style-type: none;
}
.helpful ul {
	margin: 0px;
	padding: 0px;
}
.helpful li a, .helpful li a:active, .helpful li a:link, .helpful li a:visited {
	text-decoration:none;
	color: #666666;
}
.helpful li a:hover {
	text-decoration:underline;
	color: #CCCCCC;
}

.greybar {
	background-color: #efefef;
	padding: 14px;
	color: #666666;
	text-align: center;
	clear: both;
	font-size: 100%;
	margin-bottom: 2px;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	margin-top: 10px;
}
#footerwrapper {
	position: relative;
	clear: both;
	height: auto;
	width: 100%;
	margin: 20px 0 0 0;
}

.greybar a, .greybar a:link, .greybar a:active, .greybar a:visited, .greybar a:hover {
	color: #4e9e00;
}


/*** Feature Boxes ***/



.quote2line {
	background-image: url(/assets/images/quote2line.gif);
	background-repeat: no-repeat;
	padding-top: 14px;
	padding-right: 34px;
	padding-bottom: 15px;
	padding-left: 34px;
	
}


/***********************************************************************************/
/* Centre column feature and text boxes - share some styles with left help feature boxes
text is set to 93%    */
/***********************************************************************************/

	
.blockquote {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 123.1%;
	font-style:italic;
	text-align:center;
	display:block;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	color: #999999;
	line-height:140%;
}


.mainContentBoxsubpages {
	padding: 10px;
	font-size: 93%;
	border: 1px solid #F4F2EA;
	height:auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 388px;
	}


.mainContentBoxsubpages p img {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;	
	}


.mainContentBoxsubpages .helptextwrap p{
	font-size: 85%;
	line-height:130%;
	}
	

	
.mainContentBoxsubpages p, em {
	line-height:140%;
	} 
	
.mainContentBoxsubpages h2 {
	font-size: 100%;
	line-height:16px;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	}

.mainContentBoxsubpages a, .mainContentBox a:visited {
	color:#005D3F;	
}

.mainContentBoxsubpages a:hover {
	text-decoration: underline
	
}
	
.mainContentBox {
	padding: 10px;
	font-size: 100%;
	border: 1px solid #F4F2EA;
	height:auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 488px;
}


.mainContentBoxFullWidth {
	padding: 10px;
	border: 1px solid #F4F2EA;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 672px;
}

.mainContentBox ul {
	list-style:none;
	margin: 5px 5px 5px 0px;
	}
.mainContentBox li {
	background-image: url(/assets/images/bullet-star.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 18px;
	font-size:93%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #efefef;
}

#mainContent .mainContentBox ol {
	background-image: none;
	list-style-type: decimal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 18px;
}
#mainContent .mainContentBox ol li {
	background-image: none;
	list-style-type: decimal;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
	
	
.mainContentBox h2 {
	font-size: 108%;
	line-height:140%;
	
}
.mainContentBox p {
	line-height:140%;
	font-size:93%;
	

}
.mainContentBoxtext {
	line-height:140%;
	font-size:93%;

}
.mainContentBox h3 {
	font-size: 100%;
	line-height:16px;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	}



.mainContentBox a, .mainContentBox a:visited {
	color:#005D3F;	
}

.mainContentBox a:hover {
	text-decoration: underline
}
#mainContent   h1 {
	font-size: 108%;
	background-image: url(/assets/images/content-header-bg.gif);
	background-repeat: no-repeat;
	background-color:#f4f2ea;
	height: auto;
	color: #005D3F;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 12px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 9px;
	text-align: left;
	background-position: 0px 0px;
	width: 486px;
	font-weight: bold;
}

#mainContentFullWidth  h1 {
	font-size: 108%;
	background-image: url(/assets/images/content-header-bg-full.gif);
	background-repeat: no-repeat;
	height: auto;
	color: #005D3F;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 12px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 9px;
	text-align: left;
	background-position: 0px 0px;
	width: 670px;
	font-weight: bold;
}
	
.homeMainContentBox {
	padding: 10px;
	font-size: 100%;
	border: 1px solid #F4F2EA;
	height:auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 388px;
	clear: none;
}

#homemainContent  h3 {
	font-size: 108%;
	background-image: url(/assets/images/home-content-header-bg.gif);
	background-repeat: no-repeat;
	height: auto;
	color: #005D3F;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 12px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 9px;
	text-align: left;
	background-position: 0px 0px;
	width: 386px;
	font-weight: bold;
}

#homemainContent  h1 {
	font-size: 108%;
	background-image: url(/assets/images/home-content-header-bg.gif);
	background-repeat: no-repeat;
	height: auto;
	color: #005D3F;
	padding-top: 12px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 9px;
	text-align: left;
	background-position: 0px 0px;
	width: 386px;
	font-weight: bold;
	margin: 0px;
}

.homepage-news {
	padding: 15px;
	border: 1px solid #EAF1EF;
}
.homepagenews-wrapper h4 {
	background-image: url(/assets/images/content-header-bg.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 12px;
	font-weight: bold;
	font-size: 108%;
}
.homepage-news h5 {
	background-image: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0.4em;
	padding-left: 0px;
	font-size: 100%;
	font-weight: bold;
}
#mainContent h6 {
	font-weight: bold;
}


#mainContent ul {
	list-style:none;
	margin: 5px 5px 5px 0px;
	}
#mainContent li {
	border-bottom:1px solid #efefef;
	background-image: url(/assets/images/bullet-star.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 18px;	
}
.col155 {
	width: 145px;
	padding: 5px;
	margin-right: 11px;
	float: left;
}

.homepagefeature {
	width: 124px;
	float: left;
	margin-right: 8px;
	height: auto;
	margin-bottom: 12px;
	margin-top: 12px;
}
.homepagefeature p {
	background-color: #F4F2EA;
	padding: 7px;
	height:60px;
	margin-top: 7px;
	font-size: 85%;
	line-height: 130%;
}
.homepagefeature a:hover {
	text-decoration: underline

}
.homepagefeature a {
line-height:130%;
}

.arrowlink {
	float:right;
	width:14px;
	margin-top:54px;
}

.helptextwrap {
	width: 250px;
	float: left;
	

}	

/***********************************************/
/* Right Col feature boxes                     */
/***********************************************/

.feature-contact a {
	background-image: url(/assets/images/fetaure-contact-us.gif);
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	width: 182px;
	margin-bottom: 10px;
	text-indent: -9999px;
	background-position: 0px 0px;
}
.feature-contact a:hover {
	background-position: 0px -100px;
	background-image: url(/assets/images/fetaure-contact-us.gif);
	background-repeat: no-repeat;
}

.feature-quote a {
	background-image: url(/assets/images/fetaure-quote.gif);
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	width: 182px;
	margin-bottom: 10px;
	text-indent: -9999px;
	background-position: 0px 0px;
}
.feature-quote a:hover {
	background-position: 0px -100px;
	background-image: url(/assets/images/fetaure-quote.gif);
	background-repeat: no-repeat;
}
.feature-news  h3, .feature-news-flash h3  {
	text-indent: -9999px;
	padding-bottom: 8px;
}
.feature-news  {
	background-image: url(/assets/images/feature-latest-news-header-bg.gif);
	text-align: left;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
	background-repeat: no-repeat;
	width: 158px;
	background-color: #DBE6E3;
	
}
.feature-news-flash  {
	background-image: url(/assets/images/newsflash.gif);
	text-align: left;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
	background-repeat: no-repeat;
	width: 158px;
	background-color: #DBE6E3;
	
	
	
	
}
.feature-news-wrapper {
	width: 182px;
	float: right;
	clear: both;
}
.feature-news-btm  a  {
	width: 158px;
	background-image: url(/assets/images/feature-latest-news-btm.gif);
	display: block;
	padding: 12px;
	text-align: left;
	font-weight: bold;
	color: #005338;
	margin-bottom: 10px;
	background-position: bottom;
	height: 15px;
	background-color: #DBE6E3;
}


.feature-newsflash-btm  {
	width: 158px;
	padding: 0px 12px 12px 12px;
	background-image: url(/assets/images/feature-newsflash-btm.gif);
	margin-bottom: 10px;
	background-position: bottom;
	height: 15px;
	background-color: #DBE6E3;
}

/***********************************************/
/* Commuter Service feature boxes                     */
/***********************************************/

.commuter-timetable   a  {
	width: 182px;
	height: 151px;
	display: block;
	background-image: url(/assets/images/feature-timetable.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.commuter-timetable a:hover {
	background-position: 0px -151px;
}
.commuterservices h2 {
	background-color: #EBF1EF;
	background-image: url(/assets/images/feature-commuter-header-bg.gif);
	background-repeat: no-repeat;
	height: 28px;
	width: 182px;
	text-indent: -9999px;
}
.commuter-timetable-new a {
	height: 69px;
	width: 182px;
	display: block;
	background-image: url(/assets/images/feature-timetable-new.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.commuter-timetable-new a:hover {
	background-position: 0px -69px;
}
.coachtrac a {
	height: 240px;
	width: 182px;
	display: block;
	background-image: url(/assets/images/feature-coachtrac.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.coachtrac a:hover {
	background-position: 0px -240px;
}




/* Commuter Services Wide for left column */

.commuter-timetablewide   a  {
	width: 282px;
	height: 96px;
	display: block;
	background-image: url(/assets/images/feature-timetable-wide.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.commuter-timetablewide a:hover {
	background-position: 0px -96px;
}
.commuterserviceswide h2 {
	background-color: #EBF1EF;
	background-image: url(/assets/images/feature-commuter-header-bg.gif);
	background-repeat: no-repeat;
	height: 28px;
	width: 282px;
	text-indent: -9999px;
}
.commuter-timetable-newwide a {
	height: 69px;
	width: 282px;
	display: block;
	background-image: url(/assets/images/feature-timetable-new.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.commuter-timetable-newwide a:hover {
	background-position: 0px -69px;
}



.commuter-timetablewidexmas   a  {
	width: 282px;
	height: 96px;
	display: block;
	background-image: url(/assets/images/feature-timetable-xmas.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.commuter-timetablewidexmas a:hover {
	background-position: 0px -96px;
}



.coachtracwide a {
	height: 173px;
	width: 282px;
	display: block;
	background-image: url(/assets/images/feature-coachtrac-wide.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.coachtracwide a:hover {
	background-position: 0px -173px;
}


.margin-btm-10px {
	margin-bottom: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

/***********************************************/
/* Left Help feature boxes                     */
/***********************************************/

.helptextwrapsidebar1 {
	width: 149px;
	float: left;
}
.help {
	width: 280px;
	float: left;
	margin-bottom: 12px;
	height: auto;
}

.helptext a, .helptext a:visited {
	color:#005D3F;	
}

.helptext a:hover {
	text-decoration: underline
}

.flash {
	width: 163px;
	margin-bottom: 12px;
}
#mainContent .mainContentBox .smalltext {
	font-size: 85%
}

.helptext {
	width: 163px;
	float: right;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	min-height: 64px;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;
}

.helptext helptextwrapsidebar1 a, .wide .helptext h2 a  {
	font-size: 93%;
	color: #005D3F;
	padding-bottom: 4px;
	margin-bottom: 0px;
	line-height: 108%;
	width: 120px;
}

.helptext h3 a, .wide .helptext h3 a  {
	font-size: 93%;
	color: #005D3F;
	padding-bottom: 0px;
	margin-bottom: 0px;
	line-height: 100%;
	width: 120px;
}


.helptext p {
	font-size: 85%;
	color:#333;
	line-height:130%;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.helptextmiddle p {
	font-size: 85%;
	color:#333;
	line-height:130%;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.wide {width:100%;margin: 10px 0;}

#mainContent .helptextwrap {font-size:108%;}
.wide .helptext  {width:270px;}
.wide .helptext  p {
	padding-right:25px;
	width:215px;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/***********************************************/
/*third col case study links                     */
/***********************************************/

.helpcasestudy {
	width: 160px;
	float: left;
	height: auto;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 10px;
}


.flashcasestudy {
	width: 163px;
	margin-bottom: 12px;
}

.helptextcasestudy {
	width: 160px;
	float: left;
	height: auto;
	text-align: left;
	margin-top: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #EEF4F2;
	border-bottom-color: #EEF4F2;
	padding: 10px;
}

.helptextcasestudy p a, .wide .helptext h2 a  {
	font-size: 100%;
	color: #005338;
	padding-bottom: 4px;
	margin-bottom: 0px;
	line-height: 116%;
	width: 120px;
}
.casetudylink {
	font-weight: bold;
}


.helptextcasestudy p {
	font-size: 85%;
	color:#333;
	padding-right:5px;	
	line-height:130%;
}

.wide {width:100%;margin: 10px 0;}
.wide .helptextcasestudy  {width:270px;}
.wide .helptextcasestudy  p {font-size: 93%; padding-right:25px; width:215px; }



/***********************************************/
/* Testimonials                   */
/***********************************************/


 #sidebar2wrapper {
	float: right;
	width: 182px;
	margin: 0px;
	padding: 0px;
	clear: none;
	} 
	
	

.sidebar2Btm {
	background-image: url(/assets/images/sidebar2-btm.gif);
	background-repeat: no-repeat;
	height: 10px;
	margin-bottom: 10px;
	width: 182px;
	float: right;
}



#sidebar2  {
	float: right;
	clear: both;
	font-size:85%;
	margin-bottom: 10px;
	padding: 0px;
	height: auto;
	width: 182px;
	background-image: url(/assets/images/sidebar2-btm.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	background-color: #EAF1EF;
}		

#sidebar2 a, #sidebar2 a:visited {
	color:#005D3F;	
}

#sidebar2 a:hover {
	text-decoration: underline
}


#sidebar2 h2 {
	color:#333;
	background-image: url(/assets/images/sidebar2-top.gif);
	background-repeat: no-repeat;
	background-color: #eaf1ef;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
}
#sidebar2 ul.xtranav {
	padding:5px 12px;
	font-weight:bold;
}
#sidebar2 ul.xtranav li {
	border-bottom:#e0e0e0 1px solid;
	padding:0 0 3px 16px;
	margin:0 0 5px 0;
	background:url(/assets/images/link-arrow-small.gif) no-repeat top left;
}
 
.jsclass body .randomcontent { /*Do NOT remove! CSS to hide random contents in JS enabled browsers*/
	display: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DBE6E3;
	width: 158px;
	margin-top: 10px;
	margin-right: 12px;
	margin-bottom: 10px;
	margin-left: 12px;
}
.randomcontent {
	color:#666;
	padding-top: 10px;
	padding-bottom: 10px;
}
.quote {
	font-style:italic;
	line-height:130%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}



/***********************************************/
/* Fading image                                */
/***********************************************/

#fade1, #fade2, #fade3  {
	height: 188px;
	display: block;
	float: none;
}

#fade2841, #fade2842, #fade2843, #fade2844, #fade2845  {
	height: 284px;
	display: block;
	float: none;
	clear: both;
}

#fade284wrapper {
	height: 294px;
	text-align: left;
	padding-bottom: 10px;
}

#homefade1, #homefade2, #homefade3  {
	height: 212px;
	display: block;
	float: none;
}

#fadewrapper {
	height: 198px;
	text-align: left;
}


#homefadewrapper {
	height: 222px;
	text-align: left;
}

#fadetestimonials {
	height: 530px;
	width: 182px;
	text-align: left;
}
#fadetestimonials1, #fadetestimonials2, #fadetestimonials3, #fadetestimonials4, #fadetestimonials5, #fadetestimonials6, #fadetestimonials7, #fadetestimonials8, #fadetestimonials9, #fadetestimonials10   {
	height: 440px;
	width: 158px;
	display: block;
	background-color: #EAF1EF;
	padding-right: 12px;
	padding-left: 12px;
	padding-bottom: 12px;
	clear: both;
}

.btnlink a {
	display: block;
	background-color: #FFFFFF;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 30px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #EAF1EF;
	border-bottom-color: #EAF1EF;
	background-image: url(/assets/images/subnav-arrow.gif);
	background-repeat: no-repeat;
}
.btnlink a:hover {
	background-color: #EAF1EF;
	background-image: url(/assets/images/subnav-select.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}
#quickquote {
	width: 262px;
	background-image: url(/assets/images/quick-quote-bg.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-color: #dbe6e3;
}
#quickquote_small {
	width: 162px;
	background-image: url(/assets/images/feature-themeparks-header-bg.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-color: #dbe6e3;
}



/*******************************/
/* Contact form styles        */
/*****************************/
#quickquote fieldset {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#quickquote_small fieldset {
	margin: 0px;
	padding: 60px 0 0px 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#quickquote label{
	float: left;
	width: 96px;
	font-weight: bold;
}
#quickquote_small label{
	float: left;
	width: 162px;
	font-weight: bold;
}

#quickquote legend,
#quickquote_small legend {
	color: #005036;
	font-weight:bold;
	font-size: 1.1em;
	padding-bottom: 10px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	display: none;
}
/* #quickquote #btnsendquote {
	height: 26px;
	width: 209px;
	padding-left: 50px;
	padding-top: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
} */
#quickquote input {
	width: 155px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	padding: 0px;
}
#quickquote_small input {
clear:both;
	width: 162px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	padding: 0px;
}
#quickquote select  {
	width: 155px;
}
#quickquote_small select  {
	width: 166px;
}
#quickquote br,
#quickquote_small br {
	line-height: 0%;
}
#quickquote #chooseDateForm .date-wrapper {
	width: 260px;
	clear: both;
	padding: 0px;
	margin: 0px;
}
.quickquotebtm {
	height: 7px;
	width: 282px;
	background-image: url(/assets/images/quick-quote-btm.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 10px;
	background-color: #DBE6E3;
}
.quickquote_small_btm {
	height: 7px;
	width: 182px;
	background:#DBE6E3 url(/assets/images/quick-quote-btm.gif) no-repeat bottom;
	margin-bottom: 10px;
}
#quickquote form
 {
	margin: 0px;
	padding: 0px;
}
#quickquote_small form {
	margin: 0;
	padding: 0px;
}
#commuter-planner {
	background-image: url(/assets/images/commuter-planner-bg.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 880px;
	text-align: left;
	padding: 10px;
	clear: both;
}

#commuter-planner label{
	float: left;
	width: 120px;
	font-weight: bold;
	padding-top: 4px;
}
.commuter-planner-title h6 {
	background-image: url(/assets/images/commuter-planner-title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-position: 0px 2px;
}

.commuter-planner-title {
	float: left;
	width: 170px;
}


.londondropdown {
	float: left;
}

.medwaydropdown {
	float: left;
	margin-right: 50px;
}




legend {
	color: #005338;
	font-weight:bold;
	font-size: 1.1em;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 10px;
	margin: 0px;
}

form {
	width: 100%;
}
form a {
	color: #ED2839;
}


fieldset {
	border: 1px solid #F4EFE7;
}

label{
	float: left;
	width: 220px;
}

input, textarea, select{
	width: 220px;
	margin-bottom: 7px;
	text-align:left;
}

#commuter-planner input, textarea, select{
	width: 190px;
	margin-bottom: 7px;
	text-align:left;
}

textarea{
	width: 220px;
	height: 100px;
}


#submit{
	width: 152px;
	height: 33px;
	margin-left: 20px;
	margin-top: 10px;
}


.radio {
	width: 25px;
}
.checkbox {
	width: 440px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
.emailnewsletters legend {
	font-size: 116%;
	font-weight: bold;
	color: #005D3F;
}




/******************************/
/*  Timetables               */
/****************************/


#s2 #container #mainContentFullWidth .mainContentBoxFullWidth #timetable-results {
	width: 680px;
}
#s2 #container #mainContentFullWidth .mainContentBoxFullWidth #timetable-results .commutersmall {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EAF1EF;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#s2 #container #mainContentFullWidth .mainContentBoxFullWidth #timetable-results th {
	background-color: #EAF1EF;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
#s2 #container #mainContentFullWidth .mainContentBoxFullWidth #timetable-pickups  {
	width: 680px;
}

#s2 #container #mainContentFullWidth .mainContentBoxFullWidth #timetable-pickups th  {
	width: 200px;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#table-fares .greentablecell {
	background-color: #EAF1EF;
}
#table-fares td {
	padding: 5px;
}
#table-fares th {
	padding: 5px;
}
#table-fares caption {
	font-weight: bold;
	font-size: 108%;
	color: #005338;
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}


/******************************/
/*  Vehicle Specifications   */
/****************************/
.vehicle_spec {
	padding: 12px;
	height:235px;
	width:160px;
	float:left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 16px;
	margin-left: 0px;
}
.first {
	margin-right: 16px;
}

/******************************/
/*     Group contact page     */
/******************************/
.groupcontactwrapper {
	float: left;
	width: 488px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F4F2EA;
	padding-bottom: 10px;
	padding-top: 10px;
}
.groupcontacttext {
	float: right;
	width: 372px;	
}

.groupcontacttext p {
	font-size: 93%;   
	
}
.groupcontactwrapper img {
}
#recaptcha_image {
	height: 57px;
	width: 300px;
}
.vehicle-thumb  {
	padding: 0px;
	float: left;
	width: 131px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.vehicle-thumb .vehiclelink {
	background-color: #B3CDC4;
	padding: 5px;
}
.vehicle-thumb-wrapper {
	margin-bottom: 20px;
	width: 670px;
	float: left;
}
.vehicle-thumb-wrapper h2 {
	font-weight: bold;
	font-size: 108%;
}
.vehicle-thumb a {
	display: block;
	background-color: #B4CDC3;
	font-size: 85%;
	color: #005338;
	min-height: 30px;
	padding-top: 5px;
	padding-right: 24px;
	padding-bottom: 5px;
	padding-left: 8px;
	background-image: url(/assets/images/vehicle-arrow.gif);
	background-repeat: no-repeat;
	background-position: 12px 3px;
}
.vehicle-thumb a:hover {
	color: #FFFFFF;
	background-image: url(/assets/images/vehicle-arrow-over.gif);
	background-repeat: no-repeat;
}


.tablestyle1 {
}
.tablestyle2 {
	color: #333333;
	font-weight: bold;
	border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;
}
.tablestyle3 {color: #333333;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}
.tablestyle4 {
	font-size: 93%
}
.twoThirdCol {
	width: 270px;
}
.coachsalesheader {
	font-size: 116%;
	font-weight: bold;
	color: #005338;
	padding-bottom: 10px;
}
.coach-sales-wrapper {
	padding-bottom: 10px;
	margin-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EAF1EF;
	float: left;
	width: 490px;
	height: auto;
}

.thirdCol {
	width: 200px;
	float: right;
}

/******************---- PNG i-e 6 hack---****************/
/**********************************************/



img, div, a, input{ behavior: url(/assets/images/png.htc)}
.feature-news-wrapper .feature-news-flash p {
	font-size: 93%;
	margin-bottom:5px;
}


#s2 #container #mainContent .mainContentBox .feedback p {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#s1 #bottom .cpt {
	float: right;
}
#bottom .cpt-logos {
	background-image: url(../images/CPT-logo.gif);
	background-repeat: no-repeat;
	width: 80px;
	height: 30px;
	text-indent: -9999px;
	display: block;
}
#bottom .coach-op-logo {
	background-image: url(../images/British-Coach-Op-logo.gif);
	height: 80px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	width: 56px;
}
.banner .image-left {
	float: left;
	height: 60px;
	width: 250px;
}
.banner .image-right {
	float: right;
	height: 60px;
	width: 250px;
}
#s2 #container #mainContent .banner h2 {
	font-size: 116%;
	font-weight: bold;
}
.error {
width:156px;
display:block;
color:#ffffff;
font-weight:bold;
background-color:#ff0000;
padding:2px 4px;
}