/*
insert global colors for site here
#2a3c79; - blue text
#5a7423; - green text
#434343; - grey text

XX represents initialis for site

-----------------------------------------------
Site Title
Author:   ########
Version:  Date V1.0
----------------------------------------------- */

/*HTML SETUP*******************************************************************/

/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;

}

ul, dl, ol{
	margin: 0;
	padding: 0;
}

.searchhilite{
background-color:red;

}

/*you must compensate for the scroll bar for mozilla though because the margin and padding is removed*/
option{
	padding-right:.5em;
}

html, body{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	color:#333;
	height:100%;
	width:100%;
}

body{	
	background-color: #7c0b09;
}

img{
	border:0px;
}
.clearb{
	clear:both;
	height:0px;
	font-size:0px;
	line-height:0px;

}

/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
}

img{
	margin:0px;
	padding:0px;
	border:0px;
}


/*fix Disappearing List Background Bug */
ul, ol, dl { position: relative; }

.divider, hr{

	border-bottom:1px solid #e4e4e4;
	width:100%;
	margin-top:4px;
	margin-bottom:4px;	
	line-height:4px;
}


/*END HTML SETUP*******************************************************************/



/*START LAYOUT ELEMENTS************************************************************/

#target_box {
	background-image:url(images/VH_imgs/rooms_target_bg.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	color:#999999;
	height:203px;
	margin-left:8px;
	margin-top:8px;
	width:683px;
}

#list-target-rooms ul {
font-size:11px;
margin:0;
padding-left:9px;
width:125px;
}

.list-target {
list-style-image:none;
list-style-position:outside;
list-style-type:circle;
padding-left:10px;
}

#list-target-rooms li {
font-size:11px;
height:17px;
line-height:17px;
margin-left:20px;
padding-left:0;
}

#VH_header {
	background-color: #7c0b09;
	height: 51px;
	width: 930px;
	margin: 0 auto;
}

#bg_middle {
	float: left;
	width: 100%;
	display: block;
	background-image: url(images/VH_imgs/bg_grad.jpg);
	background-repeat: repeat-y;
	background-color: #c00d0e;
	background-position: center;
}

#content_middle {
	margin: 0 auto;
	width: 922px; /* 935px */
}

#VH_logo {
	width: 128px;
	height: 187px;
	float: left;
	margin: 362px 22px 0 0;
}

#VH_body {
	width: 922px;
	float: left;
	padding: 7px 0 0 0;
/*	background-color: #666666;*/
}

#VH_contentArea_plain_wide .bg_image,
#VH_contentArea .bg_image { margin: 0 !important; }

#VH_contentArea {
	background-color: #FFFFFF;
	display: block;
	position:relative;

	width: 679px;
	margin: 2px 0 2px 0;
	padding: 10px;

	height: 326px;
	
/*	width:680px;*/
	float:left;

}

#VH_flash_ticker{
	height:48px;
	position:relative;	
	
}
.alt_flash{
	position:relative;
}
.alt_flash .content{
	padding:1px;
	
}
.alt_flash .content span{
	font-size:10px;
	color:#fff;
	position:absolute;
	left:170px;
	top:12px;
	width:450px;	
}

#VH_contentArea_plain_wide{
	background-color:#FFFFFF;
	height:442px;
	margin:8px 0 2px;
	padding-top: 10px;
	padding-bottom: 0;
	position:relative;
	width:700px;
	float: left;
}

#VH_contentArea_plain_wide .content,
#VH_contentArea .content
{
	padding-left:10px;
	padding-right:10px;
	background-image:url(images/VH_imgs/right_grey_bg.gif);		
	/*700 - 10 - 225 = 465*/
	background-position:465px 0px;
	background-repeat:repeat-y;
	height: 440px;
	overflow:auto;
}

#VH_contentArea .content table,
#VH_contentArea_plain_wide table {
	width: 100%;
}

#guest_book {
	font-size:10px;
	overflow:auto;
}

#guest_book table input, #guest_book table select, #guest_book table textarea {
margin-bottom:5px;
width:187px;
}

input, select {
background-color:#F4EADD;
border:1px solid #D8D8D8;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
padding:1px;
}

#guest_book table input, #guest_book table select, #guest_book table textarea {
margin-bottom:5px;
width:187px;
}

.post_name {
display:block;
font-size:14px;
font-weight:bold;
padding:5px 3px 5px 10px;
}


textarea {
background-color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
width:100%;
}

.error,
.required {
color:#FF0000;
}

#VH_contentArea_plain_wide .left_col {
float:left;
height:409px;
overflow:auto;
padding:10px 10px 0;
width:415px;
}
#VH_contentArea_plain_wide table, 
#VH_contentArea_plain_wide .divider
{
	/*to account for scroll bars*/
	/*width:644px;*/
}
#VH_contentArea_plain_wide .divider{
	margin-bottom:8px;	
	margin-top:8px;
}

#VH_contentArea_plain_wide .column .divider{
	
}


#VH_contentArea_plain_wide .content.text
{
	position:relative;
	padding:10px 20px 10px 20px;
	height: 402px;	
}

#VH_contentArea .content.text{
/*there is already 10px applied on the outer container*/
	padding:0px 10px 0px 10px;
	height: 402px;	
/*	width:660px;*/ 
	height:320px;
	margin-top:0px;

}
#VH_contentArea .content table, 
#VH_contentArea .content .divider{
	/*to account for scroll bars*/
	/*width:643px;*/
}


#VH_contentArea_content_target{

	background-color: #FFFFFF;
	display: block;
	position:relative;

	width: 699px;
	margin: 2px 0 2px 0;
	padding-bottom:10px;
	height:346px;

/*	width:680px;*/
	float:left;

}

#VH_contentArea_content{
	background-color: #FFFFFF;
	display: block;
	position:relative;

	width: 699px;
	margin: 2px 0 2px 0;
	padding-bottom:10px;

	height: 336px;
	
/*	width:680px;*/
	float:left;

}

#VH_contentArea_content .left_col {
	float:left;
	height:409px;
	overflow:auto;
	padding:10px 10px 0;
	width:415px;
}

#VH_contentArea_content .column {
	border-left:1px solid #E4E4E4;
	float:right;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
}

#VH_contentArea_home{
	background-color: #FFFFFF;
	display: block;
	position:relative;
	height: 442px;
	margin: 8px 0 2px 0;
	padding: 10px 10px 0 10px;
/*	width:680px;*/
	float:left;

}
#home_content{
	position: absolute;
}


 #home_content_bg{
	position:relative;
}

#home_content_bg{
	z-index:1;
	height:272px;	
}

#home_content{
	z-index:2;
	width:655px;
	padding:10px;
	text-align:justify;
	overflow:auto;
	position:absolute;
	height:150px;
	top:270px;
	left:0;
}



#home_content_bg-insede{
position:absolute;

}

#home_content_bg_strip{
	position:absolute;
	left:0px;
	top:272px;
	background-color: #ffffff;
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
	height:150px;
	width:680px;
	
	
		
}



#bg_contentReflection {
	height: 60px;
	background-image: url(images/VH_imgs/bg_contentReflection.png);
	background-repeat: repeat-x;
	clear:both;
}

#VH_footer{
	width: 890px;
	background-color: #7c0b09;
	padding: 0 0 0 -30px;
	margin: 0 auto;
}


.white_trans_box{
	background-image:url(images/VH_imgs/white_trans.png);
	background-repeat:repeat;
	position:absolute;
	z-index:2;
	overflow:auto;	
	padding:10px 10px 10px 10px;
	
}
img.bg_image{
	position: relative;
	float:left;
	margin-left:10px;
	margin-top:10px;
	z-index:1;
}

.thumb_image{
	padding-left:0;
	padding-right:10px;
	padding-bottom:0;
	margin:0;
	margin-top: -20px;
}

.column{
	border-left:1px solid #e4e4e4;
	float:right; 
	padding-left:20px;
	padding-right:20px;	
	padding-top:10px; 
	
}
.style_1{
	background-image:url(images/VH_imgs/right_grey_bg.gif);		
	/*700 - 10 - 225 = 465*/
	background-position:right 10px;
	background-repeat:repeat-y;
	overflow:auto;	
}
.style_2{
	background-image:url(images/VH_imgs/right_grey_bg.gif);		
	/*700 - 10 - 225 = 465*/
	background-position:right 10px;
	background-repeat:repeat-y;
	overflow:auto;
	border:none;	
}


#rooms_box{
	background-image:url(images/VH_imgs/rooms_box_bg.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	height:193px;
	width:683px; /* 683 */
	color:#999999;
	margin-top: 15px;
	margin-left: 8px;
}



#rooms_box h2 a, #rooms_box h2{
	text-transform:lowercase;
	color:#ff0000;
	text-decoration:none;
	font-size:12px;
}

.room_group{
	float:left;
	width:130px;
	padding-left:20px;
	padding-right:20px;
}
.room_group a.box_heading{
	color:#ff0000;
	margin-top:12px;
	padding-bottom:20px;
	display:block;

	height:10px;	
}


#rooms_box li{
	padding:2px 0px 2px 0px;
	margin:0px;
	
	list-style:none;	
}
#rooms_box li a{
	color:#999999;
}


/*END LAYOUT ELEMENTS************************************************************/


/*START NAV ITEMS************************************************************/

#nav_header {
	margin: 0 0 0 753px;
	padding: 23px 0 0 0;
}

#nav_header li {
	list-style-type: none;
	float: left;
	text-indent: -9999px;
}

#contact_nav_header {
	width: 58px;
	height: 14px;
	background-image: url(images/VH_imgs/nav/nav_header_contact.gif);
	background-repeat: no-repeat;
	display: block;
}

#usefulLinks_nav_header {
	width: 81px;
	height: 14px;
	background-image: url(images/VH_imgs/nav/nav_header_usefulLinks.gif);
	background-repeat: no-repeat;
	display: block;
}

#home_nav_header {
	width: 25px;
	height: 21px;
	background-image: url(images/VH_imgs/nav/nav_header_home.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-top: -7px;
	margin-left:6px;
}

#contact_nav_header:hover, 
#guestbook_nav_header:hover, 
#usefulLinks_nav_header:hover, 
#home_nav_header:hover, 
#contact_nav_header.active, 
#guestbook_nav_header.active, 
#usefulLinks_nav_header.active,
#privacy_nav_footer.active, 
#terms_nav_footer.active, 
#sitemap_nav_footer.active 
{
	background-position: 0 -14px;
}

#home_nav_header.active {
	background-position: 0 -22px;
}


#home_nav_header:hover {
	background-position: 0 -22px;
}


/*---------------------*/
.textInput{
	background-color:#FFFFFF;
}
#nav_subNav {
	height: 100px;
	background-image: url(images/VH_imgs/nav/bg_subNav.jpg);
	background-repeat: no-repeat;
	margin-top:8px;
	padding-bottom:4px;
	float:right;
	width:700px;
	position:relative;

	display: block;
}

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

#nav_footer li {
	list-style-type: none;
	float: left;
	text-indent: -9999px;
	margin: 18px 0 0 0;
	padding:0;
}

#nav_footer  {
	
	padding:0;
}

#privacy_nav_footer {
	width: 55px;
	height: 15px;
	background-image: url(images/VH_imgs/nav/nav_footer_privacy.gif);
	background-repeat: no-repeat;
	display: block;
}

#terms_nav_footer {
	width: 130px;
	height: 15px;
	background-image: url(images/VH_imgs/nav/nav_footer_terms.gif);
	background-repeat: no-repeat;
	display: block;
}

#sitemap_nav_footer {
	width: 59px;
	height: 15px;
	background-image: url(images/VH_imgs/nav/nav_footer_sitemap.gif);
	background-repeat: no-repeat;
	display: block;
}

#privacy_nav_footer:hover, #terms_nav_footer:hover, #sitemap_nav_footer:hover {
	background-position: 0 -15px;
}

.copyright {
	background-image: url(images/VH_imgs/copyright.gif);
	background-repeat: no-repeat;
	width: 240px;
	height: 15px;
	text-indent: -9999px;
	display: block;
	float: right;
	margin: 18px 0 0 0;
}

/*END NAV ITEMS************************************************************/


/*START LIST ELEMENTS************************************************************/

#VH_contentArea_plain_wide ul{
	margin-left:5px;
}
#VH_contentArea_plain_wide li{
	background-image:url(images/VH_imgs/dot_point.gif);
	background-position:0px 6px;
	background-repeat:no-repeat;
	list-style:none;
	padding-left:10px;
	
}


/*END LIST ELEMENTS************************************************************/


/*START FONT ELEMENTS************************************************************/

/*
by putting the font size (.75em) in the imediately outer div (usually content) 
we are enabling the default size of text to be .75em
because p tags font size are not set explicitly they will default to .75 
(eg. .75 of 1).
All other fonts h1, h2, h3, h4. will be .75 of the below sizes
DEFAULT FONT SIZE SHOULD BE SPECIFIED IN THE IMMEDIATELY OUTER DIV CONTAINER!
*/

h1, h2, h3, h4{
margin-bottom:7px;
}
h1{	
	color:#ff0000;
	font-size:18px;
	font-weight:normal;
	position:static;
	display:block;
	text-transform:lowercase;
}

h2{
	font-size:16px;
	color:#ff0000;
	font-weight:normal;
	

}

h3{	
	font-size:14px;
	color:#5d2f61;	
	font-weight:normal;
}

h4{
	font-size:12px;
	color:#333;
	margin-bottom:0px;

}

h5{
	font-size:12px;
	font-weight:lighter;
	margin:0px;
	color:#73a31b;
	font-weight:bold;
}
p{
	margin-bottom:5px;
}



/*END FONT ELEMENTS************************************************************/


/*START HYPERLINK ELEMENTS*******************************************************/

a{
color:#ff0000;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}


/*END HYPERLINK ELEMENTS*******************************************************/




/*START WYSIWYG ELEMENTS*******************************************************/
/*All elements here will be viewable in the wysiwyg they should be copied into
Please note that all styles must also be in lower case.
*/

.purple{
	color:#5d2f61;
}

/*annoying p tag fckeditor puts in when first line of template is an image*/
p.marker{
margin:0px;
padding:0px;
}


/*
DO NOT CHANGE THE COLOR FOR THESE STYLES. (bodytextsmall, bodytextlarge, bodytextreg) 
YOU SHOULD ONLY CHANGE THE SIZE AND FAMILY. COLOR SHOULD BE IMPLEMENTED WITHIN THE ACTUAL
DIV THE STYLE IS BEING USED
*/
.bodytextsmall{
	font-size:9px;
	color:#000;	
}
.bodytextlarge{
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color:#68596f;
}
.bodytextreg{
	font-size:11px;
	font-weight:lighter;
	color:#333;
	
}
/*END WYSIWYG ELEMENTS*******************************************************/


.book_now_but {
	width: 86px;
	height: 40px;
	background-image:url(images/VH_imgs/buttons/but_book_now.gif);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	text-align:left;	
}
.reset_but {
	width: 86px;
	height: 40px;
	background-image:url(images/VH_imgs/buttons/but_reset.gif);
	background-repeat: no-repeat;
	display: block;
	float:left;
	text-indent: -9999px;
	text-align:left;	
}
.submit_but {
	width: 86px;
	height: 40px;
	background-image:url(images/VH_imgs/buttons/but_submit.gif);
	background-repeat: no-repeat;
	display: block;
	float:left;
	text-indent: -9999px;
	text-align:left;	
}
a.but{
	padding-left:3px;
	padding-right:3px;
	
}

a.but:hover, a.book_now_but:hover{
	background-position: 0 -40px;

}


.post_item{
border:1px solid #d8d8d8;
margin-bottom:10px;
}

.post_added {
background-color:#AFA39E;
color:#FFFFFF;
display:block;
font-size:11px;
padding:5px 3px 5px 10px;
}
.post_name{
	display:block;
	padding:5px 3px 5px 10px;
	color:000;
	font-weight:bold;
	font-size:14px;
}
.post_text{
	display:block;
	padding:5px 3px 5px 10px;
	color:000;
	font-size:12px;
}
#pageination{
	font-size:10px;
}

.line{
	margin:0;
	padding:0;
	}
	
.right{
	float:right;
}

#book-box-target{
	height:462px;
	width:220px; 
	margin:8px 2px 0 0; 
	background-color:#FFFFFF;
	background-image: url('uploads/freecall.jpg');
	float:left;
}	
	

#book-box{
	height:433px;
	width:220px; 
	margin:8px 2px 0 0; 
	background: #FFF;
	float:left;
}	
	
#book-box p{
	height:24px;
	padding:0;
	margin:3px 0;

	
}

.img-left{
		float:left;
		
		margin-right:10px;

}	
.text-left{
	float:left;
	margin-top:20px;
	height:20px;
	
}		
.calendar{
	margin-left:3px;		
}	

#book-field{
	margin-left:3px;
}
.book-box-space{

	padding:10px;
	height:432px;
	background: #FFF url('uploads/freecall.jpg') bottom no-repeat;
}

.book-box-space-home{

	padding:10px;
	height:402px;
	
	background-color:#FFFFFF;
}

/* */

.checkinout { margin-top: 5px; width: 100%; border-collapse: collapse; }

.checkinout td {
	padding: 4px;
	text-align: right;
	vertical-align: middle;
}

.checkinout td.input { width: 112px; }

.checkinout .ui-datepicker-trigger {
	margin-left: 3px;
	float: right;
}

.checkinout input {
    margin-top: 1px;
	width: 80px;
	float: left;
}

.n_adults { width: 100%; }
.n_adults td { padding: 5px; text-align: right; }
.n_adults td.select { text-align: left; width: 60px; }

.book-box-space .booknow_button {
	border-top: 1px solid #EFEFEF;
	padding-top: 5px;
	margin: 5px 0; 
	text-align: right;
}

#left-promo { margin: 5px 0 5px 0; }

/* */

#book_content { margin: 0 10px; overflow-y: auto; height: 425px; }


#availability_results {
	font-size: 11px; 
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	width: 100%;
}

#availability_results th,
#availability_results td {
	padding: 5px;
	margin: 0;
	border: 1px solid #FFF;
}
#availability_results td { background: #F8F8F8; }
#availability_results th { background: #7c0b09; color: #FFF; }

.oops { color: red; }
.bookable { background: #CCFFCC !important; }
.notbookable { background: #FFCCD6 !important; }

th.weekend_col { color: #ffdad7 !important; }
td.weekend_col {  }

th.dateinrange { background: #af120f !important;  }

.roomname { font-weight: bold; }
.price { color: green; }

input.back { float: left; clear: left; margin-top: 15px; }
input.back_top { float: left; clear: left; margin: 0 0 10px 0; }
input.continue { float: right; clear: right; margin-top: 15px; }
input.continue_top { float: right; clear: right; margin: 0 0 10px 0; }

#content h1 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: Arial;
	margin-bottom: 15px;
	color: #7c0b09;
}

#info { margin-bottom: 15px; padding: 5px; background: #666; color: #FFF; }

#checkin_details, #checkout_details, #n_adults { width: 33%; float: left }
#rate_per_room, #rate_per_night { width: 33%; float: left; }

#sidebar input[type=text] { width: 100px; font-size: 11px; }

#booking_details {
	font-size: 11px;
}

#booking_details table td {
	padding: 3px;
}

#booking_details .left { width: 50%; float: left; background: #F8F8F8; }
#booking_details .right { width: 50%; float: right; background: #F8F8F8;}

#booking_details span.required { color: red; }

#payment_info td,
#booking_details td { background: #F8F8F8; font-size: 11px; padding: 3px; }
.cardcvv { width: 30px !important }

#payment_info td.label
#booking_details td.label { background: #EEE; font-size: 11px; }

#payment_info { width: 350px; float: left; }
#terms { float: right; width: 300px; padding-top: 30px; text-align: left; }

#payment_info input,
#booking_details input {
	font-size: 11px;
	font-family: Arial, sans-serif;
	padding: 2px;
	width: 220px
}

#booking_details td.required { height: 26px }

#reservation_note {
	background: #F8F8F8;
	padding: 3px;
	padding-top: 10px;
}

#reservation_note textarea {
	width: 90%;
	background-color:#F4EADD;
	border: 1px solid #D8D8D8;
	margin-top: 5px;
	font-size: 11px;
	font-family: Arial, sans-serif;
	padding: 2px;
}

#contact_name, #contact_email, #contact_number {
	width: 33%;
	float: left;
}

.clear { clear: both }

.bg_middle_home {
	background: #e82200 url('images/VH_imgs/home_bg.jpg') top center no-repeat !important;
}

#server_rules {
          margin-bottom: 10px;
}

#left_tour {
	padding-top: 10px;
}