/* -----SYLES FOR RESORT PAGES----- */
.divHotels, .divHotels2 {
	padding:5px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-image: url(../images/hotel_background.gif);
	background-repeat: no-repeat;
}
.divHotels2 {
	background-image: url(../images/hotel_background2.gif);
}
.divHotels img, .divHotels2 img {
	float: left;
	margin-right: 5px;
	width: 180px;
}
.divHotels h2, .divHotels2 h2 {
	font-family: "trebuchet MS", verdana, arial, sans-serif;
	font-weight: bold;
	border: none;
	font-size: 12px;
	text-align: left;
	font-variant: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}
.divHotels h3, .divHotels2 h3 {
	font-family: "trebuchet MS", verdana, arial, sans-serif;
	font-size: 11px;
	margin-top: 0px;
	color: #999999;
	text-align: left;
	line-height: 14px;
}
.divHotels p, .divHotels2 p {
	font-family: "trebuchet MS", verdana, arial, sans-serif;
	font-size: 11px;
	margin-top: 4px;
	text-align: left;
	margin-right: 3px;
	color: #CCCCCC;
	margin-bottom: 0px;
}
.divHotels a, .divHotels2 a {
	color: #FFFFFF;
	text-decoration: underline;
}
.divHotels a:hover, .divHotels2 a:hover {
	text-decoration: none;
}
.divHotelText {
	height: 102px;
}
.divHotels .symbols, .divSymbols .symbols {
	float: right;
	margin-right: 0px;
	margin-left: 2px;
	width: 20px;
}
.divHotels2 .symbols, .divSymbols .symbols {
	float: right;
	margin-right: 0px;
	margin-left: 2px;
	width: 20px;
}
/*.divSymbols .symbols {
	width: 31px;
}*/
.photo img {
	border: 1px solid #666666;
	background-color: #010101;
	padding: 4px;
}
.figure p {
	font: bold 9px/normal Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 5px 0 0;
	background-color: #e6f3ff;
	color: #333333;
	line-height: normal;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
}
.figure {
	float: left;
	width: 300px;
	margin: 0 0px 10px 10px;
	display: inline; /* To prevent double margin bug in IE6 and earlier*/
}
.w190{
	width:200px;
	margin-left: 5px;
}
.w138{
	width:148px;
	margin-left: 6px;
}
.noLeftMargin {
	margin-left: 0px;
}
#ulHotelNav {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#ulHotelNav li {
	display: inline;
	float: left;
}
#ulHotelNav a:link, #ulHotelNav a:visited, #ulHotelNav a:active {
	background-color: #FFCC00;
	width: 100px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
}
* html #ulHotelNav a { /*hack for ie6 and earlier to make the whole block clickable and not only the link text*/
	height: 1px;
}

body#resortPage #ulHotelNav a#resort:link, body#resortPage #ulHotelNav a#resort:visited,
body#ratesPage #ulHotelNav a#rates:link, body#ratesPage #ulHotelNav a#rates:visited,
body#picturesPage #ulHotelNav a#pictures:link, body#picturesPage #ulHotelNav a#pictures:visited,
body#areamapPage #ulHotelNav a#areamap:link, body#areamapPage #ulHotelNav a#areamap:visited,
body#bookingPage #ulHotelNav a#booking:link, body#bookingPage #ulHotelNav a#booking:visited{
	background-color: #FFFF66;
	color: #000000;
}
#ulHotelNav a:hover {
	background-color: #FF9900;
	color: #FFFFFF;
}
.divHotelNav {
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
.fiveButtons {
	width: 530px;
}
.fourButtons {
	width: 425px;
}
.threeButtons {
	width: 320px;
}
.twoButtons {
	width: 215px;
}
.divGrayBox, .divYellowBox {
	margin-top: 20px;
	background-image: url(../images/gray_box_bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #484848;
	padding-bottom: 7px;
	width: 610px;
}
.divYellowBox {
	background-image: url(../images/yellow_box_bottom.gif);
	background-color: #FFCC00;
}
.box2 {
	background-image: url(../images/gray_box2_bottom.gif);
	background-color: #303030;
}
.ybox2 {
	background-image: url(../images/yellow_box2_bottom.gif);
	background-color: #FFFF66;
}
.divGrayBox H2, .divYellowBox H2 {
	background-image: url(../images/gray_box_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding-top: 7px;
	padding-left: 7px;
}
.divYellowBox H2 {
	background-image: url(../images/yellow_box_top.gif);
	color: #000000;
	text-align: center;
}
.box2 H2 {
	background-image: url(../images/gray_box2_top.gif);
}
.ybox2 H2 {
	background-image: url(../images/yellow_box2_top.gif);
	text-align: center;	
}
.divGrayBoxContent, .divYellowBoxContent {
	clear: both;
}
.divSymbols {
	padding-top: 7px;
	float: right;
	padding-right: 7px;
	width: 215px; /*Max 6 symbols if symbol width is 31 and divSymbols width is 215*/
}
.divGrayBox p, .divYellowBox p {
	font-family: "trebuchet MS", verdana, arial, sans-serif;
	font-size: 12px;
	text-align: left;
	margin-bottom: 0px;
	margin-top: 5px;
	padding-right: 7px;
	padding-left: 7px;
	color: #CCCCCC;
}
.divGrayBox li, .divYellowBox li {
	color: #CCCCCC;
	margin: 0px;
	padding: 0px 0px 0px 1px;
}
.divYellowBox p, .divYellowBox li {
	color: #000000;
}
.divGrayBox ul, .divGrayBox ol, .divYellowBox ul, .divYellowBox ol {
	margin: 0px 7px 0px 14px;
	padding: 0px 0px 0px 14px;
}
.divRoomPicture {
	margin-right: 7px;
}
.divRoomPicture img {
	float: right;
	border: 1px solid #FFFFFF;
	padding: 4px;
	margin-top: 5px;
	margin-left: 2px;
	width: 100px;
}
/*the room photos must be width 100 and height 75*/
.divRoomPhoto img {
	border: 1px solid #FFFFFF;
	padding: 4px;
	margin-right: 7px;
}
.divRoomFigure {
	float: right;
	width: 117px; /*Photo width 100, padding 2x4, border 2x1, margin-right 7*/
	margin-top: 7px;
	margin-bottom: 0px;
}
/*If 1 photo - width 117, 2 photos - width 234, 3 photos - width 351*/
.divRoomGallery {
	width: 117px;
	float: right;
	margin-left: 5px;
}
.w234 {
	width: 234px;
}
.w351 {
	width: 351px;
}
p.roomPrice {
	background-color: #FFCC00;
	text-align: right;
	margin-left: 7px;
	padding: 3px 10px;
	margin-right: 7px;
	border: 1px solid #000000;
	float: right;
	color: #333333;
	display: inline; /* To prevent double margin bug in IE6 and earlier*/
}
.booking td {
	font-family: "trebuchet MS", verdana, arial, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	vertical-align: top;
}
.booking table, table.booking  {
	border-collapse: collapse;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
table.guest {
	width: 100%;
}
.guest td {
	width: 50%;
}
table.reservation td {
	padding-right: 10px;
}
select.w100 {
	width: 100px;
	margin-bottom: 3px;
}
select.w40 {
	width: 40px;
	margin-bottom: 3px;
}
table.booking th{
	color: #FFFFFF;
	font-family: "trebuchet MS", verdana, arial, sans-serif;
	font-size: 11px;
}
table.room td {
	vertical-align: top;
	padding-right: 10px;
}
table.room tr.oddRow {
	background-color: #666666;
}
input.go {
	width: 100px;
	margin-top: 10px;
	float: right;
	margin-right: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
textarea#addInfo {
	height: 100px;
	width: 200px;
}
a.pagenav {
	text-decoration: underline;
}
a.listby {
	text-decoration: underline;
}
.divSymbolKey {
	width: 157px;
	margin-left: 3px;
	margin-bottom: 3px;
}
.divSymbolKey img {
	float: left;
	margin-right: 3px;
	width: 20px;
}
.divSymbolKey p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
}
#divBookingInfo {
	margin-top: 10px;
}

#divBookingInfo p {
	margin-top: 4px;
	font-size: 9px;
	line-height: 11px;
	margin-bottom: 2px;
	margin-left: 3px;
}
#tblSeasons {
	margin-left: 5px;
	margin-top: 3px;
}
#tblSeasons td {
	vertical-align: top;
	background-color: #000000;
}
.tblSeason {
	font-size: 11px;
	font-family: "trebuchet MS", verdana, arial, sans-serif;
	color: #FFFFFF;
	border: none;
	text-align: left;
}
.tblSeason th {
	color: #000000;
	background-color: #CCCCCC;
}