@charset "UTF-8";
/* CSS Document */
/******************************************************/
/*=:project
scalable Inman Flash Replacement (sIFR) version 3.
=:file
Copyright: 2006 Mark Wubben.
Author: Mark Wubben,
=: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
*/
/*---- 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; }
#mainContent-survey { margin-top: 0; margin-right: 50px; 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: 8px; float: right; width: 340px; }
.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; }
.mainContentBox-survey { padding: 10px; font-size: 93%; border: 1px solid #F4F2EA; height:auto; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
.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; }
#quickquote_skillslondon { width: 162px; background-image: url(/assets/images/skillslondon2010/skills_quick_quote_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, #quickquote_skillslondon 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, #quickquote_skillslondon label { float: left; width: 162px; font-weight: bold; }
#quickquote legend, #quickquote_small legend, #quickquote_skillslondon 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, #quickquote_skillslondon input { clear:both; width: 155px; margin-top: 0px; margin-right: 0px; margin-bottom: 6px; margin-left: 0px; padding: 0px; }
#quickquote select { width: 155px; }
#quickquote_small select, #quickquote_skillslondon select { width: 160px; }
#quickquote br, #quickquote_small br, #quickquote_skillslondon 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, .quickquote_skillslondon_btm { height: 15px; 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, #quickquote_skillslondon 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, #table-fares2 .greentablecell { background-color: #EAF1EF; }
#table-fares td, #table-fares2 td { padding: 5px; }
#table-fares th, #table-fares2 th { padding: 5px; }
#table-fares caption, #table-fares2 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; }
.mainContentBox .quote-incopy { padding: 10px; background-color: #EAF1EF; font-style: italic; margin-top: 10px; font-size: 93%; }
.coachsalesheader td { font-weight: normal; font-size: 93%; }
.coachsalesheader table { border: 1px solid #EFEFEF; }
.download-timetable a { background-image: url(/assets/images/btn-download-timetable.gif); background-repeat: no-repeat; background-position: 0px 0px; height: 26px; display: block; text-indent: -9999px; margin-left: 30px; margin-top: 10px; margin-bottom: 10px; }
.download-timetable a:hover { background-position:0px -26px; }
.strapline { float: right; margin-bottom: 2px; }
/*FAQ 2 Col Styles*/
#s1-faq #container #mainContent { margin-right: 0px; }
#s1-faq #container #mainContent .mainContentBox { width: 600px; }
.leftlist { float: left; width: 250px; margin-right:10px; }
.rightlist { float: left; width: 250px; margin-left: 20px; padding-left: 20px; }
#accordion h2 { font-size: 13px; margin-bottom: 5px; background-color: #efefef; padding: 5px; margin-left: 0px; cursor:pointer; }
#accordion div { display:none; margin-top: 5px; margin-bottom:15px; padding-left:10px; }
#accordion div ul { width:235px }
.small-menu p { width: 250px; margin-left: 20px; padding-left: 20px; }
.survey-button { background-image: url(/assets/images/survey-download.gif); background-repeat: no-repeat; display: block; height: 71px; width: 251px; text-indent:-9999px; }
.small { text-transform:none; font-size:11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif }
.timetable-link { border-bottom:dotted 1px #333333; margin-bottom:10px; }