@media only screen and (max-width: 979px) {

@charset "UTF-8";

body img, #header a.logo img, p img.imageSize_3 {
	max-width: 100% !important;
	height: auto !important; 
	}

#outerContent { 
	width:100%;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
}

#innerContent { 
	padding:12px 10px;
	text-align: center; /* this overrides the text-align: left */
	width:100%; max-width:93%; max-width:calc(100% - 20px); 
}
#innerContent>div>* { 
	text-align: left; /* this overrides the text-align: center on children of div */
}

#header {} 
#header a.logo {margin-top:20px;}

/* width and placement of content blocks */
.page_standard #content1, .page_standard #content2, .page_standard #content3, 
.page_form #contentForm1, .page_form #book, .page_form #content1, .page_form #content2 , .page_form #content3,
.page_email #content1, .page_email #content2, .page_email #content3  
{width:100%; margin:0 auto; float:none;}


/* ------ controls and placement of subMenu ------ */
#subMenu { width:100%; max-width:93%; max-width:calc(100% - 20px);}
li.accountEmail {display:none;}

/* ------ main h1 & telephone number ------ */

#headText .left {max-width:100%;}
#headText .right {max-width:100%; background-size: 16px 16px;padding-left:15px; float:none; text-align:left;}
#headText h1, #headText .right {font-size:1.2em;}

/* ------ controls and placement of innerFooter ------ */
#innerFooter { display:block; clear:both; color:#aaa; text-align:left;   }
#innerFooter ul li {list-style:none; display:inline; margin:0 8px; }
#innerFooter a {color:#aaa;}
#innerFooter a:hover {color:#ccc;}

/* ------ controls and placement of outerFooter ------ */
#outerFooter {}
#outerFooter ul {}
#outerFooter ul.level1 {}
#outerFooter ul li.level1 {list-style:none; display:block; padding:0 0px; margin:4px 0px; width:100%; float:none; }
#outerFooter ul li.level1 > a.link8, #outerFooter ul li.level1 > a.link9 { display:block; background:#ccc; font-weight:bold; color:#666;}

#outerFooter ul li a span {padding-left:0px;}
#outerFooter ul li.level1 > a.link8 span, #outerFooter ul li.level1 > a.link9 span { background:transparent; padding-left:0px;}

#outerFooter ul li.level2  {list-style:none; display:block; padding:0; margin-top:2px; }

#outerFooter ul a {display:block; padding:6px 4px; background-color:white; }
#outerFooter ul a:hover, #outerFooter ul a:active {background-color:#ccc; }
#outerFooter ul li.level2  a {padding-left: 20px;}

#outerFooter a {color:#ccc;}
#outerFooter a:hover {color:#999;}
#innerFooter h6, #outerFooter h6 {color:#999; clear:both; display:block; }


/* ------ controls and placement of footerMenu ------ */
.footerMenu {display:block; text-align:center; clear:both;  }
.footerMenu li a:active, #footerMenu li a#current {color:#FFC222; font-weight:normal;}

/* controls of #bannerAdverts */
#bannerAdverts {display:none;}

/* ------ controls and placement of mainMenu ------ */
#mainMenu {
position:relative;
top:0px;
width:100%;  
}

#mainMenu ul {}
#mainMenu ul.level1 li {float:none; display:block; padding:0; margin:4px 0;  position:relative;}
#mainMenu ul.level1 li a { display:block; padding:6px 4px; }
#mainMenu li a:hover, #mainMenu li a:active, #mainMenu li a.current {}


#mainMenu ul.level1 li a.link1 {float:none;}

/* ====== colours for drop downs ===== */
#mainMenu ul.level1 li a {
color:#fff;
font-size:12px;
line-height:18px;
}

#mainMenu ul.level1 li a span {
padding:0px;
font-size:12px;
line-height:18px;
}

#mainMenu ul.level1 li a {color:white; background:#016699 url(images/mdo_sprite.png) 0px -128px repeat-x ; }
#mainMenu ul.level1 li a:hover {color:white; background: #8a8c8f  url(images/mdo_sprite.png) 0 -200px repeat-x;}
#mainMenu ul.level1 li.current a {color:#fff; background: #1d1d1e url(images/mdo_sprite.png) 0 -272px repeat-x;}

#mainMenu ul.level1 li, #mainMenu ul.level1 li.current span, #mainMenu ul.level1 li a:hover span {background-image:none !important; background-color:
transparent !important;}

/* ------ controls and placement of mainMenu dropMenu ------ */

/*dropdowns*/
#mainMenu li ul.level2 {
display: block;
position: relative;
width:100%;
top: 0;
left: 0;
background: #efefef;
border-left:none;
border-right:none;
border-bottom:none;
}
#mainMenu li ul.level2 li {
padding:0px; margin:0;
width:100%;
margin-top:2px;
}
#mainMenu li > #mainMenu ul {
top: auto;
left: auto;
}
#mainMenu li:hover ul.level2, #mainMenu li.over ul.level2 {
display: block;
}
#mainMenu ul.level2 li a {
float: none;
width:98%; width:calc(100% - 24px);
margin:0px 0px 0px 0px;
padding:6px 4px 6px 20px;
font-size:12px;
line-height:14px;
text-decoration:none;
text-transform:;
}
#mainMenu ul.level2 li a span{
float: none;
width:100%;
margin:0px 0px 0px 0px;
padding:0px;
font-size:12px;
line-height:14px;
text-decoration:none;
text-transform:capitalize;
}

/* ====== colours for drop downs ===== */
#mainMenu ul.level2 li a {color:#fff;}
#mainMenu ul.level2 li a {background-color:white;}

#mainMenu ul.level2 li a:link span, #mainMenu ul.level2 li a:visited span,
#mainMenu ul.level2 li a.current span, 
#mainMenu ul.level2 li a:hover span, 
#mainMenu ul.level2 li a:link span, #mainMenu ul.level2 li a:visited span,
#mainMenu ul.level2 li a.current span, #mainMenu ul.level2 li a:hover span {color:#fff; background-image:none !important; background-color:transparent !important;}

#mainMenu ul.level2 li a:link, #mainMenu ul.level2 li a:visited {color:#fff; background:#8a8c8f url(images/mdo_sprite.png) 0 -200px repeat-x ; }
#mainMenu ul.level2 li a.current {color:#fff; background: #1d1d1e url(images/mdo_sprite.png) 0 -272px repeat-x;}
#mainMenu ul.level2 li a:hover {color:#fff; background: #016699 url(images/mdo_sprite.png) 0 -128px repeat-x;}

/* ====== drop down menu end ===== */


#mainMenu ul.socialLinks {float:right; margin-right:4px; }

.menuAnchor {display: block; float:right; text-align:right; width:32px; height:32px; background-image:url(images/mdo_sprite.png); background-repeat:no-repeat; background-position:center -59px; padding:0; }
.menuAnchor.toMenu { background-position:center 5px; margin:3px 0 2px 0px; }
.menuAnchor span {display:none;}




table.user_journeys tr.highlight {color:#FFC222;}


ul.journey li {list-style:none; padding:0; margin:0;}
ul.journey li {padding:0, 0, 5px, 0;}
ul.journey li.booking_id {font-weight:bold; font-size:14px;}
ul.journey li.status {font-weight:bold; font-size:13px; color:#666666;}
ul.journey li span {font-weight:bold;}

fieldset {border:none;}
fieldset label {width:80px; float:left;}
fieldset label.long {width:200px;}
fieldset div {margin-top:10px;}
input.text_long {width:250px; border:1px solid #333; padding:2px;}
fieldset span.right {float:right;}
fieldset span.clear {clear:both;}
fieldset input.button {background:#FFC222; padding:2px; border:1px solid #333;}

	}