/* page specific stylesheet */

.basicinfo .content {
	padding : 10px;
	overflow : hidden;
	color : #929292;
}

.basicinfo A {
	color : #59359A;
}

.basicinfo IMG.mainimg {
	border : 1px solid #737373;
	margin-right : 20px;
	float : left;
}

.basicinfo .video_embed {
	float : left;
	margin-right : 20px;
}

.basicinfo H1 {
	font-family : Times New Roman, Serif;
	font-weight : normal;
	font-size : 26px;
	margin-bottom : 5px;
	line-height : 100%;
}

.basicinfo .range {
	display : inline;
	background-color : #8952C3;
	color : white;
	padding-left : 3px;
	padding-right : 3px;
}

.basicinfo .rooms {
	display : inline;
	color : #8952C3;
}

/* ------------------------------------------------------------- */

.extendedinfo {
	margin-top : 10px;
}

/* ------------------------------------------------------------- */

.extendedinfo .content {
	overflow : hidden;
	height : 100%; /* IE6 fix */
}

/* ------------------------------------------------------------- */

.extendedinfo .extended {
	float : left;
	width : 400px;
	margin : 10px;
}

.extendedinfo .extended TD.label, .extendedinfo .extended TD.value {
	font-size : 11px;
	border-bottom : 1px solid #D0D0D0;
}

.extendedinfo .extended TD.label {
	color : #808080;
}

/* ------------------------------------------------------------- */

.extendedinfo .links {
	margin-top : 10px;
	margin-left : 425px;
	width : 218px;
}

.extendedinfo .links A {
	display : block;
	margin-left : 8px;
	margin-right : 8px;
	background-image : url("images/li_greenarrow.gif");
	background-repeat : no-repeat;
	margin-top : 5px;
	padding-left : 15px;
	color : #41844B;
	border-bottom : 1px solid #D0D0D0;
	padding-bottom : 5px;
}

/* ------------------------------------------------------------- */

.rates {
	margin-top : 10px;
	width : 661px;
	margin-left : auto;
	margin-right : auto;
}

.rates H1 {
	background-image : url("images/boxhead655pxwithtag.jpg");
	font-size : 12px;
	color : white;
	height : 18px;
	padding-left : 25px;
	padding-top : 3px;
}

.rates .searchfields {
	background-color : #e9e9e9;
	padding : 3px;
	padding-left : 10px;
	padding-bottom : 5px;
}

/* ------------------------------------------------------------- */
/* SFN: Renamed this as it was conflicting with the validation javascript, it seemed to see the var rooms as being the div with this id. */
#the_rooms {
	background-color : #e9e9e9;
	padding-bottom : 10px;
}

.room {
	margin-bottom : 10px;
	margin-left : 10px;
	margin-right : 10px;
	border : 1px solid #d0d0d0;
	padding : 10px;
	background-color : white;
}

/*.room a {
	margin-left : 12px;
}*/

.room a img {
	margin-left : 12px;
	margin-right : 3px;
}

.rategrid_holder {
	position : relative;
	width : 613px;
	margin-top : 3px;
	height : 53px;
	margin-bottom : 15px;
}

.rategrid {
	position : absolute;
	top : 0px;
	left : 12px;
	width : 589px;
	overflow : hidden;
	height : 53px;
}

.rategrid_slider {
	position : absolute;
	top : 0px;
	left : 0px;
	width : 3000px;
	height : 53px;
	background-color : #d0d0d0;
}

.rategrid b {
	display : block;
	position : absolute;
	top : 1px;
	height : 23px;
	line-height : 23px;
	background-color : white;
	width : 83px;
	text-align : center;
	opacity : 0.5;
	filter : alpha(opacity = 30);
}

.rategrid i {
	display : block;
	position : absolute;
	top : 25px;
	height : 27px;
	line-height : 27px;
	background-color : white;
	width : 83px;
	text-align : center;
	font-style : normal;
	opacity : 0.5;
	filter : alpha(opacity = 30);
}

.prev_rates {
	position : absolute;
	top : 0px;
	left : 0px;
	width : 12px;
	height : 53px;
	background-image : url("images/rates_prev.gif");
}

.prev_rates:hover {
	background-image : url("images/rates_prev_hover.gif");
	cursor : pointer;
}

.prev_rates_disabled {
	position : absolute;
	top : 0px;
	left : 0px;
	width : 12px;
	height : 53px;
	background-image : none;
}

.next_rates {
	position : absolute;
	top : 0px;
	right : 0px;
	width : 12px;
	height : 53px;
	background-image : url("images/rates_next.gif");
}

.next_rates:hover {
	background-image : url("images/rates_next_hover.gif");
	cursor : pointer;
}

.next_rates_disabled {
	position : absolute;
	top : 0px;
	right : 0px;
	width : 12px;
	height : 53px;
	background-image : none;
}

.col_0 { left : 1px; }
.col_1 { left : 85px; }
.col_2 { left : 169px; }
.col_3 { left : 253px; }
.col_4 { left : 337px; }
.col_5 { left : 421px; }
.col_6 { left : 505px; }
.col_7 { left : 589px; }
.col_8 { left : 673px; }
.col_9 { left : 757px; }
.col_10 { left : 841px; }
.col_11 { left : 925px; }
.col_12 { left : 1009px; }
.col_13 { left : 1093px; }
.col_14 { left : 1177px; }
.col_15 { left : 1261px; }
.col_16 { left : 1345px; }
.col_17 { left : 1429px; }
.col_18 { left : 1513px; }
.col_19 { left : 1597px; }
.col_20 { left : 1681px; }
.col_21 { left : 1765px; }
.col_22 { left : 1849px; }
.col_23 { left : 1933px; }
.col_24 { left : 2017px; }
.col_25 { left : 2101px; }
.col_26 { left : 2185px; }
.col_27 { left : 2269px; }

.rategrid img {
	margin-right : 3px;
}

.rategrid i.in_stay {
	font-size : 16px;
	font-weight : normal;
	opacity : 1;
	filter : alpha(opacity = 100);
}

.rategrid b.in_stay {
	background-color : #371f75;
	color : white;
	opacity : 1;
	filter : alpha(opacity = 100);
}

.rategrid .available {
	color : #00cc00;
	font-weight : bold;
}

.rategrid .unavailable {
	color : red;
	font-weight : bold;
}

.rategrid .onrequest {
	
}

.rategrid .numeric {
	color : #00cc00;
	font-weight : bold;
}

.bookline {
	border-collapse : collapse;
	margin-left : 12px;
	margin-right : 12px;
}

.bookline th {
	border-bottom : 1px solid #d0d0d0;
	font-weight : bold;
	text-align : left;
}

.bookline td, .bookline th {
	width : 102px;
}

#bookbutton {
	margin-left : 10px;
	margin-right : 10px;
	border : 1px solid #d0d0d0;
	padding : 10px;
	background-color : white;
	text-align : center;
}

#ratenotes {
	margin-top : 10px;
	margin-left : 10px;
	margin-right : 10px;
	border : 1px solid #d0d0d0;
	padding : 10px;
	background-color : white;
}

/* ------------------------------------------------------------- */

.features {
	margin-top : 10px;
	width : 661px;
	margin-left : auto;
	margin-right : auto;
}

.features H1 {
	background-image : url("images/boxhead655pxwithtag.jpg");
	font-size : 12px;
	color : white;
	height : 18px;
	padding-left : 25px;
	padding-top : 3px;
}

.features .content {
	overflow : hidden;
}

.features .checked, .features .unchecked {
	margin-left : 8px;
	padding-left : 20px;
	margin-top : 5px;
	margin-bottom : 5px;
	width : 28%;
	/*border : 1px solid red;*/
	float : left;
}

.features .checked {
	background : url("images/tick_purple.gif") no-repeat;
}

.features .unchecked {
	color : #BEBEBE;
}

/* ------------------------------------------------------------- */

.about {
	margin-top : 10px;
	width : 661px;
	margin-left : auto;
	margin-right : auto;
	font-size : 11px;
}

.about .pad {
	padding : 10px;
}

.about H1 {
	background-image : url("images/boxhead655pxwithtag.jpg");
	font-size : 12px;
	color : white;
	height : 18px;
	padding-left : 25px;
	padding-top : 3px;
}

.about H2 {
	font-family : Times New Roman, Serif;
	font-weight : normal;
	font-size : 26px;
	color : #59359A;
}

.about LI {
	list-style-image: url("images/ab4cff.gif");
}



/* ------------------------------------------------------------- */

.videoplayer {
	background-color : #DBCDEA;
	border : 2px solid #8952C3;
	padding : 2px;
	overflow : hidden;
}

/* ------------------------------------------------------------- */

.gallery {

}

.gallery H1 {
	color : #DBDBDB;
	font-family : Times New Roman, Serif;
	font-weight : normal;
	font-size : 18px;
	margin-top : 5px;
	margin-left : 18px;
}

.gallery .images {
	overflow : hidden;
	height : 100%; /* IE6 fix */
}

.gallery .image {
	margin-left : 15px;
	margin-top : 5px;
	margin-bottom : 10px;
	float : left;
	width : 113px;
	height : 147px;
	background : url("images/thumbnail_bg2.gif") no-repeat;
	padding-left : 8px;
	padding-top : 7px;
	font-size : 10px;
}

.gallery .image IMG {
	border : 0px;
}

/* ------------------------------------------------------------- */

.rightcol {
	margin-left : 671px;
	width : 300px;
}

/* ------------------------------------------------------------- */

#video_holder {
	background-color : #DBCDEA;
	border : 2px solid #8952C3;
	padding : 2px;
	overflow : hidden;
}

#video_playlist {
	overflow : auto;
	height : 150px;
}

#video_playlist div {
	color : #634284;
	margin-bottom : 0px;
	padding : 3px;
	padding-left : 5px;
	background-color : #CEBDDF;
	height : 44px;
}

#video_playlist div:hover {
	background-color : #925EC7;
	color : #DBCDEA;
	cursor : pointer;
}

#video_playlist div.highlighted {
	color : #DBCDEA;
	background-color : #634284;
}

#video_playlist div.highlighted b {
	color : white;
}

#video_playlist img {
	border : 1px solid silver;
	float : left;
	margin-right : 3px;
}

#video_options {
	text-align : right;
	margin : 5px;
}

#video_options div {
	display : inline;
}

/* ------------------------------------------------------------- */