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

	.ym-gbox {
		padding: 0;
	}
	.template_quickbook_imagesequencer_sidemenu .ym-gbox.row-4-full, .template_iframe_sidemenu .ym-gbox.row-4-full {
		padding-right: 0px;
	}

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

	nav li {/*- 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, .booknow {
		-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 0px #000;
		-webkit-box-shadow: 0 0 0px #000;
		box-shadow: 0 0 0px #000;
	}

	nav.navbottom  a{
		padding:3px 7px 3px 0px;
	}
	nav.navbottom  li:last-child a{
		padding-right: 0px;
	}

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

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

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

	/*.social_links {
		margin: 1em;
		text-align: center;
	}*/

	.social_links li {
		display:inline-block;
		zoom: 1;
		*display: inline;
	}
	.social_links li img {
		vertical-align: middle;
	}
	/*ul#slide-list {
		left: 288px;
		margin-left:0!important;
	}*/


	.bx-wrapper .bx-prev {
		left: -22px;
	}

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

	.scrolldown-wrapper {
		top: 18px;
		right: 20px;
	}

	.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;
		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:0px 0 0px 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 {
	}
	#main {
	}

	/*------ 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:0px;
		min-height: 18px;
		margin: 0 0px 0px 0px;
		padding: 0 0px 15px 0px;
		font-size: 18px;
		font-weight: 300;

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

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

	h3 {/*-- COLOUR --*/
		border-bottom-style:solid;
		border-width:1px;
		font-size: 14px;
		font-weight:bold;
		margin: 0 0px 20px 0px;
		padding: 0 0px 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: 0px solid #000;
		cursor: pointer;
		height: 42px;
		line-height: 42px;
		width: 42px;
		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;
	}

	.nav-icons > div.showimages {
		display: none;
	}

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

	.logo {/*-- COLOUR - QUERY WHETHER WE SHOULD ADD THIS AS A VARIABLE IN THE STYLING.PHP - SPECIFY PATH --*/
		background: #ccc;
		background-position: center;
		background-repeat: no-repeat;
	}

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

	.quickbookcontent form {
		padding: 0.5em 1em;
	}

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

	#sidebar.fixed .quickbook .nights {
		width: auto;
		float: none;
	}
	.quickbook.two_calendars .nights {
		width: auto;
	}

	.ym-form input, .ym-form textarea, .ym-form select {
		width: 90%;
	}
	.ym-form select#keywordv2 {
		width: 100%;
	}
	input.custom-combobox-input {
		width: 100%;
	}

	.quickbook .date {
		zoom: 1;
	}

	.quickbook .date input#datepicker {
		cursor:pointer;
	}



	.quickbookcontent .ym-button {
		text-transform:uppercase;
		width:100%;
	    padding: 0;
    	text-align: center;
	}


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

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

	.quickbooklinks a {/*-- COLOUR --*/
	}

	.quickbooklinks a:hover,.quickbooklinks a:active {/*-- COLOUR --*/
	}

	.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%;
		float:right;
		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;
	}
	body.not_group .quickbooklinks span {
		margin: 0;
	}

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

	/*-- Calendar Text Box Styling --*/

		#datepicker {width:9.5em;}


	/*-- Month / Year Box Styling --*/
	#ci_ym {width: 9.3em;}


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

	.ui-widget-content a {/*-- COLOUR --*/
	}

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

	.ui-widget-header a {/*-- COLOUR --*/
	}

	.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: 5px;
		text-align: center;
		min-width: 80px;
	}


	/*-- Call to Action - Booking Button --*/
	.bookbutton {/*-- COLOUR --*/
		border-bottom-style:solid;
		border-bottom-width:1px;
		border-style:solid;
		border-width:1px;
		cursor: pointer;
	}

	.bookbutton:hover {
		border-bottom-style:solid;
		border-bottom-width:1px;
		border-style:solid;
		border-width:1px;
	}

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

	/*.box-content {
		padding-right:25px;
	}*/

	/*-- 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_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;
	}
	/*-- End Blog Standard Styling --*/

	nav.navtop .top_right_nav .firstlevel > li:after{
		content: '|';
	}

	nav.navtop .top_right_nav .firstlevel > li:last-child:after{
		content: '';
	}
	.firstlevel li ul li a span {
		color: #ffffff;
		font-family: 'PT Sans', sans-serif;
		text-transform: capitalize;
		font-size:12px;
	}
	.quickbookheader {
        background-color: #000000;
	}

	#sidebar.fixed .quickbookheader {
        background-color: inherit;
	}
	.quickbook label {
		text-transform: uppercase;
		font-size: 12px;
	}

	.quickbook .date input#datepicker {
        font-family: 'PT Sans', sans-serif;
		font-size: 11px;
	}

	#datepicker[type="text"], #datepicker2[type="text"] {
		background: #000 url("/includes/img/clndr.gif") no-repeat 100px;
	}

	.quickbook .date select, .quickbook .nights select {
		background-color: #000000;
		font-size: 11px;
	}
	.bookbutton, .booknow, .ym-wrapper.location_filter_line .choice{
		border-radius: 0px;
		font-family: 'PT Sans', sans-serif;
		font-size: 14px;
	}
	.content_title, .page_layout_Flexible .section_title, .page_layout_Flexible .images-and-texts .image-text .text span.title{
		font-family: 'Roboto Slab', serif;
		font-size: 30px;
	}
	.content_subtitle, .page_layout_Flexible .section_subtitle {
		font-family: 'Roboto', sans-serif;
		font-size: 24px;
	}
	.box-content > .text_container p, .page_layout_Flexible .images-and-texts .image-text .text span.description-text, .for_border{
		font-size: 15px;
	}
	h5{
		font-family: 'Roboto Slab', serif;
		font-weight: 300;
		font-size: 22px;
	}
	.feature .text .title{
		font-family: 'Roboto Slab', serif;
	}
	.feature .text .subtitle {
		font-size: 14px;
	}
	.feature .text .description-text {
		font-size: 100%;
	}
	.page_layout_Flexible .images-and-texts .image-text .text span.subtitle{
		font-family: 'Roboto', sans-serif;
		font-size: 22px;
	}
	.bookbutton, .booknow, .promote, .ym-wrapper.location_filter_line .choice{
		text-transform: uppercase;
	}

	nav.navside li:hover, nav.navside li:active {
		background-color: #000000;
	}
	nav.navside li:hover> a span {
		color: #bbbe00;
	}
	.feature .price {
		color: #EFEFEF;
	}
	.features.tile .feature img {
		border: 1px solid #bbbe00;
	}
	.features.tile.change .feature img {
		border: 0px solid #bbbe00;
	}
	.quickbook .ui-widget-content{
		border: 1px solid #7A7C12;
		background-color: #000000;
		font-size: 11px;
		color: #ffffff;
		padding: 0.5em;
		border-bottom-left-radius: 0px;
		border-top-left-radius: 0px;
	}
	footer p, .footer_title{
		margin-bottom:0;
	}
	footer .text{
		text-align: left;
		border-right: 1px solid #bbbe00;
	    box-sizing: border-box;
	}
	footer .text2{
	    padding-left :30px;
	}
	.address .ym-g33{
		float: left;
	}
	footer .ym-grid.row-nav-container
	{
		border-top: 1px solid #bbbe00;
		border-bottom: 1px solid #bbbe00;
	}
	footer .logos > a{
		display: block;
	}
	.row-2-full{
		text-align: center;
		line-height: 40px;
	}
	.row-post-nav2 .row-2-full{
		line-height: 32px;
	}
	.row-post-nav2 .row-2-full a{
		display: block;
	}
	.row-2-full a#right_aligned{
		position: absolute;
    	right: 0;
	}
	.footer_col.lhs { float: left; width: 75%;text-align: left; }
	.footer_col.rhs { margin: 0 0 0 75%; text-align: right; }
	p#error_msg{
	    background: red;
    	padding: 10px;
    	color: yellow;
    	font-size: 2em;
	}
	p#error_msg:after{
		content: '!';
		background: yellow;
		color: red;
		padding: 0 5px;
		float: right;
		border-radius: 5px;
	}

}/*-- /@media screen --*/

@media screen and ( max-width: 1360px ) {
	.scrolldown-wrapper {
		right: 50px;
	}
}

@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: '';
	}
	.logo{
		margin-bottom: 30px;
	}
	.mobile_logo_container{
		border-bottom: 4px solid #bbbe00;
	}
	nav.mobile a, nav.mobile a span {
		color: #000000;
	}
	nav.mobile .show i {
		color: #bcbf00;
		font-size: 2em;
	}
	li.promote a {
		color: #FFFFFF;
		text-shadow: 0 1px 0 #bbbe00;
	}

	.nav.navmobile-index .promote a {
		color: #FFFFFF;
	}

	nav.navmobile-index a{
		font-size: 120%;
		color: #bbbe00;
	}
	.mobile-buttons-table .promote a {
		font-family: 'Roboto Slab', sans-serif;
		text-transform: capitalize;
	}

	.mobile-buttons-table a {
		font-family: 'Raleway', sans-serif;
	}

	.mobile-buttons-table li {
		border-right-color: #FFFFFF;
	}

	.mobile-buttons {
		border-top: 1px solid #FFFFFF;
		-webkit-box-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.20 );
		-moz-box-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.20 );
		box-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.20 );
	}
	nav.navside li, .navside li a {
		padding-left:0;
	}
}

@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;
	}
	/*-- End Blog Standard Styling --*/
	.quickbook .ym-button {
		font-size: 100%;
		padding: 0;
	}
	.quickbook .book label, .quickbook .alternate_book label {color: #000000;}
	#sidebar.fixed .quickbook .nights{
		float: left;
	}
}