

.toggle-menu {
	display: none;
	height: 99px;
	width: 80px;
	background: url('img/mobilemenu.png') scroll no-repeat center center #E5E9EC;
	border: 0 none;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
}

.mid {
	max-width: 980px;
	width: 100%;
}

.logged-in .toggle-menu {
	top: 36px;
}

.searchbox, #search {margin:10px 0; position:relative}
.searchbox div, #search div {background:#ADADAD url(img/inputbg.jpg) 0 0 no-repeat; width:185px}
.searchbox #s, #search #s {background:transparent url(img/searchicon.jpg) 2px 6px no-repeat; padding: 6px 0 4px 30px; border: 1px solid #ADADAD; width:160px; font-size:1.2em; color:#666; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }

.searchbox {
	display: none;
}

@media screen and (min-width: 981px) {
	.menu-top-navigation-container {
		display: block !important;
	}
	#leftNav ul {
		display: block !important;
	}
}

@media screen and (max-width: 980px) {
	#leftNav .colHeader {
		cursor: pointer;
	}
	#leftNav ul {
		display: none;
	}
	#header .verylightgrey {
		background: #DDDDE1;
	}
	.searchbox {
		background: #40454B;
		margin: 0;
		padding: 10px 0;
	}
	.gridContainer {
		padding-bottom: 10px;
	}
	#enquire {
		margin-bottom: 0;
		padding-bottom: 12px;
	}
	.textwidget {
		padding: 0 10px;
	}
	.searchbox #s {
		border: 1px solid #adadad;
		background-color: #E6E6E6;
		position: relative;
		left: 50%;
		margin-left: -95px;
		background-position: 2px 3px;
	}
	.searchbox div {
		background: transparent;
		width: 100%;
	}
	.grid2 {
		width: 100%;
		float: none;
		box-sizing: border-box;
		border-left: 0 none;
		border-right: 0 none;
	}
	#content {
		background-image: none;
	}
	.menu-top-navigation-container a {
		border-right: 0 none;
		padding: 8px 8.65px;
	}
	.toggle-menu {
		display: block;
	}
	.menu-top-navigation-container {
		display: none;
	}
	.toggled {
		display: block !important;
	}
	.searchbox {
		display: block;
	}
	#hero {
		display: none;
	}
	.home #news {
		display: none;
	}
	.home #links {
		display: none;
	}
	.home #slogans {
		display: none;
	}
	.home #subscribe {
		display: none;
	}
	.grid1 {
		width: 100%;
		float: none;
		background-image: none !important;
	}
	.grid1, .grid2, .grid3, .grid4 {
		box-sizing: border-box;
	}
	.homePanel {
		min-height: 0;
		height: auto;
	}
	.homePanel:after {
		content: '';
		display: block;
		clear: both;
	}
	#footer .grid4 {
		width: 100%;
	}
	.grid3 {
		float: none;
		width: 100%;
	}
	#header #cta {
		width: 100%;
		float: none;
		text-align: center;
	}
	#header #cta #call {
		display: inline-block;
		margin-left: 0;
	}
	.mid, .container {
		position: static;
		box-sizing: border-box;
		border-left: 0 none;
		border-right: 0 none;
	}
	.menu-top-navigation-container {
		width: 300px;
		top: 100px;
		right: 0;
		position: absolute;
		background: #40454B;
	}
	.menu-top-navigation-container ul {
		width: 100%;
	}
	.menu-top-navigation-container li {
		float: none;
		width: 100%;
		margin-right: 0;
		padding: 2px 0;
	}
	#strapline {
		width: 100%;
		background: #AAB1B7;
		padding: 30px 0;
		line-height: 1.1em;
		height: auto;
	}
	#leftNav .colHeader {
		background: url('img/sectiontoggle.png') scroll no-repeat right center #5A646D;
	}
}