/* CSS Document */
body { background: #e0d1bd url(../images/bg2.jpg) no-repeat center top; }
a {	text-decoration: none; color: #C60; }

h1 { color:#7E5901; font-weight: bold; letter-spacing: -3px; }
h2 { color: #963; font-weight: normal; }
h3 { color:#7E5901; margin: 0px auto 5px auto; font-size:13px; font-weight: bold;}
h4 { color: #960; margin: 0px auto 3px auto; }

/* main layout, menu, frames, headers&footers etc... */	
#wrap_box { margin: auto; width: 950px; padding: 0; }

#top_banner { width: 950px; height: 64px; }
#top_banner img { position:relative; left: 500px; top: 20px; }

div.left { width: 730px; float: left; padding-bottom: 10px; }
div.right { width: 220px; float: right; padding-bottom: 10px; }

div.footer { text-align: right; clear: both; width: 730px; height: 50px; float:none; }
#designer {
	color: #CAB08E;
	margin: auto 8px auto auto;
}

div.button { float: left; }
div.content_frame { width: 710px; }

div.content { color: #630; padding: 0px 12px 0px 0px;}


img.inline {
	padding: 5px;
	margin-bottom: 5px;
	background:#FFFFFF;
	border: 1px solid #CCCCCC;
}

/* ---------- content frame formatting ---------- */

.reference {  /* reference number box */
	width: 200px;
	background-color: #FFF;
	margin: 0px auto 5px auto;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.reference_header { text-align: center; }

.liveweather { margin-top: 45px; color: #FFF; }
.liveweather table { width: 150px; }
.liveweather table td { text-align:center; }


/* email form style, messages styles */
div.email_form { position: relative; text-align: right; padding: 10px; height: auto; }

/* ---------- calendar style ---------- */

.calendar_frame { width: 210px;  /*165*/	height: 155px; /*140*/ margin: 10px; float:left; }
.calendar_frame table td, .calendar_frame table th { padding: 0px; }
.calendar_frame table td a { padding: 0px; color:#090; }
 
.weekend { }
.date { padding: 0px;}
.date:hover { background-color: #e0d1bd; }
.today { }
.cal_title { font-size: 9px !important; padding: 0px;}
 

/* booking styles */
.links a { font-weight: normal; color:#900; text-decoration:none; }
.terms { margin: auto 10px auto 10px; text-align: justify; }
/* end of booking styles */

/* ---------- administration panel styles  ----------  */
.login_box {
	font-size: 12px;
	color: #FFFFFF;
}

#update_btn {
	
}
.admin_menu_link { text-decoration: none; color:#FFFFFF; }

#clear_btn, #disable_btn, #edit_btn , #emailpack_btn { width:23px; }

#period {
	background-color:#F4E8B5;
	font-size: 11px;
	font-weight: bold;
}

#status_booked { background-color: #CCCC99; }
#payment, #customer { text-align:left; padding-left: 10px; background:#FFCC00;}

.period_customer {
	background-color:#F4E8B5;
	color:#003300; padding-left: 15px;
	}
.period_customer_booked, .period_customer_unavailable { color:#666666; padding-left: 15px; }
.period_highlight { padding: 4px; font-weight: bold; color:#000000; text-align: center;}
.book_btn { padding-left: 10px; }

.details_desc { text-align: right; padding-right: 15px; width: 30%;}
.details_fields { text-align: left; }

.details_fields input { border: 1px #999999 solid; font-family:"Trebuchet MS"; font-size: 12px;}

.monit_hidden {
	display: none; 
	width: 100%;
	background: orange; 
	margin: 0px auto 5px auto;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}


.clients td {
	border: none;
	padding: 5px;
	background: #006699;
	color: white;
}
td.client_header {
	font-weight: bold;
	background:#003366;
}

.desc_frame {
}

.formated_table { margin-top: 10px; text-align:center; background-color: #CCBCA2; padding: 5px; margin-bottom:3px; }
.formated_table th { font-weight:bold; background-color: #e0d1bd; text-align: center;  }
.centered td { text-align: center }

#printer { display: block !important; }

#client_details {
	text-align: left;
	width: 300px;
	border: 1px solid #00CCFF;
	background: #003366;
	padding: 8px;
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
}
#client_details table {
	margin-left: 20px;
	color: white;
	font-weight: normal;
}

#order_details {
	padding: 0px 8px 8px 8px;
	background-color: #CCBCA2;
	margin: 15px auto 15px auto;
	text-align: left;
	font-size: 12px;
}
.order_details_section {
	background-color: #e0d1bd;
	font-weight: bold;
	margin: 10px auto 10px auto;
	font-size: 12px;
	text-align: center;
}

.input_highlight {
	border: 2px solid #FF0000 !important;
}
.input_normal {
	border: none;
}
/* ---------- clearfix for div tag - prevent overflow ---------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* ---------- end of clearfix for div tag - prevent overflow ---------- */

/* ---------- hides from IE-mac ---------- */
* html .clearfix {height: 1%;}
/* ---------- end of hides from IE-mac ---------- */

.cert { 
	vertical-align: bottom; 
	margin: auto; 
	text-align:left; 
	height: 15px; 
	position: relative; 
	top: -20px; 
	left: 10px; 
	}
	
.reviews a {
	color: #036;
}	

.reviews, .reviews h3 {
	color:#000 !important;	
}

#preview-frame { height: 600px; width: 900px; margin: 0px auto; background-color:#FFF; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#page { margin-top: 0px; padding: 0px 10px 10px 20px; }
#page-header { font-size: 1.5em; font-weight:bold; margin-top: 10px; }
#page-text { font-size: 1em; margin-bottom: 5px; }

#floorplan {
	background-color: #B5E07B;	
	width: 600px;
	height: 591px;
	margin: auto;
	background:url(../images/villa-floorplan.png) no-repeat;
	color: #FFF;
	font-weight: bold;
}

#floorplan img { position:relative; top: 6px; }
#floorplan a { color:#FFF; }
#floorplan a:hover { color: #FC0; }

#date_range_header { 
	background-color: #CCBCA2; padding: 5px; margin-bottom:3px; text-align:right;
}

.adm_bookingactions {
	margin: 15px;	
}

.adm_bookingactions input {
	padding: 5px;
}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{background:#FFF;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:688px;
		height:461px;
		overflow:hidden; 
		}
	
	#slide_frame {
		width: 688px;
		height: 461px;
		background-color:#FFF;
		padding: 5px;
		margin-top: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}

	
	#slider a, #slider2 a img {
		border: none !important;	
	}
	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	
	
	ol#controls{
		margin:-3em 0;
		padding:0;
		height:28px;
		float: right;
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
	float:left;
	height:28px;
	line-height:28px;
	color:#555;
	padding:0 10px;
	text-decoration:none;
	background-image: url(../images/numeric_bullet_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
		}
	ol#controls li.current a{
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline: none;}