/* --- Clickstay websites------------------------------------------

	Author: 	Nitesh H Patel
	Date:  		06.04.2007
	Version:	1.0
	Notes:		Copyright 2007 Rental Systems.com Ltd

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

/* --- SHELL.CSS --------------------------------------------------
   Styles used globally across the Clickstay sites for page 
   layout (of the header, footer and the main areas. Selectors 
   are grouped by layout area. Attributes for each selector 
   should be listed alphabetically to make them easy to find. 
------------------------------------------------------------------- */

/* --- TABLE OF CONTENTS ------------------------------------------ 

	BODY AND GLOBAL HTML STYLES
	MAIN AREA (the main outer container)
	HEADER (basic header bar)
	INNER AREA (Search, content and banner)
	PRIMARY NAVIGATION (main tabs menu, top navigation)
	FOOTER (footer bar and links etc)
	SPECIAL STYLES (for hidden text etc)

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

/* BODY AND GLOBAL HTML ELEMENTS ---------------------------------- */

body {
    background-color: #ffffff;
    margin: 0px 0px 0px 0px;
    color: #889EA9;
}
img {
  border: 0px;
}

/* MAIN AREA ------------------------------------------------------ */
/* The main outer div to create the shell for the content */

.shell {
	position: absolute; 
	width: 910px; 
	border: 0px; 
	padding: 0px; 
	margin: 0px;
}
.shell_header {
	position: relative; 
	width: 780px; 
	height: 140px; 
	border: 0px; 
	padding: 0px; 
	margin: 0px;
}
.shell_main_content {
	position: relative; 
	width: 910px; 
	border: 0px; 
	padding: 0px; 
	margin: 0px;
}
.shell_footer {
	position: relative; 
	width: 780px; 
	border: 0px; 
	padding: 0px; 
	margin: 0px;
}

/* INNER AREA -------------------------------------------------------- */
/* The content area divs for the search area, content area and banners */

/* The shell for the content area */
.search_area {
	position: relative; 
	width: 200px; 
	border: 0px; 
	margin: 0px; 
	padding: 0px;
	float: left;
}
.content_area {
	position: relative; 
	width: 580px; 
	border: 0px; 
	margin: 0px; 
	padding: 0px;
	float: left;

}
.skybanner_area {
	position: relative; 
	width: 120px; 
	border: 0px; 
	margin: 0px; 
	float: right;
}

/* The search area elements */
.search_topbar {
	position: relative; 
	width: 194px; 
	height: 30px; 
	margin: 0px; 
	border: 0px; 
	padding: 0px; 
	background:#dee7ee;
}
.search_navigation
{
	position: relative;
    width: 178px;
	padding-right: 10px;
	padding-left: 6px;
    height: 23em;
	background:#dee7ee;
	clear: both;
}
.search_line {
	position: relative;
	height: 12px; 
	width: 178px; 
	margin: 0px; 
	border: 0px; 
    background: url(../images/core/search_line.gif) top left no-repeat;
	float: left;
}
.search_map_area {
	position: relative; 
	width: 178px; 
	height: 111px; 
	margin: 0px; 
	padding: 0px; 
	border: 0px;
}
.search_label {
	position: relative; 
	width: 132px; 
	height: 22px; 
	margin: 0px; 
	border: 0px; 
	padding-top: 3px; 
	float: left; 
	clear: both;
}
.search_button {
	position: relative; 
	width: 46px; 
	height: 25px; 
	margin: 0px; 
	border: 0px; 
	padding: 0px; 
	float: left;
}
.search_find_area {
	position: relative; 
	width: 178px; 
	margin: 0px; 
	border: 0px; 
	margin: 0px; 
	text-align: left;
}

.search_input_boxes {
	position: relative; 
	width: 178px; 
	margin: 0px; 
	padding-bottom: 8px; 
	border: 0px; 
	float: left;
}
.search_input_text {
	font-family: Verdana; 
	font-weight: normal; 
	font-size: 10px; 
	color: #84a1b3;
}
.search_dropdown_box {
	width: 178px;
	font-family: Verdana; 
	font-weight: normal; 
	font-size: 10px; 
	color: #84a1b3;
}
a.search_avail_button {
	background-color: #ffffff;
	position: relative; 
	display: block; 
	width: 170px; 
	height: 17px; 
	margin: 0px; 
	padding-top: 3px; 
	border: 1px solid #84a1b3; 
	float: left; 
	text-align:center;
	text-decoration: none;
	font-family: Verdana; 
	font-weight: bold; 
	font-size: 10px; 
	color: #84a1b3;
}
a.search_avail_button:hover {
	background-color: #84a1b3;
	display: block; 
	text-decoration: underline;
	color: #ffffff;
}
.search_avail_button_selected {
	background-color: #84a1b3;
	position: relative; 
	display: block; 
	width: 170px; 
	height: 17px; 
	margin: 0px; 
	padding-top: 3px; 
	border: 1px solid #84a1b3; 
	float: left; 
	text-align:center;
	text-decoration: none;
	font-family: Verdana; 
	font-weight: bold; 
	font-size: 10px; 
	color: #ffffff;
}

.shell_input_right {
	position: relative; 
	width: 50px; 
	margin: 0px; 
	border: 0px; 
	padding: 0px; 
	float: left;
}
.shell_input_left {
	position: relative; 
	width: 125px; 
	margin: 0px; 
	border: 0px; 
	padding: 0px; 
	float: right;
}
.region_guide_links_area {
	position: relative; 
	width: 174px; 
	margin: 0px; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	border: 0px; float: left;
}

/* The related links area */

.related_links_area {
	position:relative;
	width: 186px; 
	border: 4px solid #dee7ee;
	margin: 0px; 
	padding: 0px; 
	float: left;
}

.related_links_heading_bar {
	position: relative; 
	width: 175px; 
	background-color:#84a1b3; 
	margin: 0px; 
	border: 0px; 
	padding-left: 6px; 
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
}

.related_links_content {
	position: relative; 
	width: 180px; 
	margin: 0px; 
	border: 0px; 
	padding-left: 6px; 
	padding-top: 3px; 
	padding-bottom: 5px;
}

/* The Teletext banner area */

.search_teletext_banner {
	position: relative; 
	width: 194px; 
	margin: 0px; 
	padding: 0px; 
	border: 0px; 
	float: left;
}

/* The middle content boxes area */

.main_content_box {
	position:relative;
	width: 572px; 
	border: 4px solid #dee7ee;
	margin: 0px; 
	padding: 0px; 
	float: left;
}

.main_content_heading_bar {
	position: relative; 
	width: 566px; 
	height: 20px; 
	background-color:#84a1b3; 
	margin: 0px; 
	border: 0px; 
	padding-left: 6px; 
	padding-top: 3px; 
	float: left;
}

.main_content_area {
	position: relative; 
	width: 566px; 
	margin: 0px; 
	border: 0px; 
	padding-left: 6px; 
	padding-top: 3px; 
	padding-bottom: 5px;
	float: left;
}

.main_content_half_shell {
	position: relative; 
	width: 580px; 
	margin: 0px; 
	border: 0px; 
	padding: 0px; 
	float: left;
}

.main_content_half_left {
	position: relative; 
	width: 280px; 
	margin: 0px; 
	border: 0px; 
	padding: 0px; 
	float: left;
}
.main_content_half_right {
	position: relative; 
	width: 280px; 
	margin: 0px; 
	border: 0px; 
	padding: 0px; 
	float: right;
}

.main_content_box_half {
	position:relative;
	width: 272px; 
	border: 4px solid #dee7ee;
	margin: 0px; 
	padding: 0px; 
	float: left;
}

.main_content_heading_bar_half {
	position: relative; 
	width: 266px; 
	height: 20px; 
	background-color:#84a1b3; 
	margin: 0px; 
	border: 0px; 
	padding-left: 6px; 
	padding-top: 3px; 
	float: left;
}

.main_content_area_half {
	position: relative; 
	width: 266px; 
	margin: 0px; 
	border: 0px; 
	padding-left: 6px; 
	padding-top: 3px; 
	padding-bottom: 5px;
	float: left;
}

.prop_boxes_title {
	position: relative; 
	width: 560px; 
	margin: 0px; 
	border: 0px; 
	padding-top: 3px; 
	padding-right: 5px;
	padding-bottom: 5px;
	float: left;
}
.prop_boxes_pic {
	position: relative;	
	border: 1px solid #84a1b3; 
	margin: 0px; 
	padding: 0px; 
	overflow: hidden;
	float: left;
}
.prop_boxes_data {
	position: relative; 
	width: 50px; 
	margin: 0px; 
	border: 0px; 
	padding-bottom: 3px; 
	float: left;
}
.prop_boxes_data_links {
	position: relative; 
	margin: 0px; 
	border: 0px; 
	padding-bottom: 3px; 
	padding-left: 3px;
	float: left;
}


.seo_area_box {
	position: relative; 
	width: 570px; 
	margin: 0px; 
	border: 0px; 
	padding-top: 3px; 
	padding-left: 10px; 
	float: left;
}
.seo_title {
	position: relative; 
	width: 570px; 
	height: 15px; 
	margin: 0px; 
	border: 0px; 
	padding-bottom: 5px; 
	float: left;
}
.seo_coloums {
	position: relative; 
	width: 555px; 
	margin: 0px; 
	border: 0px; 
	padding-right: 10px; 
	float: left;
}
.page_links_bottom {
	position: relative; 
	width: 566px; 
	margin: 0px; 
	padding: 0px; 
	margin: 0px; 
	float: left;
}
/* HEADER --------------------------------------------------------- */

.top_bar {
	position: relative; 
	width: 565px; 
	height: 17px; 
	margin: 0px; 
	border: 0px; 
	padding-left: 15px;
	padding-top: 2px; 
	background:#91b1c8 url(../images/core/topbar_bottom_corner.gif) left no-repeat; 
	float: right;
}
.topbar_logo{
	position: absolute; 
	margin: 0px; 
	padding: 0px; 
	border: 0px;
}
.topbar_text {
	position: relative; 
	margin: 0px; 
	border: 0px; 
	padding: 0px; 
	float: left;
}
.topbar_links {
	position: relative; 
	margin: 0px; 
	border: 0px; 
	padding-right: 5px; 
	float: right; 
	text-align: right;
    font-family: Verdana;
	font-weight: bold; 
	font-size: 11px;
	color: #ffffff;
}
.standard_banner {
	position: absolute; 
	height: 60px; 
	width: 468px;
	top: 24px;
	left: 312px; 
	margin: 0px; 
	padding: 0px;
	border: 0px  
	text-align: right;
}
.strapline_text {
	position: relative; 
	height: 10px; 
	margin: 0px; 
	border: 0px; 
	padding-top: 10px; 
	text-align:right; 
	font-size:9px; 
	font-family: Verdana;
	float: right; 
}
.spacer_bar_big {
	position: relative; 
	width: 780px; 
	height: 20px; 
	border: 0px; 
	margin: 0px; 
	padding: 0px; 
	float: left;
}
.spacer_bar_small {
	position: relative; 
	width: 194px; 
	height: 10px; 
	border: 0px; 
	margin: 0px; 
	padding: 0px; 
	float: left;
}
.spacer_bar_nav {
	position: relative; 
	width: 174px; 
	height: 10px; 
	border: 0px; 
	margin: 0px; 
	padding: 0px; 
	float: left;
}

.spacer_bar_middle {
	position: relative; 
	width: 580px; 
	height: 20px; 
	border: 0px; 
	margin: 0px; 
	padding: 0px; 
	float: left;
}


/* PRIMARY NAVIGATION --------------------------------------------- */

a.toplinks {
    font-family: Verdana;
	font-weight: bold; 
	font-size: 10px;
	text-decoration: underline;
	color: #ffffff; 
}

a.toplinks:hover {
    font-family: Verdana;
	font-weight: bold; 
	font-size: 10px;
	text-decoration: none;
	color: #ffffff; 
}

a.toplinks:visited {
    font-family: Verdana;
	font-weight: bold; 
	font-size: 10px;
	text-decoration: underline;
	color: #ffffff; 
}
a.orangelinks_small_bold {
    font-family: Verdana;
	font-weight: bold; 
	font-size: 11px;
	text-decoration: underline;
	color: #f06d27; 
}

a.orangelinks_small_bold:hover {
    font-family: Verdana;
	font-weight: bold; 
	font-size: 11px;
	text-decoration: none;
	color: #f06d27; 
}

a.orangelinks_small_bold:visited {
    font-family: Verdana;
	font-weight: bold; 
	font-size: 11px;
	text-decoration: underline;
	color: #986681; 
}

a.orangelinks_bold {
    font-family: Verdana;
	font-weight: bold; 
	font-size: 13px;
	text-decoration: underline;
	color: #f06d27; 
}

a.orangelinks_bold:hover {
    font-family: Verdana;
	font-weight: bold; 
	font-size: 13px;
	text-decoration: none;
	color: #f06d27; 
}

a.orangelinks_bold:visited {
    font-family: Verdana;
	font-weight: bold; 
	font-size: 13px;
	text-decoration: underline;
	color: #986681; 
}

a.orangelinks_big_bold {
    font-family: Verdana;
	font-weight: bold; 
	font-size: 18px;
	text-decoration: underline;
	color: #f06d27; 
}

a.orangelinks_big_bold:hover {
    font-family: Verdana;
	font-weight: bold; 
	font-size: 18px;
	text-decoration: none;
	color: #f06d27; 
}

a.orangelinks_big_bold:visited {
    font-family: Verdana;
	font-weight: bold; 
	font-size: 18px;
	text-decoration: underline;
	color: #986681; 
}


a.orangelinks {
    font-family: Verdana;
	font-weight: normal; 
	font-size: 11px;
	text-decoration: underline;
	color: #f06d27; 
}

a.orangelinks:hover {
    font-family: Verdana;
	font-weight: normal; 
	font-size: 11px;
	text-decoration: none;
	color: #f06d27; 
}

a.orangelinks:visited {
    font-family: Verdana;
	font-weight: normal; 
	font-size: 11px;
	text-decoration: underline;
	color: #f06d27; 
}


/* FOOTER --------------------------------------------------------- */

.footer_shell {
	position: relative; 
	width: 780px; 
	height: 25px; 
	margin: 0px; 
	padding: 0px; 
	border: 0px; 
	clear: both;
	float: left;
	background-color: #84a1b3;
}
.footer_left {
	position: relative; 
	top: 5px; 
	width: 385px; 
	height: 17px; 
	margin: 0px; 
	padding-left: 5px;
	padding-top: 3px;
	border: 0px; 
	float: left; 
	text-align: left; 
	background-color: #ffffff;
    font-family: Verdana;
	font-weight: bold; 
	font-size: 10px;
	color: #84a1b3;

}
.footer_right {
	position: relative; 
	top: 5px; 
	width: 390px; 
	height: 17px; 
	margin: 0px; 
	border: 0px;
	padding-top: 3px;
	float: left; 
	text-align: right; 
	background-color: #ffffff;
}

a.footerlinks {
    font-family: Verdana;
	font-weight: bold; 
	font-size: 10px;
	text-decoration: underline;
	color: #84a1b3; 
}

a.footerlinks:hover {
    font-family: Verdana;
	font-weight: bold; 
	font-size: 10px;
	text-decoration: none;
	color: #84a1b3; 
}

a.footerlinks:visited {
    font-family: Verdana;
	font-weight: bold; 
	font-size: 10px;
	text-decoration: underline;
	color: #986681; 
}

/* SPECIAL STYLES ------------------------------------------------- */

.fhide {
	/* for hiding functional code (doesn't need to be seen by anyone at all ) */
	display: none;
}

/* calendar styling */
.searchOtherMonth
{
      color: #dee7ee;
}
.searchTitle
{
       background: #84a1b3;
       color: #dee7ee;
	   font-weight: bold;
	   
}
.searchNextPrev
{
       background: #84a1b3;
       color: #dee7ee;
}
.searchCalendar
{
      background: #ffffff;
      border: 1px solid #84a1b3;
      color: #84a1b3;
}