/* ============================== General Menu ======================== */
ul.menu {
    display: inline-block;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.menu li {
    float: left;
    margin: 0;
    padding: 0;
}

ul.menu a {
    float: left;
    text-decoration: none;
    text-transform: uppercase;
}

ul.menu a span {
    float: left;
}

ul.menu img {
    border: 0 none;
}

/* ============================== menu-flat ============================ */



ul.menuFlat li {
    display: inline-block;
}

.menuFlat span.label div.normal {
    display: block;
}

.menuFlat span.label div.mouseOver {
    display: none;
}

.menuFlat a.active span.label div.normal {
    display: none;
}

.menuFlat a.active span.label div.mouseOver {
    display: block;
}


/* ============================== menu-vertical ======================== */
ul.menuVertical li {
    display: block;
    clear: left;
}
div.sitemap div.label {
    float:left;
    width: 180px;
    padding: 0 0 2px 0;
}

div.sitemap div.label a {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: normal;
}

div.sitemap a {
  color: #a0a082;
}

div.sitemap div.ll1 a {
  color: #646459;
}

div.sitemap div.container {
  float:left;
}

div.sitemap div.il1 {
  width: 100%;
}

div.sitemap div.cl1 {
  float:left;
}

div.sitemap div.item {
  float:left;
  clear:both;
}

div.sitemap div.firstItem {
  clear:none;
}


div.sitemap div.cl0, div.il1 {
    width: 100%;
}

div.sitemap div.il1 {
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #5f5f52;
}


.searchResultTitle{
	font-weight: bold;
	color: #000;
}

.searchResultLine,
.searchResultText{
	font-weight: normal;
	color: #000;
}

.searchFormInput{
	width: 150px;
	border: solid 1px #000;
	color: #000;
	margin: 0 5px 0 0;
}

.searchFormButton {
	height: 18px;
	border: solid 1px #000;
	color: #cca168;
	background: #fff;
}

.searchKey{background-color: #ffff90;} table.contact {
  table-layout:fixed;
}

table.contact > tbody > tr > td {
	padding:4px 0;
	vertical-align:top;
}

/* undo changes by proposed by Andrea... */
/*
.jqTransformSelectWrapper {
  margin:0;
}
a.jqTransformSelectOpen {
  margin:0;
}
*/

table.contact input {
  width: 100%;
}

form.contact_message {
  width: 630px;
  height: 200px;
}

form.contact div.row {
	position:relative;
    padding-top: 10px;
    float: left;
    width: 650px;
    clear: both
}

form.contact textarea {
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif !important;
	width: 650px;
}

.submit{
	float: right;	
}



.toggleParagraph .tpLead {
    padding: 0 0 0 0;
    font-weight: bold;
    border: 0px;
}

.toggleParagraph .tpLead:hover {
    cursor: pointer;
}

.toggleParagraph .tpContent {
    clear:both; 
    padding: 10px 0 0 0;
}

.toggleParagraph .separator {
   margin-top:10px;
   margin-bottom: 10px;
   height: 1px;
   background-color: #646459;
}


/* -------------------- 1 Column Design ---------------------------- */



/* -------------------- 3 Column Design ---------------------------- */

div.toggleParagraph div.col1of3,
div.toggleParagraph div.col3of3 {
		min-height:1px;
		overflow: hidden;
}

div.toggleParagraph div.col1of3 .margin,
div.toggleParagraph div.col3of3 .margin,
div.toggleParagraph div.col2of3Stretch .margin {
    margin-top: 0;
		margin-bottom: 0;		
}

div.toggleParagraph .separator div {
    padding-bottom: 0px;
    padding-top: 0px;
}

div.toggleParagraph .threeColumnPageTitle {
    position: absolute;
		width: 874px;
		height: 1px;
}

.inside-1col div.toggleParagraph .threeColumnPageTitle {
    width: 814px;
}



div.toggleParagraph .threeColumnWithTitle .col1of3 .margin,
div.toggleParagraph .threeColumnWithTitle .col3of3 .margin
{
    margin-top: 6px;
}

div.toggleParagraph .threeColumnPageTitle .toggle-title {
    padding-top: 6px;
}

div.toggleParagraph .threeColumnPageTitle .h1LineBox {
    padding-bottom: 0;
}

div.toggleParagraph .threeColumnPageTitle .h1LineBox {
    padding-bottom: 0;
}

/* --- GENERAL UTILITIES -------------------------------------------------------------------------- */
table.vertical-align-top td {
	vertical-align: top !important;
}

/* --- RESERVATION -------------------------------------------------------------------------------- */


#carousel-overlay { 
  position:absolute; 
  width: 934px;
  height: 364px;
  background-position: left bottom;
  background-repeat:no-repeat;  
}

.inside-1col .reservation .col2of3Stretch .margin {
    margin-right:0; 
}
  
.reservation div.section {
  margin-bottom: 25px;
}

.reservation span.label {
  display: inline-block;
  margin-top: 5px;
  margin-left: 5px;
}

.reservation thead, .reservation tr.th, .reservation th, .reservation tr.table-heading td {
  color: white;
  font-weight: normal;
}
.reservation td.col1, .reservation th.col1 {
  text-align: left !important;
}

/* --- table.section --------------------- */

.reservation table.section {
  text-transform: uppercase;
  width: 100%;
}

.reservation table.section td label, 
.reservation table.section .label {
  display: block;
  padding-top: 5px;
  padding-left: 5px;
}

.reservation table.section tr.halfday {
  color: #57543E;
}

.reservation table.section td.inner-table {
  vertical-align: top;
}

.reservation table.section td.inner-table table {
  width: 100%;
}


.reservation table.section td  {
  vertical-align: middle;
  text-align: right;
  line-height: 18px;
  /* height: 20px; */
}
.reservation form.converter * {
  text-align: left !important;
}
	
	
.reservation table.left-align td {
  text-align: left;
}


/* --- RESERVATION-BOOKING ------------------------------------------------------------------------ */

/* --- start breadcrumb navigation -------- */
.reservation-booking .breadcrumb {
  height: 55px;
}

.reservation-booking .breadcrumb .breadcrumbMargin {
	padding-top: 10px;
	margin: -11px 20px 30px 0;
	text-align: right;
}

.reservation-booking .breadcrumb .breadcrumbMargin .breadCrumbLeftBg {
	float:right;
	height: 24px;
	width: 12px;
	background: url("/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/prozessfortschritt_left.png") no-repeat right;
}

.reservation-booking .breadcrumb .breadcrumbMargin .breadCrumbRightBg {
	float:right;
	height: 24px;
	width: 12px;
	background: url("/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/prozessfortschritt_right.png") no-repeat	left;
}

.reservation-booking .breadcrumb .breadcrumbMargin .breadCrumbBg {
	float:right;
	height: 22px;
	padding: 2px 0 0 0;
	background: url("/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/prozessfortschritt_bg.png") repeat-x;
}

.reservation-booking .breadcrumb span {
	text-transform: uppercase;  
	font-size: 11px;
	display: inline;
	color:#ccd0c1;
}

.reservation-booking .breadcrumb .crumb {
  /* display: inline-block; */
  padding: 4px 2px 4px 12px;
  width: 15px;
  /* height: 10px; */
  /* margin-left: 5px; */
  display: inline;
  background: url("/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/reservation-breadcrumb.gif") no-repeat center;
}

.reservation-booking .breadcrumb .active {
  color:#000000;
}
/* --- end breadcrumb navigation -------- */


.reservation-booking table.section {
	/* width: 648px; */
}


/* --- jqTransform ---- */
.reservation-booking .jqTransform td.checkbox * {
  float: right;
}

.reservation-booking .jqTransform td.checkbox label {
  margin-right: 0 !important;
}



/* --- reservation - agentDetails ------------------------------------------------------------ */

.agentDetails .section .row {
  clear: both;
}

.agentDetails .section-information .row {
  padding-top: 2px;
}

.agentDetails .section-ratings .row {
  margin-top: 5px;
}

.agentDetails .section-rate .row {
  margin-top: 5px;
}

.agentDetails .section-rate .row p {
  margin: 20px 0 0 0;
  line-height: 15px;
}

.agentDetails .label {
  float: left;
  width: 40%;
}

.agentDetails .section .value {
  text-transform: uppercase;  
  float: left;
  width: 59%;
}

.agentDetails .training-item {
  float: left;	
  width: 72px;
  text-align: center;
  padding: 0 2px;
  overflow: hidden;
}

.agentDetails .training-item .icon-legend {
  font-size: 11px;
  padding-top: 10px;
  text-align: center; 
  letter-spacing: 1px;
}

/* --- reservation - booking - wf - dates ---------------------------------------------------- */
div.reservation-booking-wf-dates .hasDiscounts {
	color: red;
}

div.reservation-booking-wf-dates div.validation-error {
  margin: 10px 0;
  color: red;
}

/* --- reservation - booking - wf - extras --------------------------------------------------- */

.extras .extras-form {
  background: url("/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/extras-form-background-216x1.png")  repeat-y left top;
}

table.extras-form {
  border: none;
  padding: 0px;
  width: 100%;
}
  
.extras-form-bottom {
  background: url("/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/extras-form-bottom-216x8.png")  no-repeat left top;
  height: 8px;
  width: 216px;
}

.extras .form-input-date {
  width: 80px;
}  

.extras td {
  padding: 5px 0 0 0px;
}

.extras td.separator {
  border-bottom: 1px solid #060903;
  background: none;
}

.extras .SetBt {
  float:right;
} 
      
.extras table td .jqTransformInputWrapper {
  float:right;
}
      
.extras table td span.label { 
   margin-left:0px;
}

.extras span.value-grand-total, .extras #priceOneWay, .extras #priceTwoWays, .extras span.value-item { 
   float:right;
}

.extras table td.value-item { 
   float:right;
}

/* --- reservation - booking - wf - contactDetails --------------------------------------------------- */

div.reservation-booking-wf-contactDetails form td {
  padding: 4px 0;
}  

/* --- Contact Section ----- */
table.contact-details, table.travel-dates {
  table-layout: fixed;
}

table.contact-details td, table.travel-dates td, table.payment td {
  padding:0px 0 0px 0;
  vertical-align:top;
}

.contact_firstname, .contact_telephone, .contact_mobile {
  width:168px;
}

.contact_message {
  width: 630px;
  height:200px;
}

.contact label {
  margin-top: 2px !important;
}


table.contact-details input {
	width: 100%;
}

.dialingCodes {
	width:255px !important;
}

/* Travel Dates */
table.travel-dates input {
  width: 100%;
}

.jqTransformSelectWrapper ul {
	overflow: hidden;
	height: auto;
}

.jqTransformSelectWrapper ul li a {
	white-space: nowrap;
}

form.contact div.row {
	position:relative;
    padding-top: 10px;
    float: left;
    width: 650px;
    clear: both;
}

.reservation-booking-wf-contactDetails form .special_request {
  width: 645px;
  height: 160px;
}

div.reservation-booking-wf-contactDetails div.col1of2 {
  width: 70%;
}

div.reservation-booking-wf-contactDetails div.col2of2 {
  width: 30%;
}


/* --- reservation - booking - wf - paymentDetails --------------------------------------------------- */

table.payment-details input {
  width: 100%;
}

/* --- reservation - booking - wf - summary --------------------------------------------------- */
.reservation-booking-wf-summary table th {
  text-align: right;
}


/* --- reservation - booking - wf - thankyou --------------------------------------------------- */
.reservation-booking-wf-thankyou {
}

.reservation-booking-wf-thankyou .col1of2 {
  width: 295px;
}



/* --- reservation - mycalendar  ----------------------------------------------------------------- */


/* --- reservation - mybookings  ----------------------------------------------------------------- */
.reservation-mybookings .state {
  text-transform: uppercase;  
}


.reservation-mybookings .state-new, .reservation-mybookings .state-transient  {
  color: #C8CFFA;
}

.reservation-mybookings .state-cancelled {
  color: red;
}

.reservation-mybookings .state-confirmed {
  color: green;
}



.reservation-mybookings table.summary td {
  color: white;
}
.reservation-mybookings table.summary tr.summary-item:hover {
	cursor: pointer;
}

.reservation-mybookings table.summary tr.summary-item .date-range {
  text-align: left;
}

.reservation-mybookings table.summary tr.summary-item .name {
  text-align: left;
}

.reservation-mybookings table.summary tr.summary-item .agent-id {
  text-align: right;
}

.reservation-mybookings table.summary tr.summary-item .booking-id {
  text-align: right;
}


/* --- reservation - mybookings - review  ----------------------------------------------------------------- */

div.reservation-mybookings-bookingreview div.section {
  margin-bottom: 20px;
}

div.reservation-mybookings-bookingreview table.extra-view-simple {
	margin-left: 30px;
}

div.reservation-mybookings-bookingreview table.extra-view-simple td {
  text-align:left;
}

div.reservation-mybookings-bookingreview table.extra-view-simple td.col1 {
  width: 120px;
}


/* --- reservation - mybookings - messageboard --------------------------------------------------- */
.reservation-mybookings-messageboard .section-buttons {
  padding-top: 20px;
  padding-bottom: 5px;
} 

.reservation-mybookings-messageboard .form-new-message  {
  padding-top: 15px;
}

.reservation-mybookings-messageboard  #txtNewMessage {
	width: 620px;
	height: 150px;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif !important;
}

.reservation-mybookings-messageboard .section-message th { 
	padding: 10px 0; 
  text-transform: uppercase;
}
.reservation-mybookings-messageboard .section-message th.time { width: 25%; }
.reservation-mybookings-messageboard .section-message th.agent-name { width: 35%; }
.reservation-mybookings-messageboard .section-message th.agent-id { width: 15%; }
.reservation-mybookings-messageboard .section-message th.booking-id { width: 25%; }


/* --- reservation - proceedBooking --------------------------------------------------- */
a.proceedBooking {
	float:right;
	width:216px;
	height:40px;
	background: url(/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/booking/proceedBooking.png) no-repeat;
}
a.proceedBooking:hover {
	background: url(/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/booking/proceedBookingDown.png) no-repeat;
}
a.backInBooking {
	float:left;
	height:23px;
	background: url(/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/backButton_left.png) no-repeat;
	padding: 0 0 0 26px;
}
a.backInBooking:hover {
	background: url(/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/backButton_leftDown.png) no-repeat;
}
a.backInBooking:hover span {
	background: url(/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/backButton_rightDown.png) no-repeat;
	background-position:right top;
}
#proceedBookingBox .h1LineBox {
	padding:18px 15px 0 0;
} /* Default styling for jQuery Calendars Picker v1.0.0. */
.calendars {
	/* font-family: Verdana,Arial,Helvetica,Sans-serif; */
	/* font-size: 70%; */ 
}
.calendars-rtl {
	direction: rtl;
}
.calendars-popup {
	z-index: 1000;
}
.calendars-disable {
	position: absolute;
	z-index: 100;
	background-color: white;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.calendars a {
	color: #bfc5bb; /* light grey */
	text-decoration: none;
	font-size: 70%; /* gp, new */
}

.calendars-multi {
	width: 610px !important;
}

.calendars a.calendars-disabled {
	color: #888;
	cursor: auto;
}
.calendars-nav, .calendars-ctrl {
	display: none; /* gp */
	float: left;
	width: 100%;
	color: #fff;
	font-weight: bold;
}
.calendars-ctrl {
	/* background-color: #600; */
}
.calendars-cmd {
	width: 30%;
}
.calendars-cmd-prevJump, .calendars-cmd-nextJump {
	width: 8%;
}
a.calendars-cmd {
	height: 1.5em;
}
button.calendars-cmd {
	text-align: center;
}
.calendars-cmd-prev, .calendars-cmd-prevJump, .calendars-cmd-clear {
	float: left;
	padding-left: 2%;
}
.calendars-cmd-current, .calendars-cmd-today {
	float: left;
	width: 35%;
	text-align: center;
}
.calendars-cmd-next, .calendars-cmd-nextJump, .calendars-cmd-close {
	float: right;
	padding-right: 2%;
	text-align: right;
}
.calendars-rtl .calendars-cmd-prev, .calendars-rtl .calendars-cmd-prevJump,
.calendars-rtl .calendars-cmd-clear {
	float: right;
	padding-left: 0%;
	padding-right: 2%;
	text-align: right;
}
.calendars-rtl .calendars-cmd-current, .calendars-rtl .calendars-cmd-today {
	float: right;
}
.calendars-rtl .calendars-cmd-next, .calendars-rtl .calendars-cmd-nextJump,
.calendars-rtl .calendars-cmd-close {
	float: left;
	padding-left: 2%;
	padding-right: 0%;
	text-align: left;
}
.calendars-month-row {
	clear: left;
}
.calendars-month {
	float: left;
	width: 275px; 
	padding-left: 60px;
	text-align: center;
	background: transparent;
}

.calendars-month:first-child {
	padding-left:0;
}


.calendars-month-header, .calendars-month-header select, .calendars-month-header input {
	height: 1.5em;
	color: #000; /* gp */
	font-weight: bold;
}
.calendars-month-header select, .calendars-month-header input {
	height: 1.4em;
	border: none;
}
.calendars-month-header input {
	position: absolute;
	display: none;
}
.calendars-month table {
	width: 100%;
	border-collapse: collapse;
}
.calendars-month thead {
	/* border-bottom: 1px solid #aaa; */
}
.calendars-month th, .calendars-month td {
	margin: 0em;
	padding: 0em;
	font-weight: normal;
	text-align: center;
}
.calendars-month th {
}
.calendars-month th, .calendars-month th a {
	color: #000; /* gp */
}
.calendars-month td {

}
.calendars-month td.calendars-week a,
.calendars-month td.calendars-week span {
	color: #bfc5bb; /* light grey */
	border: none;
}
.calendars-month a {
	display: block;
	width: 100%;
	padding: 0.125em 0em;
	color: #bfc5bb; /* light grey */
	text-decoration: none;
}
.calendars-month span {
	display: block;
	width: 100%;
	font-size: 70%;
	padding: 0.125em 0em;
}
.calendars-month td span {
	color: #888;
}

.calendars-month td {
  border: none;	
}

.calendars-month td .calendars-other-month {
	background: none;	
}
.calendars-month td .calendars-weekend {
	/* background-color: #ddd; */
}
.calendars-month td .calendars-today {
	/* background-color: #f0c0c0; */
}
.calendars-month td .calendars-highlight {
	/* background-color: #f08080; */
}
.calendars-month td .calendars-selected {
	background-color: #777; /* gp selected days */
}
.calendars-month th.calendars-week {
	/* background-color: #777; */
	color: #fff;
}
.calendars-status {
	/* background-color: #eee; */
	text-align: center;
}
.calendars-clear-fix {
	clear: both;
}
.calendars-cover {
    display: none;
    display/**/: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -1px;
    left: -1px;
    width: 100px;
    height: 100px;
}
#controls {
	margin: 0;
	padding: 0;
}

/* ============================ criteria ============================ */
#controls .criteriaMenu {
	float: right;
	height: 24px;
	margin-left: -55px;
	margin-right: 58px;
}

/* ====== Menu - criteria ====== */
#controls li.label {
	width: 69px;
	text-align: right;
	padding: 6px 0 0 0;
	display:list-item;
}

/* SUBMENUES */
#controls .menuFlat a {
	background:
		url("/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/subNavLeft_7x56.png")
		no-repeat left top;
	padding: 0 0 0 7px;
}

#controls .menuFlat a span {
	height: 19px;
	background:
		url("/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/subNavRight_300x56.png")
		no-repeat right top;
	padding: 6px 15px 0px 11px;
	color: #000000;
	font-size: 11px;
	text-align: center;
}

#controls .menuFlat a span cufon {
	padding: 2px 0 0 0;
}

ul.criterion-qualification {
	overflow: visible;
}

ul.criterion-rate li,ul.criterion-rate li * {
	width: 50px;
}

#controls ul.criterion  a {
	background:
		url("/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/subsubNavLeft_7x56.png")
		no-repeat left top;
	padding: 0 0 0 7px;
}

#controls ul.criterion  a span {
	background:	
		url("/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/subsubNavRight_300x56.png") 
		no-repeat right top;
	padding: 5px 15px 0px 11px;
	color: #FFF;
	text-align:left;
}

#controls .menuFlat a span cufon {
	padding: 3px 0 0 0;
}

/* END SUBMENUES */
#controls li.menuitem-language span {
	width: 65px;
	overflow: hidden;
}

#controls li.menuitem-date span {
	width: 44px;
}

#controls li.menuitem-date.control-selected a{
	background:	url("/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/subNavRight_300x56_selected.png") repeat-x right top;
	padding: 0 0 0 7px;
}

#controls li.menuitem-date.control-selected a:hover{
	background:	url("/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/subNavRight_300x56_selected.png") repeat-x right top;
	padding: 0 0 0 7px;;
}

#controls li.menuitem-date.control-selected a span:hover{
	background:	none;
}


#controls li.menuitem-rate span {
	width: 50px;
}

#controls li.menuitem-keyword {
	position: relative;
}

#controls li.menuitem-keyword span {
	width: 200px;
	text-align: left;
}

#controls li.menuitem-custom span {
	width: 43px;
}

#controls li.control-selected a span {
	background:	url("/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/subNavRight_300x56_selected.png") repeat-x right top;
}

#controls li.control-selected a, #controls li.control-selected a.active {
	background:	url("/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/subNavRight_300x56_selected.png") no-repeat left top;
	padding: 0 0 0 7px;
}

#controls li.menuitem-keyword span {
	text-align: left;
}

#controls .menuFlat a.active {
	background-position: 0% -28px;
	color:#FFFFFF;
}

#controls .menuFlat a.hover{
	background-position: 0% -28px;
}

#controls .menuFlat a.hover span{
	background-position: 100% -28px;
	color: #C8CCC3 !important;
}

#controls .menuFlat a.active span{
	background-position: 100% -28px;
	color: #C8CCC3 !important;
}

#controls .menuFlat a.active cufon, #controls .menuFlat a.active cufontext, #controls .menuFlat a.hover cufon, #controls .menuFlat a.hover cufontext {
	color: #C8CCC3 !important;
}

#controls .criterion-box {
	border: medium none;
	position: absolute;
	right: 62px;
	top: 20px;
	width: 730px;
}

#controls .criterion {
	clear: both;
	/* float: left; */
	min-height: 1px;
	position: relative;
	top: -3px;
}

/* ======== criteria-link =========== */
#controls .criterion-link {
	height: 6px;
	background:
		url("/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/criteria/criterion-link-bridge-bg.png")
		repeat-x left bottom;
}

#controls .criterion-link div {
	height: 6px;
	overflow: hidden;
}

#controls .criterion-link .bridge {
	position: relative;
}

#controls .criterion-link .bridge-left {
	width: 5px;
	float: left;
	background:
		url("/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/criteria/criterion-link-bridge-left-bg.png")
		no-repeat left top;
}

#controls .criterion-link .bridge-center {
	width: 100px;
	float: left;
}

#controls .criterion-link .bridge-right {
	width: 5px;
	background:
		url("/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/criteria/criterion-link-bridge-right-bg.png")
		no-repeat right top;
	float: left;
}

/* ======== criterion-qualification =========== */
#controls .criterion-language {
	/* margin-left: 283px; Pius */
  margin-left: 549px;
}

#controls .criterion-rate {
	margin-left: 467px;
}

/* ======== criterion-date =========== */
#controls .criterion-date .criterion-link .bridge-left {
	margin-left: 320px;
}

#controls .criterion-date .criterion-link .bridge-center {
	width: 75px;
	background-color: #65645f;
}

#controls .criterion-date {
	float: right;
	margin-left: 50px;
}

#controls .criterion-date .calendar {
	position: relative;
	float: left;
	width: 730px;
	height: 167px;
	background:
		url("/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/criteria/calendar-bg_730x167.png")
		no-repeat left top;
}

.calendar .cal-margin {
	margin: 1px 42px 10px 46px;
}

.calendar .jqTransformSelectWrapper div span {
  text-transform: none;
}

.calendar .cal-btnPrevMonth {
	position: absolute;
	top: 87px;
	left: 50px;
	height: 28px;
	width: 11px;
	z-index: 5;
	cursor: pointer;
}

.calendar .cal-btnNextMonth {
	position: absolute;
	top: 87px;
	right: -10px;
	height: 28px;
	width: 11px;
	z-index: 10;
	cursor: pointer;
}

/* ======== criteria.dateRange =========== */
div.dateRange {
	clear: both;
	float: left;
	margin-top: 2px;
	width: 363px;
	height: 68px;
	background:
	url("/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/criteria/dateRange-bg_363x68.png")
	no-repeat left top;
	border: none;
  	font-size: 10px;  	
  	text-transform: uppercase;
}

div.dateRange .dateRange-margin {
	margin: 9px 26px;
	min-height: 1px;
}

div.dateRange div {
	float: left;
}

div.dateRange .dr-toDate {
	padding-left: 9px;
}

div.dateRange label {
	padding-bottom: 6px;
}

div.dateRange input {
	clear: both;
	width: 84px;
	height: 19px;
}

div.dateRange .dr-btnSet {
	clear: none;
	margin-left: 25px;
	margin-top: 26px;
	width: 78px;
}

/* ======== criteria.legend =========== */
.legend * {
	margin: 0;
	/* padding: 0; */
  font-size: 10px;  
}


.legend {
	float: left;
	margin-top: 2px;
	margin-left: 2px;
	width: 365px;
	height: 68px;
	background:
		url("/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/criteria/legend-bg_386x68.png")
		no-repeat left top;
	border: none;
}

.legend .legend-margin {
	margin: 12px 26px;
	min-height: 1px;
}

.legendItem {
	min-height: 1px;
	float: left;
	height: 15px;
	width: 48%;
	vertical-align: middle;
	border: none;
}

.legendItem p {
	float: left;
	padding-left: 5px;
	line-height: 14px;
}

.legendItem .box {
	float: left;
	width: 29px;
	height: 15px;
	border: solid 1px black;
	overflow: hidden;
}

.li-MidSeason,.li-HighSeason {
	clear: both;
}

/*
.li-LowSeason .box {
	background:
		url("/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/criteria/legend-lowSeason-bg.png")
		no-repeat left top;
}

.li-MidSeason .box {
	background:
		url("/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/criteria/legend-midSeason-bg.png")
		no-repeat left top;
}

.li-HighSeason .box {
	background:
		url("/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/criteria/legend-highSeason-bg.png")
		no-repeat left top;
	border-bottom: solid 1px black;
}

.li-Booked .box {
	background:
		url("/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/criteria/legend-booked-bg.png")
		no-repeat left top;
}

.li-MyBooking .box {
	background:
		url("/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/criteria/legend-myBooking-bg.png")
		no-repeat left top;
}

.li-HalfDay .box {
	background:
		url("/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/criteria/legend-halfDay-bg.png")
		no-repeat left top;
	border-bottom: solid 1px black;
}

a {
	outline: 0 none;
}

/* AM 18.01.2010 - Avoid scrollbars in DropDowns */
div#inlineDatepicker .jqTransformSelectWrapper * {
	overflow: hidden;
	height: auto;
}

/* AM 18.01.2010 - this is for centered output of month headers */
div#inlineDatepicker div.calendars-month-header {
	text-align: center;
	margin: 0 0 0 0;
}

div#inlineDatepicker .inner-month-header {
	text-align: center;
	display: inline-block;
	margin: 8px auto;
	font: 12px normal Verdana, Arial, Helvetica, sans-serif;
}

div#inlineDatepicker .jqTransformSelectWrapper div span {
	font: 12px normal Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	padding-right:5px;
}

div#inlineDatepicker .jqTransformSelectWrapper ul a {
	padding: 1px 0 1px 0;
}

/* end */
.criterion {
	display: block;
}

#monthSelector {
	margin: 0 0px 0 0;
	text-align:right;
	width:90px;
	padding-left:20px;
}

#yearSelector {
	width: 30px;
}

/* CALENDAR */

.calendars-multi {
  width: 640px !important;
}

.calendars-month:first-child {
  padding: 0 0 0 8px;
}

.calendars-selected {
  background: black;
}

div.calendars-month table,div.calendars-month table td {
  border-collapse: collapse;
}

.calendars-month td .calendars-selected {
  background-color: black;
}

div.calendars-month table th {
  height: 18px;
}

calendar .cal-margin {
	margin: 16px 58px 10px 58px;
}

.calendar .cal-btnPrevMonth {
	position: absolute;
	top: 87px;
	left: 0px;
	height: 28px;
	width: 11px;
}

.calendar .cal-btnNextMonth {
	position: absolute;
	top: 87px;
	right: 0px;
	height: 28px;
	width: 11px;
}

div.calendars-month {
	font-color: white;
	font-size: 14px;
	width: 266px;
	padding: 4px 0 0 90px;
}

div.calendars-month table td {
	width: 30px;
	height: 17px;
}

div.calendars-month table td a,div.calendars-month table td span {
	display: block;
	width: 38px;
	height: 18px;
	line-height:17px;
}

div.calendars-month table td a,div.calendars-month table td span {
	padding: 0;
}

div.inner-month-header {
	font-size: 12px;
}

div.calendars-month table td.calendars-other-month {
	border: none;
}

div.inner-month-header div.jqTransformSelectWrapper {
	margin: 0 0 0 0;
}


.criterion-date div.inner-month-header, div.inner-month-header {
	background: none !important;
}

/*
.criterion-date .jqTransformSelectWrapper a.jqTransformSelectOpen, .calendar .jqTransformSelectWrapper a.jqTransformSelectOpen  {
	background:
		url(/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/select_right_calMonth.png)
		no-repeat right top !important;
}
*/

div.datePicker  {
	display:none;
	float:left;
	width:300px;
	height:200px;
	margin-top:1px;	
}

#input-drRange {
	width:160px;
}

div.datePicker div.dateRange td {
	padding-bottom:0px;
}

div.calendars {
	position:relative;
	padding:0;
	background:url(/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/criteria/calendar-bg_730x167.png) no-repeat left top;
}
	
div.datePicker table.dateRange {
	margin:0;
	padding:0;
}
div.datePicker div.dateRange .dateRange-margin {
	margin:9px 10px;
	min-height:1px;
}
	
div.datePicker table.dateRange td {
	vertical-align: middle;
	line-height: normal;
}	
	

div.datePicker div.inner-month-header ul {
	background: black;
}

div.datePicker td.cal {
	border: 1px solid black;
	padding:0;
}

div.datePicker div.dateRange label  { 
  padding:0;
}

form.jqTransform .calendar td, dateRange-margin td {
  padding:0px;
}

div.dateRange-margin table td label {
	font-size:10px;
}

/* ======== reservation - jQtransform Checkboxen =========== */
#controls ul.criterion label.criterionLabel {
  display: inline;
  float: none;
}

#controls ul.criterion span.criterionCheckbox {
  padding: 5px 0 0 0;
}

#controls ul.criterion a span.jqTransformCheckboxWrapper{
  margin: 0;
  border: 0 none;
  background: 0 none;
  padding: 0;
  width: 25px;
  top: -5px;
  position: relative;
}


#controls ul.criterion a.jqTransformCheckbox {
  background: transparent url(/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/checkbox.png) no-repeat center top;
  height: 23px;
  width: 22px;
  outline-style: none;
  padding: 0;
  margin: 0;
}

#controls ul.criterion a.jqTransformChecked { background-position: center bottom;} /*--Main Container--*/
.animationBox {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.animationWindow {
	height:364px;	
	width: 934px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.animationWindow a {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	opacity:0;
}

.animationWindow a.active {
    z-index:10;
	opacity:1;
}

.animationWindow a.last-active {
    z-index:9;
}

div.containerContactButtons div {
	float:left;
	width:33%
}

div.containerContactButtons div.contactButton_phone {
	position:relative;
}

div.containerContactButtons div.contactButton_phoneDetailBox {
	display:none;
	position:absolute;
	left:0;
	top:0;
	height:45px;
	width:450px;
	background: url(/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/button_phoneDown.png) no-repeat;
}

table.containerContactButtonsTable td {
	height:35px;
	line-height: 0;
	margin:0;
	padding: 0 0 8px 0;
}

div.contactButton_phoneDetailBox div.contactButton_phoneDetailBoxEnd {
	float:left;
	height:35px;
	width:10px;
	cursor:pointer;
	background: url(/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/button_phoneActiveRight.png) no-repeat;
}

div.contactButton_phoneDetailBox div.contactButton_phoneDetailText {
	float:left;
	height:28px;
	padding:7px 5px 0 0;
	background-color:#ffffff;
}

div.contactButton_phoneDetailBox div.contactButton_phoneDetailLeft {
	float:left;
	width:6px;
	height:35px;
	background: url(/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/button_phoneActiveLeft.png) no-repeat;
}

div.contactButton_phoneDetailBox div.contactButton_phoneDetailBoxStart {
	float:left;
	height:35px;
	width:35px;
	cursor:pointer;
}

#slideshow {
    position:relative;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	opacity:0;
	filter: alpha(opacity = 0);
}

#slideshow IMG.active {
    z-index:10;
	opacity:1;
}

#slideshow IMG.last-active {
    z-index:9;
}

a.contactButton_map {
	display:block;
	width:35px;
	height:35px;
	float:right;
	background: url(/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/button_map.png);
}
a.contactButton_map:hover {
	background: url(/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/button_mapDown.png);
}
a.contactButton_mail {
	display:block;
	width:35px;
	height:35px;
	margin:0 auto;
	background: url(/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/button_mail.png);
}
a.contactButton_mail:hover {
	background: url(/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/button_mailDown.png);
}
a.contactButton_phone {
	display:block;
	width:35px;
	height:35px;
	float:left;
	background: url(/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/button_phone.png);
}
a.contactButton_phone:hover {
	background: url(/cms/cmsCustom/atyourside/headers/default_v1.0.0/images/button_phoneDown.png);
}