/*------ Responsive Grid ------*/
			.row { width:100%; max-width:900px; min-width:900px; margin:0 auto; }	/* To fix the grid into a different size, set max-width to your desired width */
			.row .row { min-width:0px; }
			.column, .columns { margin-left:2.127663%; float:left; min-height:1px; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
			.column:first-child, .columns:first-child, .alpha { margin-left:0px; }
			.column.omega, .columns.omega { float: right; }
			.row .one.columns 		{ width: 6.382989%; }
			.row .two.columns 		{ width: 14.893641%; }
			.row .three.columns 	{ width: 23.404293%; }
			.row .four.columns 		{ width: 31.914945%; }
			.row .five.columns 		{ width: 40.425597%; }
			.row .six.columns 		{ width: 48.936249%; }
			.row .seven.columns 	{ width: 57.446901%; }
			.row .eight.columns 	{ width: 65.957553%; }
			.row .nine.columns 		{ width: 74.468205%; }
			.row .ten.columns 		{ width: 82.978857%; }
			.row .eleven.columns	{ width: 91.489509%; }
			.row .twelve.columns	{ width: 100%; }
			img, object, embed 		{ max-width: 100%; height: auto; }
			img { -ms-interpolation-mode: bicubic; }
			#map_canvas img, .map_canvas img { max-width: none!important; }
			.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
			.row:after, .clearfix:after { clear: both; }
			.row, .clearfix { zoom: 1; }
		
		/*------ Mobile Grid ------*/
			@media only screen and (max-width:900px) 
			{
				body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
				.row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }
				.row .row .column, .row .row .columns { padding: 0; }
				.column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
				.column:last-child, .columns:last-child { margin-right: 0; float: none; }
				.row .row .column, .row .row .columns { padding: 0; }
				.column, .columns { width: auto !important; float: none; margin-left: 0px; margin-right: 0px; }
				.column:last-child, .columns:last-child { margin-right: 0; float: none; }
				[class*="column"] + [class*="column"]:last-child { float: none; }
				[class*="column"]:before, [class*="column"]:after { display: table; }
				[class*="column"]:after { clear: both; }
			}
	
		/*------ MOBILE NAV ------*/
			.nav-toggle { position:absolute; top:10px; right:10px; text-decoration:none; text-indent:-999px; overflow:hidden; width:30px; height:30px; background:#333; }
			a.nav-toggle:before { color:#fff; font-size:20px; position:absolute; content:"\2261"; text-indent:0; text-align:center; line-height:30px; width:100%; top:0; left:0; }
			a.nav-toggle.active::before { font-size:20px; line-height:25px; content:"x"; }
			a.nav-toggle:hover { color:#ffffc2; }
			.js .nav-collapse { clip:rect(0 0 0 0); max-height:0; position:absolute; display:block; overflow:hidden; zoom:1; }
			.nav-collapse.opened { max-height:9999px; }
			@media screen and (min-width:900px) {
			  .js .nav-collapse.closed { max-height:none; }
			  .nav-toggle { display:none; }
			}
			@media screen and (max-width:900px) {
				#navBar { top:0; left:0; width:100%; position:fixed; height:50px; z-index:9999; background:#043a6c; }
				#navBar .nav-collapse { padding:0; background:#111; height:auto; top:0; }
				#navBar .nav-collapse ul li { border:none; border-bottom:1px solid #222; display:block; width:100%; padding:0;}
			  #navBar .nav-collapse ul li a { display:block; width:100%; color:#fff; font-size:110%; padding:0.5em 0; line-height:inherit; }
				#navBar .mobile { color:#fff; line-height:50px; text-align:Center; font-size:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 1.5em; }
			}

		/*--- CMS ---*/
			.mobile { display:none; }
			.email-outer { padding:30px; background:#f7f7f7; box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1); }
			.email-row { width:100%; font-size:14px; }
			.email-label { display:inline-block; line-height:30px; vertical-align:top; width:100px; }
			.email-field { display:inline-block; width:210px; }
			.email-field input, .email-field textarea { border:1px solid #ddd; border-radius:3px; padding:4px; width:100%; }
			.captcha-label { color:#999; display:block; font-size:11px; font-style:italic; line-height:14px; margin:5px 0; }

				
			/* roomtypes */
		
		/*--- CMS Mobile ---*/
		@media screen and (max-width:900px) {
			.remove { display:none !important; }
			.mobile { display:block !important; }
			.email-outer { float:none; height:auto; margin:1em 0; padding:2em; width:auto; }
			.email-label, .email-field { width:95%; }
			.captcha-label { margin: 0.5em 0; }
			/* webrooms */
			#container .categoryDiv h2 { font-size:125%; text-align:center; }
			#container .desc-photos-thumbs,
			#container .desc-text-div,
			#container .desc-avail { clear:both; width:auto; }
			#container .rwrRoomtype { padding:0; margin:0 0 2em 0; background:none; box-shadow:none; border:none; }
			#container .rwrRoomtype .desc-photos-thumbs { margin:0 auto; float:none; width:auto; }
			#container .rwrRoomtype h2 { margin:0 0 0.3em 0; padding:0 0 0.3em 0; font-size:120%; }
			#container .fromCap { margin-bottom:0.5em; text-align:center; }
			#container .rwrRoomtype .desc-from,
			#container .rwrRoomtype .desc-cap { position:static; background:none; display:inline-block; margin:0; padding:0; }
			#container .rwrRoomtype .desc-cap { margin-left:1em; }
			#container .rwrRoomtype .desc-book-button { margin:0; }
			#container .rwrRoomtype .desc-text-div { margin:1em 0; font-size:inherit; text-align:left; }
			#container .desc-avail { padding-top:0; }
			#container .rwrRoomtype .desc-book-button { font-size:90%; padding:0.5em 30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
			#container .rwrRoomtype .desc-photos-thumbs ul.desc-photos-outer { margin:0; text-align:center; }
			#container .rwrRoomtype .desc-photos-thumbs ul.desc-photos-outer li { border:none; width:30px; height:30px; }
			#container .rwrRoomtype .desc-photos-thumbs ul.desc-photos-outer li a { display:block; width:auto; }
			#container .rwrRoomtype .desc-caption { display:none; }
			#container .rwrRoomtype .desc-photos-thumbs ul.desc-photos-outer li img { height:30px; width:30px; }
			#container .rwrRoomtype .desc-photos-thumbs ul.desc-photos-outer li.first { margin:auto; clear:both; height:auto; display:block; margin-bottom:0.5em; width:auto; border:none; box-shadow:none; }
			#container .rwrRoomtype .desc-photos-thumbs ul.desc-photos-outer li.first img { width:auto; height:auto; }
			/* articles */
			#container .newsBlock .newsVideo { display:none; }
			#container .newsBlock .newsImage { float:none; width:auto; margin:0 auto 1em auto !important; height:150px; box-shadow:none; }
			#container .newsBlock .newsImageBG { background-size:cover !important; width:auto; height:150px; }
			#container .newsBlock { font-size:inherit; padding:1em; text-align:center; margin-bottom:1em; }
			#container .newsBlock .newsImageFrame { width:auto; height:150px; }
			#container .newsBlock h3.newsDate { font-size:100%; display:block; padding:0; margin:0; }
			#container .newsBlock h4.newsVenue { font-size:100%; display:block; padding:0; margin:0 0 0.5em 0; border:none; text-align:center; }
			#container .newsBlock h2.newsTitle { width:auto; margin:0; font-size:120%; position:static; border-bottom:none; text-align:center; }
			#container .newsBlock .newsTeaser { text-align:left; font-size:inherit; }
			#container .newsBlock .newsLinks { margin-top:1em; }
			#container .newsBlock .newsLinks a { text-align:left; font-size:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
			#container .newsBlock .newsText { text-align:left; font-size:100%; }
		}
		
		
		
		
		
		
	/**	Sherborne **/
	
		.toolbar_container,
		#container,
		#container  { width:100%; padding:0; }

.webrooms-datepicker { text-align:center; }
.datepicker-label { background:url(/~images/template/icon_calendar.png) left center no-repeat; padding-left:20px; color:#0a5495; display:block; text-align:left; }
.datepicker-input { border:none; padding:5px 0; display:block; margin:5px 0; background:#fff; color:#333; cursor:pointer; width:100%; text-align:center; }
.datepicker-button { display:block; border:none; cursor:pointer; background:#0a5495; border-radius:6px; border:1px solid #033b6c; text-align:center; color:#fcee29; width:100%; padding:10px 0; box-shadow:0 1px 5px #4d80ab; }
.datepicker-button:hover { background:#053e73; }	
#ui-datepicker-div { z-index:9999 !important; font-size:100%; }

/* nav */
.navBar { background:#ed5400; box-shadow:0 1px 5px rgba(0,0,0,0.2); }
.nav-collapse, .nav1L { width:auto; text-align:center; padding:0; margin:0; }
.nav-collapse ul, .nav1L ul { padding:0; margin:0; }
.nav-collapse ul li, .nav1L ul li { padding:0; margin:0; display:inline-block; padding:18px 0; }
.nav-collapse ul li a, .nav1L ul li a { text-decoration:none; display:block; font-size:14px; color:#fff; border-right:1px solid rgba(255,255,255,0.3); padding:0 19px; line-height:16px; }
.nav-collapse ul li a:hover, .nav1L ul li a:hover { text-shadow:1px 1px 0 rgba(0,0,0,0.2); color:#fcee29; }
.nav-collapse ul li.last a, .nav1L ul li.last a { border-right:none; }

	
	@media screen and (max-width:900px) {	
		
		.nav-top_bg,
		#containerFooter,
		.footer-block,
		.nav-bottom,
		.toolbar_search,
		.toolbar_icon,
		.newsJump,
		.newsArchive { display:none; }
		
		#bookingBar2 { background:none !important; border:none; box-shadow:none; height:auto; padding:0 1em 1em 1em; width:auto; }
		.webrooms-datepicker { padding:0; }
		.datepicker-label,
		.datepicker-input { display:none; }
		.datepicker-button { display:block; width:100%; margin:0 auto; }
		
		.bodyStyle { background:#fff; }
		#slide { width:100%; height:auto; float:none; margin:auto; margin-top:30px; max-width:679px; }

	#main { border:none; }
		#main img { display:block; margin:0.5em auto !important; float:none; }
		#main h1 { text-align:center; }
		#main .cmsGallery ul { text-align:center; }
		#main .cmsGallery li { margin:5px; }
		.widePage { padding:0; }
		#bookings { background:0; padding:0; width:auto; float:none; margin:0; }
		#bookings .datepicker-button { border-radius:0; border:none; }
		
		.logo,
		.freewifi,
		#bookings .contact,
		.footerContact,
		.footerBadges hr { display:none; }	 
		.footerBadges img { height:50px; width:auto; }
		#text { padding:1.5em; }
		
.star { position:static; top:initial; right:initial; }

	}