@CHARSET "UTF-8";

/* Fonts */

@font-face {
    font-family: 'AmaranthRegular';
    src: url('../fonts/amaranth-webfont.eot');
    src: url('../fonts/amaranth-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/amaranth-webfont.woff') format('woff'),
         url('../fonts/amaranth-webfont.ttf') format('truetype'),
         url('../fonts/amaranth-webfont.svg#AmaranthRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NeutonRegular';
    src: url('../fonts/neuton-webfont.eot');
    src: url('../fonts/neuton-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/neuton-webfont.woff') format('woff'),
         url('../fonts/neuton-webfont.ttf') format('truetype'),
         url('../fonts/neuton-webfont.svg#NeutonRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*****************************************************************
 * Positioning Elements
 *****************************************************************/


body {
	background: #2f0000 url(../images/page_bg.png) repeat center top;
}

body#wysiwyg_ascottheme {
	background: #dcc09d;
}

#header {
	position: relative;
	top: 0;
	left: 0;
}

#header h1.offscreen {
	position: absolute; 
	left: -9999px;
}

#booking,
#menu {
	position: absolute;
	right: 0;
	top: 85px;
	z-index: 30;
}

#impressions {
	position: relative;
	left: 0;
	top: 20px;
}

#impressions div.impression-article div.teasertext {
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 850px;
	height: auto;
	margin: 0 4px;
	padding: 10px;
	background: url('../images/bg_impressions.png') repeat-y left top transparent;
	color: #c8af94;
}

#impressions div.impression-article div.teasertext h1 {
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 18px;
}

#impressions div.impression-article div.teasertext a {
	color: #c8af94 !important;
	background: url("../images/link_internal_teaser.png") no-repeat left 3px transparent !important;
}

#branding {
	position: absolute;
	top: 30px;
	left: 20px;
}

#content {
	background: url(../images/glow.png) no-repeat center top;
	padding-top: 120px;
}

#page_content {
	min-height: 180px;
	width: 880px;
	padding: 80px 60px 20px;
	margin: 0 auto;
	background: url(../images/bg_page_content.png) repeat-y top left transparent;
	overflow: hidden;
}

#home #page_content {
	padding: 0 60px 100px;
}

#page_content img,
#special_offers img,
#slider img,
#impressions img {
		-moz-box-shadow: 0 0 4px #2f0000; -webkit-box-shadow: 0 0 4px #2f0000; box-shadow: 0px 0px 4px #2f0000; zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color="#2f0000")"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color="#2f0000");}

#page_content h1 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

#page_content > article {
	width: 434px;
}

#daily_menu, 
#business_menu {
	margin-bottom: 20px;
}

#daily_menu h2, 
#business_menu h2 {
	margin-bottom: 20px;
	font-weight: bold;
}

#LivebookingsDirect {
	margin: 0 !important;
	width: 434px !important;
	padding-top: 10px !important;
}

#daily_menu em {
	margin-bottom: 10px;
	display: block;
}

#daily_menu strong {
	display: block;
}

/*****************************************************************
 * Page Content Template Columns
 *****************************************************************/

#page_content.col > article {
	float: left;
	margin-bottom: 30px;
}

#page_content.col > section {
	float: left;
	width: 211px;
	margin-left: 12px;
} 

section#gallery img {
	float: left;
	width: 59px;
	height: 59px;
	margin: 0 10px 10px 0;
}


#special_offers img {
	margin: 10px 0 7px;
}

section#feature img {
	margin-bottom: 7px;
}

/*****************************************************************
 * Page Content Template News
 *****************************************************************/

article.list-item,
article.detail-item {
 	overflow: hidden;
 	float: none !important;
 	position: relative;
}
 
article.list-item h1 {
 	font-size: 13px !important;
 	margin: 0 0 10px;
}
 
article.list-item img {
 	float: left;
 	margin-right: 10px;
}
 
article.list-item p {
 	overflow: hidden;
 	padding-bottom: 15px;
}
 
article.list-item a {
 	display: block;
 	margin-top: 10px;
}

article.list-item footer {
	position: absolute;
	right: 0;
	bottom: 0;
}

article.detail-item footer {
	position: absolute;
	bottom: 0;
	left: 0;
}

 
article.detail-item {
	padding-bottom: 30px;
 	margin-bottom: 20px;
}
 
article.detail-item div.detail-image {
 	margin-top: 10px;
}

article.detail-item .attachment {
	height: 40px;
	margin-top: 20px;
}



/*****************************************************************
 * Page Content Links
 *****************************************************************/

/*****************************************************************
 * Map
 *****************************************************************/
div#map img {
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow: none; 
	zoom: 1; 
	-ms-filter: none; 
	filter: none;
}

/*****************************************************************
 * Team
 *****************************************************************/

div.teammember p {
	margin-bottom: 5px; 
}

div.teammember img {
	float: left; 
	margin-right: 10px;
}


/*****************************************************************
 * Page Content Attachments
 *****************************************************************/

section.page-attachments {
	margin-top: 20px;
}

section.page-attachments ul li {
	list-style: none;
	padding: 0 0 18px 40px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

section.page-attachments ul li a {
	display: block;
	padding-top: 4px;
}

/*****************************************************************
 * Footer
 *****************************************************************/

#footer {
	background: #2f0000 url(../images/footer_bg.png) repeat center top;
}

#footer footer {
	border-top: 4px solid #ff9f4f;
}

#footer, #footer a {
	color: #c8af94;
}

#footer div#hotel-footer {
	height: 150px;
	padding-bottom: 20px;
}

#footer div#hotel-logo {
	position: absolute;
	left: 0;
	top: 20px;
	width: 180px;
}

#footer div#hotel-contact {
	position: absolute;
	left: 230px;
	top: 0;
	width: 420px;
}

#footer div#hotel-memberships {
	position: absolute;
	left: 650px;
	top: 0;
	width: 310px;
}

#footer div#hotel-memberships img.cfp-logo {
	padding-top: 12px;
}

#footer div#hotel-memberships ul li {
	list-style: none;
	float: left;
	margin-right: 20px;
}

#footer div#hotel-footer h1 {
	border-bottom: 1px solid #d0641a;
	margin-top: 30px;
	padding-bottom: 3px;
	margin-bottom: 20px;
}

#cfp-footer {
	background: #2f0000;
	border-top: 1px solid #d0641a;
}

div#header header, 
#cfp-navi, 
#copyright p, 
#hotel-footer, 
div.sitemap,
aside#special_offers {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#copyright {
	background: #2f0000;
	padding: 60px 0 20px; 
}

#copyright p, #copyright a {
	font-size: 10px;
	color: #9d7e50;
	text-align: right;
}

#copyright a {
	text-decoration: none;
}

/*****************************************************************
 * Navigation
 *****************************************************************/

/* Global Navi */

nav#globalnavi {
	width: 880px;
	position: absolute;
	left: 40px;
	top: 120px;
	height: 272px;
}

#home nav#globalnavi {
	height: 461px;
}

nav#globalnavi a {
	text-decoration: none;
}

nav#globalnavi ul.level0:after, 
nav#globalnavi ul.level0:before {
	content: "\0020"; display: block; height: 0; visibility: hidden; clear: both;
}

#home nav#globalnavi > ul {
	position: absolute;
	top: 426px;
	left: 0;
	z-index: 10;
}

nav#globalnavi > ul {
	position: absolute;
	top:235px;
	left: 0;
	z-index: 10;
}

nav#globalnavi > ul > li {
	float: left;
 	width: 125px;
 	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; 	position: relative;
 	background: url('../images/navi_bg.png') no-repeat left bottom;
 	height: 35px; 
 	overflow: visible !important;
}

nav#globalnavi > ul > li:first-child {
	margin-left: 3px;
}

 
nav#globalnavi > ul > li > a {
 	color: #2f0000;
 	display: block;
 	text-align: center;
 	font-size: 15px;
 	padding: 10px 0 15px;
 	position: absolute;
 	bottom: 0px;
 	width: 121px;
 	left: 0;
 	height: 13px;
 	line-height: 13px;
}


nav#globalnavi > ul > li > ul {
	background: url('../images/subnavi_bg.png') repeat left top;
	width: 120px;
	position: absolute;
	bottom: 45px;
	left: 1px;
	z-index: 10;
}

nav#globalnavi > ul > li > ul > li {
	width: 121px;
}

nav#globalnavi ul.level1 a,
nav#globalnavi ul.level2 a {
	color: #f1dabe;
	padding-left: 5px;
	padding-bottom: 3px;
	display: block;
}

nav#globalnavi ul.level1 a:hover,
nav#globalnavi ul.level2 a:hover {
	color: #a48e72;
}

nav#globalnavi ul.level2 a {
	padding-left: 10px;
}

nav#globalnavi ul.level2 {
	padding-bottom: 4px !important;
}

nav#globalnavi > ul > li > ul > li.active > a,
nav#globalnavi > ul > li > ul > li > ul > li.active > a {
	color: #a48e72;
}

/* Sidenavi */

#side-navi {
	position: absolute;
	top: 60px;
	right: 100px;
}
#side-navi ul {
	padding: 3px 10px;
}
#side-navi ul li {
	padding: 0 5px;
	border-left: 1px solid #c8af94;
	float: left;
}
#side-navi a {
	display: block;
	text-decoration: none;
	color: #c8af94;
	line-height: 13px;
	height: 13px;
}

#side-navi a:hover, #side-navi li.active a {
	color: #9d7e50;
}

#language-navi {
	position: absolute;
	top: 61px;
	right: 0px;
	background: #340000;
}

#language-navi ul {
	padding: 2px 15px;
	overflow: hidden;
}

#language-navi ul li {
	float: left;
	padding: 0 5px;
	border-left: 1px solid #c8af94;
	height: 13px;
	line-height: 13px;
}

#language-navi ul li:first-child {
	border-left: none !important;
}

#language-navi a {
	color: #c8af94;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	
}

#language-navi a:hover {
	color: #9d7e50;
}

/* sitemap navigation */

a#btnSitemap {
	position: absolute;
	right: 0;
	top: 30px;
	font-size: 16px;
	text-decoration: none;
	background: url('../images/sitemap_icon.png') no-repeat right 5px transparent;
	padding-right: 20px;
	font-family: NeutonRegular, Times, serif;
}

div.sitemap nav {
	display: none;
	height: auto;
}

div.sitemap.errorpage nav {
	display: block;
	margin-bottom: 20px;
}

div.sitemap nav a {
	text-decoration: none;
}

div.sitemap nav ul.level0 li {
	width: 130px;
	float: left;
}

div.sitemap nav ul.level0 a {
	font-weight: bold;
	display: block;
	width: auto;
}

div.sitemap nav ul.level1 {
	padding: 5px 0;
}

div.sitemap nav ul.level1 li {
	padding: 0;
}

div.sitemap nav ul.level1 a {
	font-weight: normal;
	font-size: 11px;
}

div.sitemap nav ul.level2 {
	padding: 3px 0;
}

div.sitemap nav ul.level2 li {
	padding-left: 10px;
	width: 105px;
}

/* CFP navigation */


nav#cfp-navi div#cfp_key {
	position: absolute;
	top: -50px;
	left: 0;
}

nav#cfp-navi ul {
	height: 30px;
}

nav#cfp-navi > ul > li {
	background: url('../images/navi_footer_bg_lft.png') no-repeat left top;
	height: 30px;
	float: left;
	padding: 0 0 0 20px;
	width: 155px;
	position: absolute;
}

nav#cfp-navi ul > li > a {
	display: block;
	color: #000;
	text-decoration: none;
	background: url('../images/navi_footer_bg_rgt.png') no-repeat right top;
	height: 25px;
	line-height: 25px;
}

nav#cfp-navi ul li#alden {
	left: 100px;
}

nav#cfp-navi ul li#alden a {
	padding-left: 20px;
}

nav#cfp-navi ul li#ascot {
	left: 230px;
}

nav#cfp-navi ul li#ascot a {
	padding-left: 20px;
}

nav#cfp-navi ul li#jenatsch {
	left: 350px;
}

nav#cfp-navi ul li#jenatsch a {
	padding-left: 10px;
}

nav#cfp-navi ul li#basilea {
	left: 500px;
}

nav#cfp-navi ul li#basilea a {
	padding-left: 10px;
}

nav#cfp-navi ul li#seestrasse {
	left: 620px;
}

nav#cfp-navi ul li#fujiya {
	left: 770px;
}

nav#cfp-navi ul li#fujiya a {
	padding-left: 20px;
}

/*****************************************************************
 * Page Browsing
 *****************************************************************/
nav.page-browser {
	overflow: hidden;
	margin: 20px 0;
}

nav.page-browser ul > li  {
	float: left;
	border: 1px solid #2f0000;
	margin-right: 10px;
	line-height: 100%;
}

nav.page-browser ul > li > a {
	text-decoration: none;
	display: block;
	padding: 5px;
}

nav.page-browser ul > li > a:hover {
	color: #fff;
}

nav.page-browser ul > li.active,
nav.page-browser ul > li > a:hover {
	background: #2f0000;
}

nav.page-browser ul > li.active > a {
	color: #f1dabe;
}

nav.page-browser li.page-browser-spacer {
	padding: 5px;
	border: none;
}

/*****************************************************************
 * div layout styles
 *****************************************************************/

#special_offers {
	color: #f1dabe;
	width: 1000px !important;
	top: -4px;
}

#special_offers ul {
	width: 880px; 
	margin: 0 auto;
	background: transparent url('../images/bg_specialoffer.png') no-repeat left top;
	padding: 0 60px;
	overflow: auto;
	height: 252px;
}

#special_offers ul li {
	display: inline;
	width: 211px;
	float: left;
	margin-right: 12px;
	padding-top: 10px;
	height: 215px;
	overflow: hidden;
}

#special_offers a {
	color: #2f0000;
	text-decoration: none;
}

/* FONT STYLES */

body {
	font-family: AmaranthRegular, tahoma, arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #2f0000;
}

body p {
	line-height: 120%;
	margin-bottom: 10px;
}

strong {
	font-weight: bold;
}

small { 
	font-size: 85%; 
}


h1, h2, h3, h4 {
	font-family: NeutonRegular, Times, serif;
}

h1 {
 	font-size: 16px;
}

h2 {
 	font-size: 14px;
}


ol { 
	list-style-type: decimal; 
}

/* LINK STYLES */

a:link, a:active, a:visited {
	color: #2f0000;
	text-decoration: underline;
}

a:link {
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;	cursor: pointer;
}

a:hover {
	color: #c6a06f;
}

a:focus {
	outline: none;
}

#lbHoverNav a {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none; 
	transition: none;
}


a.button, 
form.content-form input[type="submit"], 
form.content-form input[type="button"],
form.reservation-form input[type="submit"], 
form.reservation-form input[type="button"],
#wysiwyg_ascottheme a.button {
	display: inline-block;
	background: url(../images/button_bg.png) repeat-x left top;
	border: 1px solid #f1dabe;
	color: #f1dabe;
	font-size: 13px;
	font-family: AmaranthRegular, tahoma, arial, sans-serif;
	text-decoration: none;
	text-align: center;
	padding: 2px 4px;
	min-width: 150px;
	line-height: 18px;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;	position: relative;
	z-index: 0;
}

a.button:hover, 
form.content-form input[type="submit"]:hover, 
form.content-form input[type="button"]:hover,
form.reservation-form input[type="submit"]:hover, 
form.reservation-form input[type="button"]:hover {
	-moz-box-shadow: 0 0 7px #2f0000; -webkit-box-shadow: 0 0 7px #2f0000; box-shadow: 0 0 7px #2f0000;}


a.more_link.internal,
#wysiwyg_ascottheme a.more_link.internal {
	background: url("../images/link_internal.png") no-repeat left 3px transparent; 
	padding-left: 17px;
	color: #2f0000;
}

a.more_link.external,
#wysiwyg_ascottheme a.more_link.external {
	background: url("../images/link_external.png") no-repeat left 3px transparent; 
	padding-left: 17px;
	color: #2f0000;
}


a.file {
	padding-left: 35px;
	padding-bottom: 20px;
	background-repeat: no-repeat;
	background-position: left top;
}


.pdf {
	background-image: url(../images/icons/file_pdf.png);
}

.jpg {
	background-image: url(../images/icons/file_jpg.png);
}

.doc {
	background-image: url(../images/icons/file_doc.png);
}

.txt {
	background-image: url(../images/icons/file_txt.png);
}

.gif {
	background-image: url(../images/icons/file_gif.png);
}

.ppt {
	background-image: url(../images/icons/file_ppt.png);
}

.xls {
	background-image: url(../images/icons/file_xls.png);
}

.div {
	background-image: url(../images/icons/file_div.png);
}


/* TABLE STYLES */

table.content-table, #wysiwyg_ascottheme table.content-table {
	width: 420px;
	background-color: #f1dabe;
}

table.prices {
	width: 434px;
	margin-bottom: 10px;
}

table.content-table h2 {
	font-size: 13px;
	margin: 5px 0;
}

table.content-table th {
	background-color: #c8af94;
	color: #2f0000;
	text-align: left;
}

table.content-table th, table.content-table td {
	padding: 4px 6px;
	border-bottom: 1px solid #c8af94;
	vertical-align: top;
}

table.content-table.third th, table.content-table.third td {
	width: 30%;
}

/* FORM STYLES */

form.content-form fieldset {
	margin: 10px 0;
}

form.content-form fieldset legend {
	padding: 3px 0;
}

form.content-form dt {
	padding: 3px;
	margin-top: 3px;
}


form input[type='text'],
form textarea,
form select {
	padding: 3px;
	border: 1px solid #f1dabe;
	color: #2f0000;
	width: 203px;
	margin-bottom: 10px;
	font-family: AmaranthRegular, tahoma, arial, sans-serif;
	font-size: 13px;
	background-color: #d5bb9e;
}

form select {
	width: 211px;
}

form.content-form textarea {
	min-height: 70px;
}

form input[type="text"]:focus, 
form textarea:focus,
form input[type="text"]:focus, 
form textarea:focus
 {
		-moz-box-shadow: 0 0 4px #2f0000; -webkit-box-shadow: 0 0 4px #2f0000; box-shadow: 0px 0px 4px #2f0000; zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color="#2f0000")"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color="#2f0000");}

form.content-form input.small {
	width: 100px;
}

form.content-form input[type="radio"] {
	margin-right: 5px;
	float: left;
}


form.content-form div,
div.remarks + textarea {
	margin-bottom: 3px;
}

form.content-form dd label {
	vertical-align: bottom;
}

/* Reservation Form */

form.content-form {
	width: 434px;
}

form.content-form.quick {
	width: 211px;
}


form.content-form fieldset {
	margin-top: 20px;
}

form.content-form legend {
	margin-bottom: 10px;
	padding: 3px;
	border-bottom: 1px solid #f1dabe;
}

form.content-form p.salutation {
	margin: 10px 0;
	position: relative;
}

form.content-form label {
	display: block;
	margin-bottom: 3px;
}

form.content-form label.line {
	display: inline;
}

form.content-form dt.quantity {
	float: left;
}

form.content-form dd.quantity {
	margin-left: 130px;
}

form.content-form dd.change-booking {
	margin-top: 10px;
}

form.content-form dd.change-booking a {
	width: 140px !important;
	min-width: 0;
}

form.content-form dd.datepicker,
form.content-form p.datepicker {
	position: relative;
}

form.content-form .datepicker input[type="text"] {
	width: 170px;
}

form.content-form .datepicker label {
	position: absolute;
	top: 0;
	right: 0;
}

form.content-form p.datepicker label {
	position: absolute;
	top: 19px;
	right: 0;
}

form.content-form .datepicker label.datelabel {
	position: relative;
	top: 0;
	right: 0;
}

form.content-form .datepicker img {
	box-shadow: none !important;
	margin: 0 !important;
}

form.content-form p {
	width: 211px;
	margin-bottom: 0;
}

form.content-form p.col {
	float: left;
	margin-right: 12px;
}


form.content-form p.small input[type="text"],
form.content-form dd.small input[type="text"] {
	width: 40px;
}

form.content-form dd.small select {
	width: 47px;
}


form.content-form p.zip input[type="text"] {
	width: 40px;
}

form.content-form textarea {
	width: 434px;
	margin: 0 0 10px 0;
	min-height: 150px;
}

form.content-form p span.location {
	float: left;
	width: 48px;
	margin-right: 12px;
}

form.content-form p span.location input[type="text"],
form.content-form p span.location label {
	width: 40px;
}

form.content-form p span.town {
	float: left;
	width: 48px;
}

form.content-form p span.town input[type="text"],
form.content-form p span.town label {
	width: 143px;
}

form.content-form p.upload {
	margin-bottom: 20px;
}

/* DATE PICKER */

div.datepicker {
	z-index: 999 !important;
}

tbody.datepickerDays td.datepickerSelected {
	background: none repeat scroll 0 0 #9d7e50;
}



/* LIST STYLES */

ul.nn6-messages {
	border: 1px solid #2f0000;
	background-color: #f1dabe;
	padding: 10px;
	margin-bottom: 10px;
}

ul.nn6-messages li {
	padding: 3px 0px;
	margin-left: 10px;
}

.error {
	border: 1px solid #F30 !important;
}


/* ACCORDION STYLES */

.accordion h3, .accordion p {
	padding: 10px;
	line-height: 16px;
	outline: none;
}

.accordion h3 {
	background: #c8af94;
	cursor: pointer;
	position: relative;
	font-size: 16px;
	font-family: Arial, sans-serif;
}

.accordion span.ui-icon {
	background: url(../images/ui-icon.png) no-repeat 0 0 transparent;;
	cursor: pointer;
	display: inline-block;
	height: 20px;
	width: 20px;
	position: absolute; 
	top: 8px;
	right: 10px;
}

.accordion span.ui-icon-minus {
	background-position: 0 -20px;
}

/* GLOBAL CLASSES */


.offscreen {
	position: absolute; 
	left: -9999px;
}

.first {
	margin-left: 0 !important;
}

.last {
	margin-right: 0 !important;
}

.clearfix:before, .clearfix:after {
	content: "\0020"; display: block; height: 0; visibility: hidden;	
}
 
.clearfix:after { 
	clear: both; 
}

.clearfix { 
	zoom: 1; 
}