@media screen {
	/*---------- Amendment to Pre-Existing Positional Items ----------*/
	p {
		margin-bottom: 1em;
	}

	.ym-gbox {
		padding: 0;
	}
	.template_quickbook_imagesequencer_sidemenu .ym-gbox, .template_iframe_sidemenu .ym-gbox {
		padding-right: 30px;
	}

	nav.navtop .firstlevel > li:first-child {
			border-left: 0;
	}

	nav > li:not(:first-child) {/*- Main Navigation -*/
		padding: 0 .0em 0 .4em;
	}
	


	nav .languages li {/*- Main Navigation -*/
		padding: 0 0 0 0;
	}

	#slidecaption {/*- Img Seq Tagline -*/
		padding: 20px 0 0 288px;
		text-align:left;
		width:100%;
	}

	.languages li {/*- Language Translation List -*/
		display: inline-block;
		zoom: 1;
		*display: inline;
		margin: 0 0.0em;
	}

	.sidebar-logos {
		margin:0 auto;
		list-style-type: none;
		width:210px;
		text-align:center;
		display: none;
	}

	.sidebar-logos li {
		margin:12px 0 0 0;
	}

	nav.navside li:before {/*- Nav Side Spacing-*/
		margin-left: 0;
	}

	.quickbook .date select, .quickbook .nights select {
		margin-right: 0;
	}

	.quickbook .date .ui-datepicker-trigger {
		cursor: pointer;
		/*display: none;*/
		margin:0 0 3px 4px;
	}

	.quickbook .date #ci_ym {
		width: 7.2em;
	}

	input, select, textarea {
		padding:4px 4px 4px 3px;
	}
	/* .quickbooklinks a, .firstlevel li, .scrolldown, .scrollup, .showimages, .navside li, .quickbookcontent, .ym-button:hover, .ym-button:focus, .bookbutton {
		-o-transition: .5s;
		-ms-transition: .5s;
		-moz-transition: .5s;
		-webkit-transition: .5s;
		transition: .5s;
	} */

	.bx-wrapper .bx-viewport { /*-- COLOUR --*/
/* 		border-style: solid;
		border-width: 1px; */
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px #000;
		box-shadow: 0 0 5px #000;
	}

	nav.navbottom  a {
		padding:3px 7px 3px 0px;
	}

	.contact {
		padding-right:20px;
		text-align:right;
	}

	footer .ym-gbox.nav {
		padding-right: 20px;
	}

	.grid-footer-bottom {  /*-- COLOUR --*/
		border-top-style:solid;
		border-width:1px;
	}

	.social_links li {
		display:inline-block;
		zoom: 1;
		*display: inline;
	}
	
	.bx-wrapper .bx-prev {
		left: -22px;
	}

	.bx-wrapper .bx-next {
		right: -12px;
	}

	body.move_scrolldown .scrolldown-wrapper {
		top: 18px;
		right: 50px;
		z-index: 1100;
	}

	.scrollup-wrapper {
		right:20px;
	}

	nav.navside {
		margin-top: 67px;
	}

	nav.navside li:before {
		content: '>';
		font-size: .8em;
	}

	nav.navside li {
		padding:0 1.2em;
	}

	.navside li a {
		padding: 3px 15px 3px 14px;
	}

	nav .firstlevel > li li a {
		/* padding: 6px 16px 5px; */
		padding: 0;
		min-width: 170px;
	}

	.scrolltext {
		margin-right:15px;
	}

	.box-content ul {
		margin-bottom:30px;
	}

	/* .pusher {
		padding-top: 3.2em;
	} */

	.grid-address-contact, .grid-footer-bottom {
		padding:20px 0 10px 0;
	}

	.address, .contact {
		font-size: .95em;
		line-height: 2.5em;
	}

	.hotel-logos ul {
		margin:0;
		list-style-type:none;
	}

	.hotel-logos ul li {
		display:inline-block;
		zoom: 1;
		*display: inline;
		margin: 0 .8em 0 0;
	}


	/*------ All CSS Values are in alphabetical order, except in the case of Gradients, etc. which have multiple values for different browsers. They are specified first and all other values follow alphabetically afterwards ------*/

	/*------ Should Font sizes be changed to equivalent em values?------*/


	/*------ Home Page Content ------*/

	/*------ Page Title H1 ------*/
	.content_title {/*-- COLOUR --*/
		border-bottom:0;
		margin: 0;
		padding: 5px 0px 6px 0;
		font-size: 28px;

	}


	/*------ Page Subtitle H2 ------*/
	.content_subtitle {/*-- COLOUR --*/
		border-bottom-style:solid;
		border-width:1px;
		min-height: 18px;
		margin: 0 0px 0px 0px;
		padding: 0 20px 15px 0px;
		font-size: 18px;
		font-weight: 300;

	}
	.content_subtitle:empty {
		display: none;
	}
	.page_layout_Flexible .content_title, .page_layout_Flexible .content_subtitle {
		text-align: center;
	}
	.page_layout_Flexible .content_subtitle {
		border-bottom:0;
	}
	/*------ Content Area Header Rules ------*/
	h1 {/*-- COLOUR --*/
		border-bottom-style:solid;
		border-width:1px;
		font-size: 16px;
		font-weight: bold;
		margin: 0 0px 20px 0px;
		padding: 0 20px 15px 0px;
	}

	h2 {/*-- COLOUR --*/
		border-bottom-style:solid;
		border-width:1px;
		font-size: 14px;
		font-weight:bold;
		margin: 0 0px 20px 0px;
		padding: 0 20px 15px 0px;
	}

	h3 {/*-- COLOUR --*/
		border-bottom-style:solid;
		border-width:1px;
		font-size: 14px;
		font-weight:bold;
		margin: 0 0px 20px 0px;
		padding: 0 20px 15px 0px;
	}
	.content_title {
		font-weight: 300;
	}
	/*------ Circle Border Radius and Arrows ------*/
	.round {
		-webkit-border-radius: 50%; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
		-moz-border-radius: 50%; /* Firefox 1-3.6 */
		border-radius: 50%;  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	}

	.scrolldown, .scrollup, .nav-icons > div {/*-- COLOUR - QUESTION ABOUT MULTIPLE ITEMS --*/
		border: 1px solid #000;
		cursor: pointer;
		height: 42px;
		line-height: 42px;
		width: 42px;
		-webkit-border-radius: 50%; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
		-moz-border-radius: 50%; /* Firefox 1-3.6 */
		border-radius: 50%;
		text-align: center;
	}
	.nav-icons > div > i {/*-- COLOUR - QUESTION ABOUT MULTIPLE ITEMS --*/
		margin-top: -2px;
		line-height: 42px;
		vertical-align: middle;
	}

	.scrolldown:hover > span {
		border-top: 10px solid #FFF;
	}
	.scrollup:hover > span {
		border-bottom: 10px solid #FFF;
	}
	.arrow-up {/*-- COLOUR --*/
		border-bottom-style:solid;
		border-bottom-width:10px;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		height: 0px;
		margin-top:-4px;
		width: 0px;
	}

	.arrow-right {/*-- COLOUR --*/
		border-bottom: 10px solid transparent;
		border-left-style:solid;
		border-left-width:10px;
		border-top: 10px solid transparent;
		height: 0px;
		width: 0px;
	}

	.arrow-down {/*-- COLOUR --*/
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top-style:solid;
		border-top-width:10px;
		height: 0px;
		width: 0px;
	}

	.arrow-left {/*-- COLOUR --*/
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-right-style: solid;
		border-right-width: 10px;
		height: 0px;
		width: 0px;
	}

	/*------ Left Section ------*/

	#sidebar .sidebar-footer {/*-- COLOUR --*/
		border-top-style:solid;
		border-top-width:1px;
	}

	/*------ Quickbook Section ------*/
	.quickbook .ym-form > div.hotel {/*-- Display the Hotel Select Dropdown --*/
		display: block;
	}

	.quickbook {/*-- COLOUR --*/
		border-bottom-style:solid;
		border-bottom-width:0px;
		border-top-style:solid;
		border-top-width:0px;
	}

	.quickbookcontent form {
		padding: 30px 0 4px 0;
	}

	/* .quickbook label {
		padding: .5em .5em .5em 0;
	} */

	.quickbook .nights {
		width:0;
	}
	#sidebar.fixed .quickbook .nights {
		width: 90px;
		float: left;
	}
	.quickbook.two_calendars .nights {
		width: auto;
	}
	.quickbook .date {
		width: 168px;
	}
	#sidebar.fixed .quickbook .date {
		width: 200px;
	}

	.ym-form input, .ym-form textarea, .ym-form select {
		width: 90%;
	}

	.quickbook .date {
		display: inline-block;
		zoom: 1;
		*display: inline;
	}

	.quickbook .date input#datepicker {
		cursor:pointer;
	    margin-bottom: 5px;
	}

	.quickbook .book, .quickbook .alternate_book {
		float:none;
		width:94%;
	}
	#sidebar.fixed .quickbook .book ,
	#sidebar.fixed .quickbook .alternate_book {
		float:none;
		max-width:120px;
		margin-top: 0;
	}

	.quickbookcontent .ym-button {
		text-transform:uppercase;
		width:100%;
	}
	#sidebar.fixed .quickbookcontent .ym-button {
		width: auto;
	}

	.quickbooklinks {/*-- COLOUR --*/
		list-style-type: none;
		margin: 0;
		padding: 0;
		text-align: left;
	}

	.quickbooklinks a {/*-- COLOUR --*/
		display:block;
		padding:2px 0 2px 12px;
		font-size:90%;
	}

	/* .quickbooklinks li {-- COLOUR --
		border-top-style:solid;
		border-top-width:1px;
		margin-left:0;
	}
 */
	.quickbooklinks li  > .bestrate {/*-- COLOUR --*/
		font-weight:bold;
	}

	.quickbooklinks li > a.bestrate:hover, .quickbooklinks li > .bestrate span  {/*-- COLOUR --*/
	}

	.quickbooklinks span {/*-- COLOUR --*/
		border-radius: 100%;
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size: 100%;
		height: 18px;
		margin: 0 12px 0 10px;
		padding: 0 3px 0px 3px;
		text-decoration: none !important;
		width: 12px;
	}

	/*-- Mobile Booking Button - Hide --*/
	.mobilebook {
		display:none;
	}

	/*-- **************** TIDY UP THIS CSS - START ****************** --*/

	/*-- Select Box Styling --*/
	input, select, textarea {/*-- COLOUR --*/
		border-style:solid;
		border-width:1px;
		font-size:12px;
		margin-right:2px;
		padding:4px;
		width:4.5em;
	}

	input.form_error, select.form_error, textarea.form_error {/*-- COLOUR --*/
		border-style:solid;
		border-width:1px;
	}

	/*-- Date Box Styling --*/
	/* #datepicker[type="text"], #datepicker2[type="text"] {-- TO BE DISCUSSED - SHOULD THIS BE ADDED AS A VARIABLE FOR THE ALL COLOUR --
		background: #FFF url( "/includes/img/clndr.gif" ) no-repeat 125px;
		padding: 5px 16px 5px 5px;
	} */
	
	/*-- Month / Year Box Styling --*/
	#ci_ym {width: 9.3em;}


	/*-- Calendar Customise Colours --*/
	.ui-widget-content {/*-- COLOUR --*/
		border-style:solid;
		border-width:1px;
	}

	.ui-widget-header {/*-- COLOUR --*/
		border-style:solid;
		border-width:1px;
	}

	.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
		border-style:solid;
		border-width:1px;
	}

	/*---------- Buttons - Perhaps we should have two separate classes which are applied to each button? One specifying Padding, Height, Min-Width, etc. and separate classes for each button colour? ----------*/
	/*-- Button Dimension Properties --*/
	.button {
		/* border-radius: 3px; */
		font-size: 14px;
		height:auto;
		padding: 10px 0;
		text-align: center;
		/* min-width: 80px; */
	}
	#sidebar.fixed .button {
		font-size: 12px;
		padding: 0 5px;
	}

	/*-- Call to Action - Booking Button --*/
	.bookbutton {/*-- COLOUR --*/
		border-top: 1px solid #fff;
   		border-bottom: 1px solid #fff;
    	border-left: 0;
    	border-right: 0;
    	border-radius: 0;
		cursor: pointer;
		color: #fff;
	}

	.bookbutton:hover {
		background-color: #000;
		color: #fff;
	}

	/*-- Call to Action - Open Content Button --*/
	.calltoaction {
		border-bottom-style:solid;
		border-bottom-width:1px;
		border-style:solid;
		border-width:1px;
	}

	/*-- Special Offers Slider --*/
	.specialoffers {
		border-style:solid;
		border-width:1px;
		height:110px;
		width:320px;
	}

	/*-- Supersized Tagline - Should only be visible when text is entered - if possible --*/
	#slidecaption {
		font: 20px Georgia, Times, "Times New Roman", serif;
	}

	/*-- Content Link Styling --*/
	.box-content a {
		/*text-decoration:underline;*/
	}

	.page_layout_Flexible .box-content a, .box-content  a:hover {
		text-decoration:none;
	}

	nav.navside li:before {
		content: '>';
	}

	nav.navside li, nav .firstlevel > li li { /* Also governs the Border Colours for .navside */
		border-bottom-style:solid;
		border-bottom-width:1px;
		border-top-style:solid;
		border-top-width:1px;
	}

	.navside li a {
	}
	/*- Value alongside Sub-Navigation Styling governs the Border Colours -*/

	/*-- These are the values for the Awards Bar - Should only be visible when Awards icons are inserted --*/
	.awards {
	}

	/*-- Footer Bar with Address - Same values as Main Navigation Bar but should have the facility to change them via the PHP Edit File --*/
	footer {
		border-top-style:solid;
		border-top-width:1px;
	}

	.copyright a {
		font-size:.8em;
	}

	.copyright a:hover {
	}

	/*-- Bottom Navigation --*/
	nav.navbottom  li a {
		font-size:.95em;
	}

	nav.navbottom li:after {
		content: '|';
	}

	nav.navbottom li:last-child:after {
		content: '';
	}

	nav.navbottom.navtopright li:after {
		content: '';
	}

	nav.navbottom.navtopright .firstlevel > li:after {
		content: '';
	}
	/*-- Address --*/
	.address {
		font-size;9px;
	}

	/*-- Link Styling for Avvio Solution --*/
	.footer .copyright a {
		color:#aaa0a0;
	}

	/*-- Blog Standard Styling --*/
	.page_layout_Blog .content_subtitle
	{
		display: none;
	}
	.blog_post
	{
		margin: 2em 0 2em 0;
	}
	.blog_title
	{
		font-size: 18px;
		font-weight: bold;
	}
	.blog_info
	{
		padding: 0 0 1em 0;
	}
	.blog_content
	{
		padding: 1em 0em;
		display: block;
		max-width: 835px;
	}
	.blog_content p
	{
		/*padding: 0px 20px 20px 0px;
		float: left;*/
		clear: right;
	}
	.blog_content_inner {
		clear: both;
	}
	.blog_info small {
		display: block;
		padding: .5em 0;
		font-size: 90%;
	}
	.blog_categories
	{
		margin-left: 2em;
	}
	.blog_post > hr
	{
		height: 0;
		line-height: 0;
		margin: 2em 0 2em 0;
		border: 0;
		border-top-width: 1px;
		border-top-style: solid;
		color: transparent;
		clear: left;
	}
	.blog_home
	{
		text-align: center;
		padding-top: 1em;
	}
	.blog_categories_container {
		min-width: 150px;
		margin: 3em 2em;
	}
	.blog_categories_container .blog_categories_header {
		padding: 1em 1.5em;
	}
	.blog_categories_container ul {
		margin: 0;
		padding: 1em 2em;
		list-style-type: none;
	}
	.blog_categories_container li {
		margin: 0;
		padding: .35em 0;
	}
	/*-- End Blog Standard Styling --*/
}/*-- /@media screen --*/

@media screen and ( max-width: 990px ) {
	nav.navside {
		margin-top: 0;
	}
	nav.navside li:before {
		content: '';
	}
	.gbox-blog-posts {
		width: 100%;
	}
	.gbox-blog-categories {
		display: none;
	}
}/*-- /media screen max-width: 990px  --*/

@media screen and ( max-width: 600px ) {
	/*-- Mobile Booking Button --*/
	.mobilebook {
		display:block;
		margin: 0 auto;
		padding: 10px 0;
		text-align: center;
		width: 90%;
	}
	/*.quickbooklinks {
		border-bottom: 2px dotted #ddd;
	}*/
	.quickbook .ym-button {
		font-size: 130%;
		min-width: 50%;
		padding: 10px 30px;
	}
}/*-- /media screen max-width: 600px  --*/

@media screen and ( max-width: 990px ) {
	nav.navside {
		margin-top: 0;
	}
	nav.navside li:before {
		content: '';
	}
}

@media screen and ( max-width: 480px ) {
	/*-- Blog Standard Styling --*/
	.blog_content
	{
		padding: 1em 0;
	}
	.blog_post img, .blog_post img.blog_image_banner, .blog_post img.blog_image_left, .blog_post img.blog_image_right {
		width: 100%;
		float: none;
		padding: 20px 0 20px 0;
	}
	.pusher {
		padding-top: .5em;
	}
	/*-- End Blog Standard Styling --*/
}/*-- /media screen max-width: 480px  --*/