/* --- 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: DarkBlue; /*#889EA9;*/
}
img {
  border: 0px;
}

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


.TableHeading {
    BACKGROUND-COLOR: RoyalBlue;
	border-color: RoyalBlue;
	border-style: solid;
	border-width: 0;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 10px;

   
}

.TableRow {
    BACKGROUND-COLOR: Cyan;
	border-color: Cyan;
	border-width: 0;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 9px;

}

.TableRowAlt {
    BACKGROUND-COLOR: #FFFFFF;
	border-color: #FFFFFF;
	border-width: 0;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 9px;

}


.shell {
	position: absolute; 
	width: 910px; 
	border: 0px; 
	padding: 0px; 
	margin: 0px;
}
.shell_header {
	position: relative; 
	width: 780px; 
	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;

}

.wide_content_area {
	position: relative; 
	width: 770px; 
	border: 0px; 
	margin: 0px; 
	padding-left: 10px;
	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: 43px; 
	margin: 0px; 
	border: 0px; 
	padding: 0px; 
	background: RoyalBlue; /*#dee7ee;*/
}
.search_navigation
{
	position: relative;
    width: 178px;
	padding-right: 10px;
	padding-left: 6px;
    /*height: 33em;*/
	background:RoyalBlue;
	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: #000000; /* MediumTurquoise; #84a1b3;*/
}
.search_input_text_keyword {
	width: 172px;
	font-family: Verdana; 
	font-weight: normal; 
	font-size: 10px; 
	color: #000000; /* MediumTurquoise; */
}
.search_input_text_nights {
	width: 14px;
	font-family: Verdana; 
	font-weight: normal; 
	font-size: 10px; 
	color: #000000; /* MediumTurquoise; */
}

.search_input_text_date {
	width: 90px;
	font-family: Verdana; 
	font-weight: normal; 
	font-size: 10px; 
	color: #000000; /* MediumTurquoise; */
}
.search_dropdown_box {
	width: 178px;
	font-family: Verdana; 
	font-weight: normal; 
	font-size: 10px; 
	color: #000000; /* MediumTurquoise; */
}
a.search_avail_button {
	background-color: MediumTurquoise;
	position: relative; 
	display: block; 
	width: 170px; 
	height: 17px; 
	margin: 0px; 
	padding-top: 3px; 
	border: 1px solid DarkBlue; 
	float: left; 
	text-align:center;
	text-decoration: none;
	font-family: Verdana; 
	font-weight: bold; 
	font-size: 10px; 
	color: DarkBlue;
}
a.search_avail_button:hover {
	display: block; 
	text-decoration: underline;
	color: DarkBlue;
}


.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;
}

/* The related links area */

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

.related_links_heading_bar {
	position: relative; 
	width: 175px; 
	background-color:RoyalBlue; 
	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 RoyalBlue;
	margin: 0px; 
	padding: 0px; 
	float: left;
}

.main_content_heading_bar {
	position: relative; 
	width: 566px; 
	height: 20px; 
	background-color:RoyalBlue; 
	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; */
	padding-left: 6px;
	/*float: right; */
	float: left;
}

.main_content_box_half {
	position:relative;
	/*width: 272px; */
	width: 180px;
	border: 4px solid RoyalBlue;
	margin: 0px; 
	padding: 0px; 
	float: left;
	/*height: 360px;*/
	height: 400px;
}

.main_content_heading_bar_half {
	position: relative; 
	/*width: 266px; */
	width: 174px; 
	height: 20px; 
	background-color:RoyalBlue; 
	margin: 0px; 
	border: 0px; 
	padding-left: 6px; 
	padding-top: 3px; 
	float: left;
}

.main_content_area_half {
	position: relative; 
	/*width: 266px; */
	width: 170px; 
	/*height: 329px; */
	height: 368px;
	margin: 0px; 
	border: 0px; 
	/*padding-left: 6px; */
	padding-left: 10px; 
	padding-top: 3px; 
	padding-bottom: 5px;
	float: left;
}

.prop_boxes_title {
	position: relative; 
	/*width: 260px; */
	width: 152px; 
	margin: 0px; 
	border: 0px; 
	padding-top: 3px; 
	padding-right: 5px;
	padding-bottom: 5px;
	float: left;
}
.prop_boxes_pic {
	position: relative;	
	width: 149px; 
	height: 100px; 
	border: 1px solid DarkBlue; 
	margin: 0px; 
	padding: 0px; 
	overflow: hidden;
	float: left;
}
.prop_boxes_data {
	position: relative; 
	width: 106px; 
	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: 180px; 
	margin: 0px; 
	border: 0px; 
	padding-right: 10px; 
	float: left;
}

/* HEADER --------------------------------------------------------- */

.top_bar {
	position: relative; 
	left: 0px;
	top: 0px;
	width: 780px; 
	height: 17px; 
	margin: 0px; 
	border: 0px; 
	padding-left: 0px;
	padding-top: 2px; 
	background:RoyalBlue; /*#91b1c8*/
}
.topbar_logo{
	position: relative; 
	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: MediumTurquoise; /*#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:10px; 
	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_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: MediumTurquoise; 
}

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

/* calendar styling */
.searchOtherMonth
{
      color: RoyalBlue;
}
.searchTitle
{
       background: DarkBlue;
       color: RoyalBlue;
	   font-weight: bold;
	   
}
.searchNextPrev
{
       background: DarkBlue;
       color: RoyalBlue;
}
.searchCalendar
{
      background: MediumTurquoise;
      border: 1px solid DarkBlue;
      color: DarkBlue;
}

.CountryListItems {

	font-family: Verdana;
	font-size: 11px;
	font-style:normal;
	color: DarkBlue;
}

.CountryListSubItems {

	font-family: Verdana;
	font-size: 10px;
	font-style: normal;
	color: DarkBlue;
}
.ServiceItems {

	font-family: Verdana;
	font-size: 11px;
	font-style:normal;
	color: DarkBlue;
}

.ServiceSubitems {

	font-family: Verdana;
	font-size: 10px;
	font-style: normal;
	color: DarkBlue;
}

.TableHeading {

	font-family: Verdana;
	font-size: 10px;
	font-style: normal;
	color: MediumTurquoise;
	background-color:DarkBlue;
}

.TableRow {

	font-family: Verdana;
	font-size: 9px;
	font-style: normal;
	color: DarkBlue;
	background-color:#ffffff;
}

iframe
{
	background-color :RoyalBlue;
	font-size: 11px;
	font-family: Tahoma;
}

.ServiceAdd
{
	background-color :RoyalBlue;
	font-size: 11px;
	font-family: Tahoma;
}