/* General Setup */
* { padding: 0; margin: 0; }
html {height:100%;}
body {background:#ccc; font:75%  Verdana, Arial, Helvetica, sans-serif; height:100%; color:#333;}
p{color:#333; font-size:0.9em; line-height:1.4em;}
h1 {color:#ab3f4b; font-weight:normal; font-size:1.8em; margin:5px 0 15px 0;}
h2 {color:#ab3f4b; font-size:1.4em; margin:5px 0 15px 0;}
h3 {color:#ab3f4b; font-size:1.2em; margin:10px 0;}
h4 {color:#ab3f4b; font-size:1em; margin:20px 0 10px 0;}
h5 {color:#666; font-size:0.9em; font-weight:bold;}
#js {color:#FFF; font-size:0.7em;}
a {color:#ab3f4b;}
a:hover{color:#ab3f4b; text-decoration:none;}
a img {border:0;}
select {font-size: 10px; color: #A0384A;}
hr {border: 0; width: 100%; background-color: #ccc; height: 1px; clear:both;}

/* Wrapper */
#wrapper {width: 984px; min-height:768px; background:url(images/wrapper_bg.gif) repeat-y top left;}

/* Header */
#header {width:984px; color: #666; padding: 0px; height: 115px; margin: 0px 0px 0px 0px; background: url(images/header_bg.gif) no-repeat top left;}
#header a {padding:0px 4px; color:#666; font-size:0.8em; font-weight:bold; text-decoration:none;}
#header a:hover {color:#ab3f4b; text-decoration:none;}
#logo {margin:17px 0px 18px 29px;}
#time {position:absolute; left:62px; top:85px; color:#fff; background:#666; font-size:1.1em; font-weight:bold;}
#selector {position:absolute; width:300px; left: 145px; top: 85px;}
#navigation ul {margin:0 20px 0 0; text-align:right;}
#navigation ul li{display:inline;}

/* Breadcrumbs */
#breadcrumb {color:#fff; width: 984px; font-size:0.8em; padding-top: 15px; padding-left:10px; height: 20px; margin: 0px 0px 0px 0px; background: url(images/breadcrumb_bg.gif) no-repeat top left;}
.breadcrumbArrow{padding:0px 4px 0px 4px; color:#666;}
#breadcrumb ul li{display:inline;}

/* Main Content */
#content {width: 929px; padding: 10px 0px 20px 35px; float:left;}
.tt {background-color:#FFFF99;}

/* Signposts */
#signposts {clear:both; padding-top:50px; padding-left:20px;}
#signposts a {color: #666; font-size:.8em; display:block; padding-left:30px;}
#signposts a.Wheelchair {background:url(images/signpostWheelchair.gif) no-repeat center left;}
#signposts a.Social {background:url(images/signpostSocialNetwork.gif) no-repeat center left;}
#signposts a.RSS {background:url(images/signpostRSS.gif) no-repeat center left;}
#signposts a.contact {background:url(images/signpostContact.gif) no-repeat center left;}
#signposts a.faq {background:url(images/signpostFAQ.gif) no-repeat center left;}


#signposts ul li {list-style:none; display:inline-block; background:url(images/signpostBG.gif) no-repeat top left; width:228px; height:44px; float:left; padding:5px 0 0 10px; margin-right:10px;}


/* Icons */
.noticeboardIcon{ width:157px; text-align:center; float:left; display:block; padding:30px 15px 15px 10px;}
.noticeboardIcon a { display: block; text-align:center; width:157px; padding-top:110px; background:url(images/icon_noticeboard.gif) no-repeat top left; text-decoration:none;}
.noticeboardIcon a:hover { display: block; padding-top:110px; background:url(images/icon_noticeboard.gif) no-repeat top right;}

.hospitalIcon{ width:157px; text-align:center; float:left; display:block; padding:30px 15px 35px 10px;}
.hospitalIcon a { display: block; text-align:center; width:157px; padding-top:110px; background:url(images/icon_hospital.gif) no-repeat top left; text-decoration:none;}
.hospitalIcon a:hover { display: block; padding-top:110px; background:url(images/icon_hospital.gif) no-repeat top right;}

.portsIcon{ width:157px; text-align:center; float:left; display:block; padding:30px 15px 15px 10px; clear:left;}
.portsIcon a { display: block; text-align:center; width:157px; padding-top:110px; background:url(images/icon_ports.gif) no-repeat top left; text-decoration:none;}
.portsIcon a:hover { display: block; padding-top:110px;	background:url(images/icon_ports.gif) no-repeat top right;}

.infoIcon{ width:157px; text-align:center; float:left; display:block; padding:30px 15px 15px 10px;}
.infoIcon a { display: block; text-align:center; width:157px; padding-top:110px; background:url(images/icon_info.gif) no-repeat top left; text-decoration:none;}
.infoIcon a:hover { display: block; padding-top:110px;	background:url(images/icon_info.gif) no-repeat top right;}

.faqIcon{ width:157px; text-align:center; float:left; display:block; padding:30px 15px 15px 10px;}
.faqIcon a { display: block; text-align:center; width:157px; padding-top:110px; background:url(images/icon_faq.gif) no-repeat top left; text-decoration:none;}
.faqIcon a:hover { display: block; padding-top:110px;	background:url(images/icon_faq.gif) no-repeat top right;}

.publicationsIcon{ width:157px; text-align:center; float:left; display:block; padding:30px 15px 15px 10px;}
.publicationsIcon a { display: block; text-align:center; width:157px; padding-top:110px; background:url(images/icon_publications.gif) no-repeat top left; text-decoration:none;}
.publicationsIcon a:hover { display: block; padding-top:110px;	background:url(images/icon_publications.gif) no-repeat top right;}

.busesIcon{ width:157px; text-align:center; float:left; display:block; padding:30px 15px 15px 10px;}
.busesIcon a { display: block; text-align:center; width:157px; padding-top:110px; background:url(images/icon_buses.gif) no-repeat top left; text-decoration:none;}
.busesIcon a:hover { display: block; padding-top:110px;	background:url(images/icon_buses.gif) no-repeat top right;}

.railwaysIcon{ width:157px; text-align:center; float:left; display:block; padding:30px 15px 15px 10px;}
.railwaysIcon a { display: block; text-align:center; width:157px; padding-top:110px; background:url(images/icon_railways.gif) no-repeat top left; text-decoration:none;}
.railwaysIcon a:hover { display: block; padding-top:110px;	background:url(images/icon_railways.gif) no-repeat top right;}

.eventsIcon{ width:157px; text-align:center; float:left; display:block; padding:30px 15px 15px 10px;}
.eventsIcon a { display: block; text-align:center; width:157px; padding-top:110px; background:url(images/icon_events.gif) no-repeat top left; text-decoration:none;}
.eventsIcon a:hover { display: block; padding-top:110px; background:url(images/icon_events.gif) no-repeat top right;}

.schoolsIcon{ width:157px; text-align:center; float:left; display:block; padding:30px 15px 15px 10px;}
.schoolsIcon a { display: block; text-align:center; width:157px; padding-top:110px; background:url(images/icon_schools.gif) no-repeat top left; text-decoration:none;}
.schoolsIcon a:hover { display: block; padding-top:110px; background:url(images/icon_schools.gif) no-repeat top right;}

/* Info page */
#infoPage hr{display:block; margin:20px 0;}
#infoPage li {color:#666666; font-size:10px; margin-left:20px;}

/* FAQ page */
#faqPage h3 {margin-top:20px;}
#faqPage p {margin-bottom:7px;}
#faqPage ul { color:#666; margin-left:50px; font-size:0.9em;}
#address ul {list-style:none;}

/*School page */
.school a {display:block; padding:10px 0 0 165px; margin:0 20px 50px 0; height:90px; width:250px; float:left;}
.school a.stninians {background:url(images/school-stninians.jpg) no-repeat;}
.school a.ballakermeen {background:url(images/school-ballakermeen.jpg) no-repeat;}
.school a.castlerushen {background:url(images/school-castlerushen.jpg) no-repeat;}
.school a.peel {background:url(images/school-peel.jpg) no-repeat;}
.school a.douglasnorth {background:url(images/school-douglas-north.jpg) no-repeat;}

/* Noticeboard page */
#noticeSideTab {width:92px; position:absolute; left:0px;}
#noticeSideTab a {color:#FFF; text-decoration:none; font-weight:bold;}
#noticeRSS {background:url(images/noticeboardTab.gif) no-repeat top left; width:102px; height:28px; padding:6px 0 0 6px;}
#followTwitter {background:url(images/twitterTab.gif) no-repeat top left; width:102px; height:28px; padding:6px 0 0 6px;}
.notice {border:none; height:131px; width:700px; background:url(images/noticeboardFade.gif) no-repeat top left; margin:0 0 30px 83px; padding:0;}
notice h3 {margin:0;}
#notice h4 {margin:0;}
#notice h5 {font-size:0.9em; color:#666; font-weight:bold; padding:10px 0 0 10px;}
.notice tr {vertical-align:top;}
.noticeTitle {text-align:left; height:25px;}
.noticeBody {height:106px; text-align:left; vertical-align:top; padding-right:10px; padding-bottom:10px;}
.noticeBody p{margin-bottom:10px;}
.noticeBody ul{color:#666; font-size:0.9em; line-height:1.2em; list-style:none;}
.leftColumn {width:100px; text-align:left;}
.leftColumn h5 {display:block; padding:10px; font-size:.9em;}

/* Recent Noticeboard Posts */
#noticePosts {width: 984px; height:25px; float:left;}
#noticePosts a {padding-left:8px;}
#noticePosts ul li{display:inline;}
#timeShift a:hover {text-decoration:none;}
#timeShift a.earlier {display:block; background:url(images/earlier.gif) no-repeat top left; padding-left:18px; width:100px; height:20px;}
#timeShift a.later {background:url(images/later.gif) no-repeat top right; padding-right:18px; display:block; text-align:right; position:relative; top:-20px; width:100px; right:-586px; height:20px;}
#MERchange {margin:0 0 30px 80px; background:#eee;}
#MERchange p{text-align:left; padding:5px;}
#MERchange h3{padding:5px; text-align:left;}

/* Return Service button */
#returnService {width:81px; position:absolute; left:745px;}
#returnService a {background: url(images/return_button.gif) no-repeat top left; display:block; height:47px; padding-left:500px; overflow:hidden;}
#returnService a:hover {background: url(images/return_button.gif) no-repeat bottom left;}

/* Downloads */
#downloads {width:659px; height:150px; background:url(images/bg-downloads.jpg) no-repeat top left; padding:0 20px 0 110px; margin-top:20px;}
#downloads h3 {padding-top:15px; margin:0;}
#downloads p {padding-top:10px; margin:0;}
.mapDownloads {width:243px; height:150px; float:left; padding:0 10px;}
.mapDownloads h3 {margin:0; padding:0;}
.mapDownloads p {padding-top:10px; margin:0;}
.mapDownloads img {float:left; margin:0 20px 30px 0;}
#otherDownloads p{padding-top:10px; margin:0;}
#otherDownloads h3{margin:0; padding:0;}
#otherDownloads h4{padding:0; margin:0;}
#otherDownloads li{margin-top:20px;}
.downloadPDF {background:url(images/pdfDownload.gif) no-repeat top left; padding-left:40px; list-style:none;}
.downloadWord {background:url(images/wordDownload.gif) no-repeat top left; padding-left:40px; list-style:none;}
.downloadImage {background:url(images/imageDownload.gif) no-repeat top left; padding-left:40px; list-style:none;}
.downloadPhoto {background:url(images/photoDownload.gif) no-repeat top left; padding-left:40px; list-style:none;}
#otherDownloads {padding-left:35px;}

/* Contact Page */
#contactPage {width:789px; height:350px; background:url(images/bg-contact.jpg) no-repeat top left; margin-top:20px;}
#contactPage ul{list-style:none; margin-top:10px;}
#contactObject {margin-top: 20px;}
#contactForm {width:516px; float:left; padding-left:10px;}
#contactForm h3{display:block; padding-bottom:10px;}
#contact label {width:300px; float:left; margin-bottom:20px;}
#Name {margin:5px 0 10px 0; padding:2px;}
#Email {margin:5px 0 10px 0; padding:2px;}
#message {margin:5px 0 10px 0; line-height:14px; padding:4px;}
#contactPhone {width:253px; height:135px; float:left; padding-right:10px;}
#contactPost {width:253px; float:left; padding-right:10px;}
#phoneNumber {font-size:20px; padding-left:5px; font-weight:normal; line-height:20px; margin-bottom:10px;}
#phoneNumber a{margin-left:10px;}
#log {}
#log h4 {color:#666666; padding:0; margin:0 0 10px 0;}
#log_res {overflow: auto;}
.formError {color:#FF3300;}
.human { visibility: hidden; height: 0; padding: 0; }
#log_res.ajax-loading {display: block; width: 513px; height: 19px;	background: url(images/loadbar.gif) no-repeat center; }
form p {margin-bottom:5px;}
#thanks {margin-bottom:30px;}
#contactWebsite {width:779px; clear:both; padding-left:10px; margin-top:30px;}
#containerThanks {float:left; padding-left:10px;}
#mobileView {display:none;}

/* Advertise Page */
#advertise-image {margin-top:30px; width:535px; height:328px; background:url(images/advertise.jpg) no-repeat top center;}

/* img, div, a { behavior: url(iepngfix.htc) } */

.NB {background-color: #AB3F4B; padding:10px; margin-top:20px; text-align:center;}
.NB p {color:#FFF; font-weight:bold; background-color: #AB3F4B; line-height:20px;}
#pad {height: 30px;}

#topnav {position:absolute; top:10px; width:520px; left:476px; font-size:0.9em;}
#topnav a {color:#999; text-decoration:none;}
#topnav a:hover {color:#ab3f4b;}
#cse-search-box {width:215px; text-align:right; margin-left:10px; float:left; clear:none;}
#twitterlink, #print { position:relative;}
#twitterlink a {background:url(images/TwitterIcon.gif) no-repeat; height:25px; float:left; clear:none; padding-left:45px;}
#print a {background:url(images/printIcon.gif) no-repeat; height:21px; margin-left:10px; float:left; clear:none; padding-left:30px;}
.new {color:#FF4040; font-size:0.7em;}
.facebook {padding:10px; width:105px; white-space:normal;}
.filedownload a {display:block; background:url(images/downloadfile.gif) no-repeat; height:24px; padding-left:30px; margin-top:10px; float:left; clear:both;}
.filedownloadTT a {background:url(images/downloadfile.gif) no-repeat; height:24px; padding-left:25px; margin:10px 20px 10px 0; float:left;}
.backlink {font-weight:bold; margin-top:20px;}

/*calendars*/
.cal {float:left; margin:0 20px 20px 0; font-size:13px; height:200px; width:180px;}
#padcal {margin-left:80px;}
#padcal a {text-decoration:none;}
#padcal a:hover {text-decoration:none;}
.calClear {clear:left; float:left; margin:0 20px 20px 0; font-size:13px;}
table.calendar td, th {border:thin #CCC solid; padding:2px; height:17px; text-align:center;}
.calendar caption {color:#ab3f4b; font-weight:bold; margin-bottom:10px;}

a.yellow {background:#FFFF33; color:#000;}
a.aqua {background:#00CCFF; color:#000;}
a.pink {background:#FF66CC; color:#000;}
a.redpink {background:url(images/red-pink.gif) no-repeat center; color:#000;}
a.greenpink {background:url(images/greenpink.gif) no-repeat center; color:#000;}
a.red {background:#FF0000; color:#fff;}
a.blue {background:#0066FF; color:#fff;}
a.green {background:#66cc33; color:#fff;}
a.bluered {background:url(images/blue-red.gif) no-repeat center; color:#000;}
a.bluegreen {background:url(images/blue-green.gif) no-repeat center; color:#fff;}
a.orange {background:#FF9900; color:#000;}
a.bluepurple {background:url(images/blue-purple.gif) no-repeat center; color:#fff;}
a.pinkpurple {background:url(images/pink-purple.gif) no-repeat center; color:#fff;}
a.purple {background:#663399; color:#fff;}
a.bluered {background:url(images/blue-red.gif) no-repeat center; color:#fff;}
a.aquagreen {background:url(images/aquagreen.gif) no-repeat center; color:#000;}
a.purplegreen {background:url(images/purple-green.gif) no-repeat center; color:#fff;}

a.yellow, a.aqua, a.pink, a.red, a.blue, a.orange, a.redpink, a.bluered, a.bluepurple, a.purple, a.bluered, a.greenpink, a.bluegreen, a.pinkpurple, a.aquagreen, a.green, a.purplegreen {display:block; height:16px; min-width:16px; text-align:center;}

.tablealign { float:left;}

#iomadvertising {background:url(images/isleofmanadvertising.jpg) no-repeat top right; padding-right:280px; height:85px;}
#rushhour {height:80px;}

.facebookCell { text-align:left; width:475px;}
.twitterCell {text-align:left; padding:5px 0 0 30px; background:url(images/retweet.gif) top left no-repeat; width:100px;}
tr.socialspace { margin-top:20px;}
#ttimg {float:right;}

#timetables2010 { background:url(images/2010timetable-banner.gif) no-repeat top left; width:789px; height:168px; display:block; text-indent:-2000px;}
#mhtg { background:url(images/heritagetramwaysgathering.gif) no-repeat top left; width:789px; height:168px; display:block; text-indent:-2000px;}
#hoptunaa { background:url(images/hoptunaa-header.jpg) no-repeat top left; width:929px; height:178px; display:block; text-indent:-2000px;}
#mothersday { background:url(images/mothersday.gif) no-repeat top left; width:929px; height:168px; display:block; text-indent:-2000px;}
#poem { font-style:italic; margin-bottom:20px; padding-left:10px;}
#bonfirenight {background:url(images/bonfire.jpg) no-repeat top left; width:929px; height:205px; display:block; text-indent:-2000px;}
#santatrains {background:url(images/santatrains.gif) no-repeat top left; width:929px; height:205px; display:block; text-indent:-2000px;}
#xmasnewyear {background:url(images/xmasnewyear.jpg) no-repeat top left; width:929px; height:205px; display:block; text-indent:-2000px;}
#owl {background:url(images/owllarge.gif) no-repeat top left; padding:34px 0 0 75px; margin:30px 0 20px 0;}
#victorian {background:url(images/victorian-extra.gif) no-repeat top left; width:929px; height:300px; display:block; text-indent:-2000px;}
#railale {background:url(images/rail-ale.jpg) no-repeat top left; width:929px; height:200px; display:block; text-indent:-2000px;}
#mhtf {background:url(images/manxheritagetransport2011.jpg) no-repeat top left; width:929px; height:200px; display:block; text-indent:-2000px;}
#ttheader {background:url(images/tt-header.jpg) no-repeat top left; width:929px; height:168px; display:block; text-indent:-2000px;}
#porterinday {background:url(images/porterinday.jpg) no-repeat top left; width:929px; height:200px; display:block; text-indent:-2000px;}
#ttcommuter {background:url(images/tt-commuter-2011.jpg) no-repeat top left; width:929px; height:200px; display:block; text-indent:-2000px;}
#islandatwar {background:url(images/islandatwar.jpg) no-repeat top left; width:929px; height:209px; display:block; text-indent:-2000px;}
#familyfun {background:url(images/family-fun-day.jpg) no-repeat top left; width:929px; height:181px; display:block; text-indent:-2000px;}
#teddybear {background:url(images/teddybear-header.jpg) no-repeat top left; width:929px; height:165px; display:block; text-indent:-2000px;}
#rollingstock {background:url(images/rolling-stock-header.gif) no-repeat top left; width:929px; height:165px; display:block; text-indent:-2000px;}
#ridetherocket {background:url(images/ridetherocket-header.jpg) no-repeat top left; width:929px; height:190px; display:block; text-indent:-2000px;}
#xmasgift {background:url(images/christmasgift-header.jpg) no-repeat top left; width:929px; height:155px; display:block; text-indent:-2000px;}
#cobwebs {background:url(images/cobwebs-header.gif) no-repeat top left; width:929px; height:160px; display:block; text-indent:-2000px;}
#harrypotter {background:url(images/harrypotter-header.jpg) no-repeat top left; width:929px; height:160px; display:block; text-indent:-2000px;}
#valentines {background:url(images/valentines-header.jpg) no-repeat top left; width:929px; height:150px; display:block; text-indent:-2000px;}
#winterphotography {background:url(images/winter-photography-header.jpg) no-repeat top left; width:929px; height:150px; display:block; text-indent:-2000px;}
#musichall {background:url(images/musichall-header.jpg) no-repeat top left; width:929px; height:150px; display:block; text-indent:-2000px;}
#opera {background:url(images/opera-header.jpg) no-repeat top left; width:929px; height:150px; display:block; text-indent:-2000px;}

.imgright {float:right; margin-left:20px;}

/* Survey/Post-it */
#survey {display:block;	width:337px; height:115px; /*background:url(images/survey-post-it.png) no-repeat top center;*/ background:url(images/2010timetable-button.gif) no-repeat top center;	/*background:url(images/survey-post-it-cars.png) no-repeat top center;*/ position:absolute;	left: 500px; top:123px;}
#surveyText {display:block; position:absolute; left:-4000px;}

/* TT Post-it */
#TTpostit {display:block; width:337px; height:115px; background:url(images/tt-homepagebutton.gif) no-repeat top center; position:absolute; left: 500px; top:123px;}
#mgppostit {display:block; width:337px; height:115px; background:url(images/mgp-homepagebutton.gif) no-repeat top center; position:absolute; left: 500px; top:123px;}
#newservicespostit {display:block; width:337px; height:115px; background:url(images/revisedservices2012.gif) no-repeat top center; position:absolute; left: 500px; top:123px;}
#TTpostitText {display:block; position:absolute; left:-4000px;}


.tableAlignLeft {
 text-align:left;
 padding:0 20px 0 5px;
}

.tableCornerRight, .tableCornerRight-yellow, .tableCornerRight-aqua, .tableCornerRight-pink, .tableCornerRight-blue, .tableCornerRight-red, .tableCornerRight-orange, .tableCornerRight-purple, .tableCornerRight-green {
 font-weight:bold;
 color:#FFF;
}

.tableCornerRight {background:url(images/tableCornerRight.gif) no-repeat top right; background-color:#a0384a;}
.tableCornerRight-yellow {background:url(images/tableCornerRight-yellow.gif) no-repeat top right; background-color:#FFFF33;}
.tableCornerRight-aqua {background:url(images/tableCornerRight-aqua.gif) no-repeat top right; background-color:#00CCFF;}
.tableCornerRight-pink {background:url(images/tableCornerRight-pink.gif) no-repeat top right; background-color:#FF66CC;}
.tableCornerRight-blue {background:url(images/tableCornerRight-blue.gif) no-repeat top right; background-color:#0066FF;}
.tableCornerRight-red {background:url(images/tableCornerRight-red.gif) no-repeat top right; background-color:#FF0000;}
.tableCornerRight-orange {background:url(images/tableCornerRight-orange.gif) no-repeat top right; background-color:#FF9900;}
.tableCornerRight-purple {background:url(images/tableCornerRight-purple.gif) no-repeat top right; background-color:#663399;}
.tableCornerRight-green {background:url(images/tableCornerRight-green.gif) no-repeat top right; background-color:#66cc33;}

.tableCornerLeft, .tableCornerLeft-yellow, .tableCornerLeft-aqua, .tableCornerLeft-pink, .tableCornerLeft-blue, .tableCornerLeft-red, .tableCornerLeft-orange, .tableCornerLeft-purple, .tableCornerLeft-green {
 text-align:left;
 padding-left:5px;
 color:#FFF;
 font-weight:bold;
}

.tableCornerLeft {background:url(images/tableCornerLeft.gif) no-repeat top Left; background-color:#a0384a;}
.tableCornerLeft-yellow {background:url(images/tableCornerLeft-yellow.gif) no-repeat top left; background-color:#FFFF33; color:#000;}
.tableCornerLeft-aqua {background:url(images/tableCornerLeft-aqua.gif) no-repeat top left; background-color:#00CCFF; color:#000;}
.tableCornerLeft-pink {background:url(images/tableCornerLeft-pink.gif) no-repeat top left; background-color:#FF66CC; color:#000;}
.tableCornerLeft-blue {background:url(images/tableCornerLeft-blue.gif) no-repeat top left; background-color:#0066FF; color:#FFF;}
.tableCornerLeft-red {background:url(images/tableCornerLeft-red.gif) no-repeat top left; background-color:#FF0000; color:#fff;}
.tableCornerLeft-orange {background:url(images/tableCornerLeft-orange.gif) no-repeat top left; background-color:#FF9900; color:#000;}
.tableCornerLeft-purple {background:url(images/tableCornerLeft-purple.gif) no-repeat top left; background-color:#663399; color:#fff;}
.tableCornerLeft-green {background:url(images/tableCornerLeft-green.gif) no-repeat top left; background-color:#66cc33;}

.tableServices, .tableServices-yellow, .tableServices-aqua, .tableServices-pink, .tableServices-blue, .tableServices-red, .tableServices-orange, .tableServices-purple {
 color:#FFF;
 font-weight:bold;
}

.tableServices {background:#a0384a;}
.tableServices-yellow {color:#666; background:#FFFF33;}
.tableServices-aqua {color:#666; background:#00CCFF;}
.tableServices-pink {background:#FF66CC;}
.tableServices-blue {background:#0066FF;}
.tableServices-red {background:#FF0000;}
.tableServices-orange {background:#FF9900;}
.tableServices-purple {background:#663399;}
.tableServices-green {background:#66cc33;}

.tableServicesLeft {
 color:#FFF;
 background:#a0384a;
 font-weight:bold;
 text-align:left;
}



/* ---------------- NEW CSS ------------- */
.clear {height:160px;}
.clearlots {height:260px;}


/* destinations */
#destinations p {font-weight:bold; margin:0 0 3px 0; padding:3px 0 3px 3px;}
#destinations .pink {background:#ffccff;}
#destinations .grey {background:#d8d8d8;}
#destinations .yellow {background:#ffffcc;}
#destinations .blue {background:#b7e0f0;}
#destinations .green {background:#cae8b2;}
#destinations .orange {background:#ecc28c;}
#destinations .purple {background:#d8a5de;}
#destinations .purplegrey {background:#bfb3c5;}
.destnumber {float:right; padding-right:3px;}

/*timetables */
#servicedays {background:#ab3f4b;margin:21px 0 20px 80px; float:left;}
#servicedays p { color:#fff; padding:2px 4px; font-size:1.2em; font-weight:bold;}
table.timetable, table.timetablehosp {margin:20px 0 30px 80px; text-align:center; border-collapse:collapse; font-size:11px; clear:left;}
table.schooltimetable {margin:20px 0 30px 0; text-align:center; border-collapse:collapse; font-size:11px; clear:left;}

.pink {background:url(images/cell-pink.gif) no-repeat top left;}
.grey {background:url(images/cell-grey.gif) no-repeat top left;}
.yellow {background:url(images/cell-yellow.gif) no-repeat top left;}
.blue {background:url(images/cell-blue.gif) no-repeat top left;}
.green {background:url(images/cell-green.gif) no-repeat top left;}
.orange {background:url(images/cell-orange.gif) no-repeat top left;}
.purple {background:url(images/cell-purple.gif) no-repeat top left;}
.purplegrey {background:url(images/cell-purplegrey.gif) no-repeat top left;}
.timetableheader, .timetableheaderhosp, .timetableheaderredline {color:#ab3f4b; font-weight:bold; font-size:1.1em;}
.timetableheaderredline  { border-bottom:thin solid #ab3f4b;}
tr.timetableheaderhosp { border-top:#fff 20px solid;}
.timetablecode {line-height:12px; margin:0; padding:0; font-weight:bold;}
table.timetable td {padding:1px 3px 1px 5px;}
table.schooltimetable td {padding:1px 3px 1px 5px;}
.redline {border-bottom:#ab3f4b 1px solid;}
table.timetable .destinations {padding:0 10px 0 0; text-align:left;}
.destitalic {font-style:italic;}
.destiblue {background:#b7e0f0;}
.destipink {background:#ffccff;}
.bonfire {width:30px;}

/* Note and Glossary */
#notes {padding-left:80px; clear:both;}
.glossaryItems {float:left; width:400px; margin-right:20px;}
.glossaryItems ul {color:#666; font-size:0.9em;}
.glossaryItems ul li{list-style:none;}
.HospNotes {float:left; width:800px; margin-right:20px;}
.HospNotes ul {color:#666; font-size:0.9em; margin-bottom:10px;}
.HospNotes ul li{ list-style:none;}

/* Side Tabs */
#sideTabs {width:92px; position:absolute; left:0px; top:280px; font-size:80%;}
#sideTabs a {color:#666; text-decoration:underline;}
#sideTabs a:hover {text-decoration:none;}
#sideTabs ul {padding:0; margin:20px 0 0 0 ;}
#sideTabs ul#sideTime {margin-top:20px;}
#sideTabs ul#sideReturnService {margin-top:20px;}
#sideTabs ul.sideDownload {margin-top:20px;}
#sideTabs li {background:url(images/sideTabFeint.gif) no-repeat left top; list-style:none; height:19px; margin:0; padding:3px 0 0 24px;}
#sideTabs li.current {background:url(images/sideTabCurrent.gif) no-repeat left top; color:#FFF;}
#sideTabs li.currentTimeshift {background:url(images/sideTabCurrentTimeshift.gif) no-repeat left top; color:#FFF;}
#sideTabs li.timeshift {background:url(images/sideTabTimeshift.gif) no-repeat left top; color:#FFF;}
#sideTabs li.pdfDownload {background:url(images/pdfTab.gif) no-repeat left top; padding-top:8px;}
#sideTabs li.printTab {background:url(images/printTab.gif) no-repeat left top; padding-top:8px;}
#sideTabs li.returnTab {background:url(images/returnTab.gif) no-repeat left top; padding-top:5px; height:34px; width:98px;}

/* #widget {position:absolute; top:245px; left:784px; height:650px;} */

/* A-Z timetables and Maps */
.instructions { margin-bottom:10px;}

#aztimes {float:left; height:620px; width:534px; margin-top:82px; overflow-y:scroll;}
#aztimes li {list-style:none;}
#aztimes h4 {font-size:1.4em; display:block; width:auto; border-bottom:#ccc 2px solid; padding-bottom:5px; margin-right:10px;}

#railtimetables {float:left; height:620px; width:534px; margin-top:10px;}
#steam, #mer, #smr {width:531px; height:150px; padding:1px 0 0 200px;}
#steam {background:url(images/bg-steam.jpg) no-repeat top left;}
#mer {background:url(images/bg-mer.jpg) no-repeat top left;}
#smr {background:url(images/bg-smr.jpg) no-repeat top left;}

#azletters {position:absolute; top:237px; left:35px;}
#azletters li {display:inline; padding:4px 4px; background:#e3e3e3; font-size:1.4em; font-weight:bold;}
#azletters a {text-decoration:none;}
#azletters a:hover {text-decoration:underline;}

#timetablemaps {float:left; width:370px; height:620px; margin-top:12px; overflow:hidden;}
#timetablemaps a {border:#ccc 4px solid; width:339px;}

#mapselector {float:left; width:347px; padding-left:23px;}
#mapselector ul {margin:0 0 16px 0; }
#mapselector li {display:inline;}
#mapselector a {font-size:1em; font-weight:bold; background:#e3e3e3; padding:7px 5px; text-decoration:none;}
#mapselector a:hover {text-decoration:underline;}

#slider {width:360px; height:620px; position:relative; top:0; left:10px;}

#iommap, #douglasmap, #peelmap, #ramseymap {width:360px; height:620px; padding-left:13px;}
#iommap {background:url(images/map-iom-key.gif) no-repeat bottom center;}
#douglasmap {background:url(images/map-douglasonchan-key.gif) no-repeat bottom center;}
#peelmap {background:url(images/map-peel-key.gif) no-repeat bottom center;}
#ramseymap {background:url(images/map-ramsey-key.gif) no-repeat bottom center;}
#railmap {}

/* Port & Airport page */
.portairportColumn {background:#FFF; width:440px; float:left; padding-right:20px; margin-top:10px;}
.portairportColumn img {padding:10px 0;}
.portairportColumn ul{list-style-type: none; margin-bottom:15px;}
.portairportColumn a{margin-left:10px;}

/* Banners */
#banner {width:468px; height:60px; position:absolute; left:495px; top:10px; background:#FFF; margin:0; padding:0;}
#verticalbanner {width:140px; height:620px; position:absolute; top:160px; left:840px;}
#privacy {color:#999999; font-size:0.8em;}

/* Hospital Services Page */
#noblesHospital, #ramseyHospital {width:500px; float:left; height:200px; padding-left:217px; margin-top:20px;}
#noblesHospital h3, #ramseyHospital h3 {padding-top:0; margin-top:0;}
#noblesHospital {background:url(images/noblesHospital.jpg) no-repeat top left;}
#ramseyHospital {background:url(images/ramseyHospital.jpg) no-repeat top left;}
#hospitalLink {clear:left;}

/* Footer */
#footer {width: 994px; height:50px; background: #CCCCCC url(images/footer_bg.gif) no-repeat top left; clear:left; padding-top:20px;}
#footer p {color: #999; font-size:.8em;}
#footer a {color: #999; font-weight:bold; text-decoration:none;}
#footer a:hover {color: #ff9900;}
#footerLeft {width:800px; float:left; padding-left:20px;}
#footerRight {float:left; width:164px;}
#footerRight ul {list-style:none;}
#footerRight ul li{display:inline;}
#hosted {margin-top:5px;}
#hosted a:hover {color:#ab3f4b;}

#weather li{ font-size:11px; color:#333;}

#PDFembed {width:900px; height:650px; padding:0;}
#Aprildownload {margin:10px 0 60px 0;}

#timetabledownload {width:721px; height:367px; background:url(images/bg-2011timetable.jpg) no-repeat top left; padding:20px 0 0 200px;}
.hospitalservice {text-align:left;}

/*event boxes */
.eventbox {float:left; width:420px; height:161px; background:url(images/events-bg.gif) no-repeat top left; margin:20px 20px 0 0; padding:0 10px;}
.eventbox h3 {margin:10px 0 5px 0;}
.eventbox h5 {margin:5px 0;}
.eventbox p {margin:5px 0;}
.eventbox a {margin:5px 0;}
.eventbox img {float:left; margin:10px 10px 0 0;}

.clearleft { clear:left;}


#newtimetabledownloadbox {background:url(images/newtimetablesmall.jpg) no-repeat left top; width:150px; padding-top:210px; float:right; margin-left:20px;}
.newtimetabledownload a {display:block; background:url(images/downloadfile.gif) no-repeat; height:24px; padding-left:30px;}