@charset "utf-8";
/* CSS Document */

/* general styles */
html {
	width: 100%;
}

body {
	width: 100%;
	background:url(../images/bg_sbihotels.jpg) repeat-x top center #d2d5d2;
	font-family: Verdana;
	font-size: 11px;
	color: #333333;
	margin: 0;
	 line-height:1.4em;
}

form {
	margin: 0;
}

table, img {
	border: 0;
}

/* custom styles */
#wrapper {
	width: 936px;
	margin: 0 auto;
}

#logo_header {
	width: 100%;
	border-collapse: collapse;
}

#logo_header #logo {
	width: 132px;
	padding: 8px 15px;
}

#logo_header #corporate_navi {
	vertical-align: top;
}

#logo_header #corporate_navi a:link, #logo_header #corporate_navi a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	margin: 0 10px;
}

#logo_header #corporate_navi a:hover {
	text-decoration: underline;
}

#logo_header #hotel_name {
	padding-left: 150px;
	width:100%;
}

#logo_header #current_time {
	text-align: right;
	vertical-align: bottom;
	padding: 0 15px 5px 0;
}

#topnavi {
	/* background: url(../images/bg_topnavi.jpg) no-repeat center; */
	background-color: #ff4019;
	color: #FFFFFF;
	padding: 9px 20px 7px 10px;
	margin-bottom: 1px;
}

#topnavi a:link, #topnavi a:visited {
	font-family: Arial;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px;
}

#topnavi a:hover {
	text-decoration: underline;
}

#topnavi a.highlight {
	background-color: #D66C56;
}

#reservation_promos {
}

#reservation_column {
	width: 185px;
	vertical-align: top;
	padding: 10px 0 0 10px;
	/* background: url(../images/bg_reservations.jpg) top left no-repeat #d24239; */
	background-color: #ff4019;
}

#reservation_column #header {
	padding: 0 0 5px 0;
}

#reservation_form {
	font-size: 10px;
	color: #FFFFFF;
}

#reservation_form .form_elements {
	font-size: 10px;
}

.reservationboxbtn {
	width: 160px;
	font-family: Arial;
	font-size: 10px;
	color: #666666;
	margin-top: 5px;
}


/* 
#reservation_form .reservationboxbtn {
	width: 164px;
	background: url(../images/img_reservationbtn.gif);
	border: 0;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	margin: 3px 0 0 0;
	height: 23px;
}
*/

#flash_promo {
	vertical-align: top;
}

#flash_promo table {
	height: 100%;
}

#flash_promo #flash_header {
	padding-left: 2px;
}

#flash_promo #promo_bottomleft {
	width: 175px;
	height: 120px;
	padding-left: 2px;
	vertical-align: bottom;
}

#flash_promo #promo_bottomcentre {
	height: 120px;
	vertical-align: bottom;
}

#ban_fade {
	width: 320px;
	height: 114px;
}
#ban_fade .quotes {
	float: left;
	z-index: 5;
	position: absolute;
}
#right_promos {
	width: 250px;
	vertical-align: top;
}

#destination_bar {
	padding: 10px 0 7px 0;
	text-align: center;
	/* background: url(../images/bg_destination.jpg) no-repeat; */
	background-color: #ff4019;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	margin-top: 1px;
}

#destination_bar a:link, #destination_bar a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#decoration_bar a:hover {
	text-decoration: underline;
}

#main {
	background-color:#ffffff;
}

#left {
	width: 653px;
}

#content {
	background:url(../images/bg_maincontent.jpg) top left repeat-x #FFFFFF;
	padding: 20px 30px;
	width:653px;
}

#content h3 {
	font: 24px Arial;
	margin: 0 0 15px 0;
	font-weight: bold;
	color:#333333;
}

#content a:link, #content a:visited {
	color: #333333;
	text-decoration: none;
}

#content a:hover {
	text-decoration: underline;
}

#content #sideimages {
	float: right;
	margin: 0 0 10px 10px;
}

#content #sideimages td {
	text-align: center;
}

/* START OF WORLDWIDE STYLES */
#worldwide {
	width: 653px;
	background: url(http://www.swiss-belhotel.com/images/bg_worldwide.gif) top no-repeat #d1d1d1;
	font-size: 11px;
	color: #333333;
}

#worldwide td {
	padding: 150px 30px 15px 30px;
	width: 50%;
	vertical-align: top;
}

#worldwide a:link, #worldwide a:visited {
	color: #333333;
	text-decoration: none;
	font-weight: normal;
}

#worldwide a:hover {
	text-decoration: underline;
}
/* END OF WORLDWIDE STYLES */

#highlights {
	/* background-color: #c74138; */
	background-color: #f4f4f4;
	font-size: 10px;
	color: #333333;
}

#highlights .section {
	vertical-align: top;
	padding: 10px 0 10px 7px;
	width:33%;
}

#highlights .section a:link, #highlights .section a:visited {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

#highlights .section a:hover {
	text-decoration: underline;
}

#right {
	width: 283px;
	vertical-align: top;
	background-color:#f4f4f4;
}

#right .infobox {
	padding: 0px 20px 15px 20px;
	font-size: 10px;
}

#right .infobox a:link, #right .infobox a:visited {
	color:#333333;
	text-decoration: none;
	font-weight: bold;
}

#right .infobox a:hover {
	text-decoration: underline;
}

.emailbtn {
	font-family: Arial;
	font-size: 10px;
	color: #666666;
	width: 100px;
}

/*
.emailbtn {
	width: 100px;
	background: url(../images/img_emailbtn.gif);
	border:0;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	margin:8px 0 0 0;
	height:22px;
}
*/

#footer {
	/* background: url(../images/bg_footer.jpg) no-repeat; */
	background-color: #ff4019;
	padding: 5px 20px;
	font-family: Arial;
	font-size: 10px;
	color: #FFFFFF;
}

#footer a:link, #footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/*
#footer #hotel_logo {
	vertical-align: top;
	padding: 10px 15px;
}

#footer #address {
	vertical-align: top;
	padding: 5px 0;
}
*/

/* styles for the drop down menu on rollover */
#dropmenudiv{
	position:absolute;
	border:1px solid #ffffff;
	border-bottom-width: 0;
	line-height: 10px;
	z-index:100;
}

#dropmenudiv a:link, #dropmenudiv a:visited {
	width: 100%;
	/* height: 17px; */
	display: block;
	text-indent: 3px;
	text-align: left;
	/* vertical-align: middle; */
	border-bottom: 1px solid #ffffff;
	padding: 5px 0;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	/* background-color: #d24239; */
	background-color: #ff4019;
	color: #FFFFFF;
}

#dropmenudiv a:hover { /*hover background color*/
	background-color: #ff4019;
	/* background-color: #d24239; */
	color: #FFFFFF;
}

/* for the calendar */
.style5 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; }

/* the div that holds the date picker calendar */
.dpDiv {
	}

/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}

/* the table cell that holds the name of the month and the year */
.dpTitleTD { }

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD { }

/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD { }

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
}
/* standard link styles */
a:link {	color: #a40000;	font-weight:bold;	text-decoration:none; }

a:visited {	color: #a40000;	font-weight:bold;	text-decoration:none;}

a:hover {	color:#a40000;	font-weight:bold;	text-decoration:underline;}

/* menu link styles */
a:link {	color: #fff;	font-weight:bold;	text-decoration:none; }

a:visited {	color: #fff;	font-weight:bold;	text-decoration:none;}

a:hover {	color:#fff;	font-weight:bold;	text-decoration:underline;}