@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 {
	font-family: Arial;
	font-weight: bold;
	color: #ff4019;
	text-decoration: none;	
}


#logo_header a:link, #logo_header a:visited {
	font-family: Arial;
	font-weight: bold;
	color: #6d6e71;
	text-decoration: none;
	padding: 8px 8px;
}

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

#logo_header a.highlight {
	background-color: #d66c56;
}

#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: 8px 8px;
}

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

/*
.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;
	background: url(../images/img_promotop.jpg) no-repeat;
}

#topright_promo {
	padding: 0 2px 4px 2px;
}

#bottomright_promo {
	padding: 0 2px;
}

#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:#f4f4f4;
}

#left {
	width: 653px;
	vertical-align: top;
}

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

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

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

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

#content #sideimages {
	float: right;
	width: 250px;
}

#content #sideimages td {
	text-align: center;
	padding-bottom: 10px;
}

#worldwide {
	width: 653px;
	/* background: url(../images/bg_worldwide.gif) top no-repeat #d34037; */
	background: url(../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;
}

#upcomingtable {
	width: 653px;
	font-size: 11px;
	background: url(../images/bg_upcoming.gif) top no-repeat #d1d1d1;
}

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

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

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

#contacttable {
	font-size: 11px;
	width: 100%;
}

#contacttable td {
	font-size: 11px;
	padding: 0 20px 0 0;
}

#contacttable td.contacttdtitle {
	padding: 3px 0 3px 10px;
	background-color: #b94339;
	color: #FFFFFF;
	font-weight: bold;
}

#worldmap {
	width: 653px;
	font-size: 11px;
	background: url(../images/bg_world_map.gif) no-repeat top #c0c0c0;
}


#worldmap td {
	padding: 15px 30px;
	vertical-align: top;
}

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

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

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

#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-family: Arial;
	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: 2px 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;
}
/* 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;
}






.paging_menu {
	padding: 5px;
	background-color: #BBDDBB;
}