/* General Setup */
* { padding: 0; margin: 0; }

html {
 height:100%;
}

body {
 background:#ccc;
 font:75%  Verdana, Arial, Helvetica, sans-serif;
 height:100%;
}

p{
 color:#666;
 font-size:0.9em;
 line-height:1.2em;
}
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: 789px;
 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 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 */

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

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

.noticeboardIcon{ width:157px; text-align:center; float:left; display:block; padding:30px 15px 15px 15px;}
.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 15px;}
.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 15px;}
.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 15px;}
.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;}

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

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

.faqIcon{ width:157px; text-align:center; float:left; display:block; padding:30px 15px 15px 15px;}
.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 15px;}
.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;}



/* Port & Airport page */

.portairportColumn {
 background:#FFF;
 width:360px;
 float:left;
 padding-right:30px;
 margin-top:10px;
}

.portairportColumn img{
 padding:10px 0;
}

.portairportColumn ul{
 list-style-type: none;
 color:#666;
 font-size:0.8em;
 line-height:1.2em;
 margin-bottom:15px;
}

.portairportColumn a{
 margin-left:10px;
 font-size:120%;
 line-height:140%;
}

/* 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;}

/* -------------------------------------------- */

/* 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;
}




/* Hospital Services Page */

#hopsitalPage {
 margin-top:30px;
 height:250px;
}

#hospImage {
 float:left;
}

#hospText {
 padding-left:30px;
 float:left;
}

#hospText h3 {
 padding-top:0;
 margin-top:0;
}

#hospText ul {
 margin-bottom:30px;
 list-style:none;
}

#hospText li {
 padding-bottom:5px;
}

.hospTimetable {
 margin-left:60px;
}


.hospTimetable table {
 float:left;
 margin-left:20px;
}


/* ----------------------------------------------------- */


/* Timetables Page */

#flashcontent {
 width:695px;
 height:500px;
 position:relative;
 left:-35px;
 margin-top:20px;
}

#flashcontent h3{
 margin-left:40px;
}

#flashcontent p{
 margin-left:40px;
}

#flashcontent ul{
 margin-left:60px;
 list-style:none;
 font-size:0.9em;
}

#relatedDownload ul {
 display:inline;
}

#relatedDownload li {
 list-style:none;
}

#island a {
 background:url(images/download-iomMap.jpg) top left no-repeat;
 display:block;
 padding-top:130px;
 width:100px;
 float:left;
 margin-top:20px;
}

#island a:hover {
 text-decoration:none;
}

#douglas ul {
 display:inline;
}

#douglas li {
 list-style:none;
}
#douglas a {
 background:url(images/download-douglasMap.jpg) top left no-repeat;
 display:block;
 padding-top:130px;
 width:100px;
 float:left;
 margin-top:20px;	
}

#douglas a:hover {
 text-decoration:none;
}

/* Advertising Banner */

#banner {
 width:140px;
 height:620px;
 float:left;
 margin-left:20px;
 background:url(images/bannerad-bg.gif) top left no-repeat;
}

#privacy {color:#999999; font-size:0.8em;}


/* Recent Noticeboard Posts */

#noticePosts {
 width: 984px;
 height:25px;
 float:left;
}
#noticePosts a {
 padding-left:8px;
}

#noticePosts ul li{
 display:inline;
}


/* Timetable tables */

#route {
 padding-bottom:30px;
}

.manxexpress {
 color: #FFFFFF;
 background-color: #666666;
}

.timetable {
 margin:0 0 30px 80px;
}

table {
 color: #666;
 border-collapse: collapse;
}

table td{
 padding:3px;
 text-align:center;
}

.dotty {
 background:url(images/tablecellBorder.gif) repeat-x bottom right;
}

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

.tableCornerRight, .tableCornerRight-yellow, .tableCornerRight-aqua, .tableCornerRight-pink, .tableCornerRight-blue, .tableCornerRight-red, .tableCornerRight-orange {
 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;}


.tableCornerLeft, .tableCornerLeft-yellow, .tableCornerLeft-aqua, .tableCornerLeft-pink, .tableCornerLeft-blue, .tableCornerLeft-red, .tableCornerLeft-orange {
 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;}


.tableServices, .tableServices-yellow, .tableServices-aqua, .tableServices-pink, .tableServices-blue, .tableServices-red, .tableServices-orange {
 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;}

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

#notes {
 padding-left:80px;
 clear:both;
}

#glossaryItems {
}

#glossaryItems ul{
 color:#666;
 font-size:0.9em;
}

#glossaryItems ul li{
 list-style:none;
}

#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;
}



/* ------------------------------------------------------------------------ */


/* Side Tabs */

#sideTabs {
 width:92px;
 position:absolute;
 left:0px;
 font-size:80%;
}

#sideTabs a {
 color:#666;
 text-decoration:underline;
}

#sideTabs a:hover {
 text-decoration:none;
}

#sideTabs ul {
 padding:0;
 margin: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.returnTab {
 background:url(images/returnTab.gif) no-repeat left top;
 padding-top:5px;
 height:34px;
 width:98px;
}


/* ---------------------------------------------------------------------- */


/* 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;
}

/* ---------------------------------------------------------------------- */


/* Depots Page */

#DouglasDepot {
 background:url(images/bg_depot_Douglas.jpg) no-repeat top left;
 height:128px;
 width:206px;
 padding-left:178px;
 margin-top:30px;
 float:left;
}

#DouglasDepot p{
 padding-bottom:10px;
}

#PeelDepot {
 background:url(images/bg_depot_Peel.jpg) no-repeat top left;
 height:128px;
 width:206px;
 padding-left:178px;
 margin-top:30px;
 margin-left:20px;
 float:left;
}

#PeelDepot p{
 padding-bottom:10px;
}


#RamseyDepot {
 background:url(images/bg_depot_Ramsey.jpg) no-repeat top left;
 height:128px;
 width:206px;
 padding-left:178px;
 margin-top:30px;
 float:left;
}

#RamseyDepot p{
 padding-bottom:10px;
}


#PortErinDepot {
 background:url(images/bg_depot_PortErin.jpg) no-repeat top left;
 height:128px;
 width:206px;
 padding-left:178px;
 margin-top:30px;
 margin-left:20px;
 float:left;
}

#PortErinDepot p{
 padding-bottom:10px;
}


/* -------------------------------------------------------------------*/

/* Depot Inside Pages */

#depotMap{
 width:382px;
 float:left;
}

#depotServices{
 width:365px;
 float:left;
 padding-left:10px;
}

#depotServicesLeft{
 width:172px;
 float:left;
}

#depotServicesRight{
 width:162px;
 float:left;
 padding-left:10px;
}

#depotServicesStandard{
 width:365px;
 float:left;
 padding-left:10px;
}

#depotServicesStandard ul {
 list-style:none;
 margin:10px 0 0 20px;
}

#depotServicesStandard h5 {
 margin-top:10px;
}



#depotServices ul{
 list-style:none;
 display:block;
 position:relative;
 left:60px;
 top:-13px;
}

#depotServices ul.banksCircus{
 top:-25px;
}

.depotStand {
 font-weight:bold;
}

#depotsDouglasBG {
 width:779px;
 height:298px;
 padding:10px 0 0 10px;
 margin-bottom:40px;
 background:url(images/douglasDepot-bg.gif) no-repeat top left;
}

#depotsPeelBG {
 width:779px;
 height:352px;
 padding:0 0 0 10px;
 margin-bottom:40px;
 background:url(images/peelDepot-bg.gif) no-repeat top left;
}

#depotsRamseyBG {
 width:779px;
 height:319px;
 padding:0 0 0 10px;
 margin-bottom:40px;
 background:url(images/ramseyDepot-bg.gif) no-repeat top left;
}

#depotsPortErinBG {
 width:779px;
 height:298px;
 padding:0 0 0 10px;
 margin-bottom:40px;
 background:url(images/porterinDepot-bg.gif) no-repeat top left;
}


#depotsDouglasBG h3{
 padding:0;
 margin:0 0 10px 0;
}

#depotInterests {
 margin-top:20px;
}

#depotInterests h4 {
display:block;
clear:both;
margin:0 0 10px 0;
padding:0;
}

.depotPlace {
 width:235px;
 margin:0 20px 20px 0;
 float:left;
}

.depotPlace ul {
 list-style:none;
 margin:10px 0 0 20px;
}

.depotWalk {
 margin-top:10px;
}


/* -------------------------------------------------------------------*/

/* 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;
}


/* -------------------------------------------------------------------*/


/* 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;
}

/* -------------------------------------------------------------------*/

/* 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;
}


/* -------------------------------------------------------------------*/

/* Survey */

#survey {
	display:block;
	width:217px;
	height:157px;
	/*background:url(images/survey-post-it.png) no-repeat top center;*/
	background:url(images/survey-post-it-cars.png) no-repeat top center;
	position:absolute;
	left: 610px;
	top: 98px;
}
#surveyText {display:block; position:absolute; left:-4000px;}

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;}

.backlink {font-weight:bold; margin-top:20px;}

/*calendars*/
.cal {float:left; margin:0 20px 20px 0; font-size:13px;}
#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; width:17px;}
.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.red {background:#FF0000; color:#000;}
a.blue {background:#0066FF; color:#fff;}
a.bluered {background:url(images/blue-red.gif) no-repeat center; color:#000;}
a.orange {background:#FF9900; color:#000;}

a.yellow, a.aqua, a.pink, a.red, a.blue, a.orange, a.redpink, a.bluered  {display:block; height:16px; width:16px;}

.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;}

#mhtf { background:url(images/manxheritagetransportfestival.gif) no-repeat top left; width:789px; height:168px; display:block; text-indent:-2000px;}