/* Spirit Website 2.0 */

/* Basic settings */
html { font-family: tahoma; font-size: 62.5%; }
html * { text-align: left; }
body { text-align: center; background-color: white; margin-top:0;}
p, p.topmargin { font-family: arial; line-height: 150%; color: black; font-size: 1.2em; margin: 0; margin-right: 10px; padding: 5px; text-decoration: none;}
p.topmargin { margin-top: 10px; }
li { font-family: arial; font-size: 1.0em; text-indent: 0;line-height: 150%;}
p.centre { text-align: center; padding: 0; color: #274090; font-size: 1.2em;}
img { border: 0; }
ul { font-size: 1.2em; list-style-type: disc;}
ol { font-size: 1.2em; }
table { font-family: tahoma; line-height:120%; font-size: 1.2em; margin:0; padding:0; border:0; color: black;}

ul.property_description { font-size: 1.4em; padding: 0; margin:0; list-style: none none outside; color: black; }
ul.property_description li { line-height: 130%; margin-left: 0; padding: 0;}

/* Basic setting extensions */
img.summer_activities { border: 1px solid black; margin: 10px; }

/* Basic back-link paragraph style to contain a link back to a previous page */
.backlink 
{ 
  margin:0 auto; 
  text-align:center; 
  width: 50%; 
  margin-top: 20px; 
  margin-bottom: 20px; 
  border: 1px solid silver; 
  background-color: #f1f1f1; 
  text-align:center;
}


/******** Original link style - blue underline *******************/
a:link, a:visited { font-weight: bold; outline-style: none; text-decoration: none; color: blue; }
a:link:focus, a:visited:focus { color: blue; text-decoration: none; }
a:link { color: blue; }
a:visited { color: blue; }
a:link:hover, a:visited:hover { color: blue; text-decoration: underline;}
a:link:active, a:visited:active { color: blue; }
/******************************************************************/


/*************** Alternative link style - blue background box *************
a:link, a:visited { padding-left: 2px; padding-right: 2px; font-weight: bold; border: 1px solid white; text-decoration: none; color: blue; }
a:link:focus, a:visited:focus {  padding-left: 2px; padding-right: 2px;color: blue; border: 1px solid white; text-decoration: none; }
a:link { padding-left: 2px; padding-right: 2px; color: blue; border: 1px solid white; }
a:visited { padding-left: 2px; padding-right: 2px; color: blue; border: 1px solid white; }
a:link:hover, a:visited:hover { padding-left: 2px; padding-right: 2px; color: blue; border: 1px solid blue; background-color: #e7edff;}
a:link:active, a:visited:active { padding-left: 2px; padding-right: 2px; color: blue; border: 1px solid white; }
******************************************************************************/



/* block : used in teaser_small for full-width links */
a.block { font-size: 1.2em; text-align: center; font-weight: bold; padding: 2px 0 2px 0;}
a.block:link, a.block:visited { display: block; background-color: #d5ddf5; outline-style: none; text-decoration: none; color: #274090; }
a.block:link:focus, a.block:visited:focus { display: block; background-color: #d5ddf5; color: #274090; text-decoration: none; }
a.block:link { display: block; background-color: #d5ddf5; color: #274090; }
a.block:visited { display: block; background-color: #d5ddf5; color: #274090; }
a.block:link:hover, a.block:visited:hover { display: block; background-color: #bccaf5; color: white; text-decoration: none; /*background-color: brown;*/}
a.block:link:active, a.block:visited:active { display: block;background-color: #bccaf5;color: white; }

/* Disable styles for picture links */
a.picture:link, a.picture:visited { color: white;outline-style: none; text-decoration:none;}
a.picture:link:focus, a.picture:visited:focus { color: white; outline-style: none; text-decoration:none;}
a.picture:link { color: white; outline-style: none; text-decoration:none;}
a.picture:visited { color: white; outline-style: none; text-decoration:none;}
a.picture:link:hover, a.picture:visited:hover { color: white; outline-style: none; text-decoration:none;}
a.picture:link:active, a.picture:visited:active { color: white; outline-style: none;text-decoration:none;}

.below_rotator { position: relative; top: 250px; }


#index_intro
{ 
  float:left;
  margin: 0 15px 0 0;
  width: 370px; 
  background-color: white;
  text-decoration: none;
  color: black;
  /*padding-bottom: 32767px !important;
  margin-bottom: -32767px !important;*/
  /*border: 1px solid red;*/
  padding:0;
}

#index_offers, #summer_tariff
{ 
  position: relative;
  float:left;
  width: 250px;
  text-decoration: none;
  color: white;
  margin: 0 5px 0 0;
  /*padding-bottom: 32767px !important;
  margin-bottom: -32767px !important;*/
  /*border: 1px solid green;*/
  
}

/* 
** summer_tariff : displayed below #index_offers, which contains the "rotator" div.
** As that div uses relative positioning, we need to continue using it...hence the 
** 198px offset.  The images in #index_offers are 188px high, so add 10px for a margin.
*/
#summer_tariff { top: 198px; }
#summer_tariff table { text-align: center; width: 100%; }
#summer_tariff th, #summer_tariff td { text-align: center; padding: 0.25em; }
#summer_tariff td.left { text-align: left; }
#summer_tariff tr { background-color: #e7edff; }

div.index_offers_container
{
  width:100%;
  margin: 0 0 10px 0;
  
}




/***********************/
/* BEGIN : PAGE LAYOUT */
/***********************/

/*
   ------- Masthead --------
   --sidebar--content--------
   |        |               |
   |        |               |
   --------------------------
*/

/* Main enclosing div on each page */
#wrapper
{
  /*display: inline-block;*/
  background-color: white;
  width: 800px;
  margin: 0 auto;
  padding: 0;
  border: 0;
  overflow: hidden;
  border-left: 1px solid silver;
  border-right: 1px solid silver;
}

#index_masthead
{
  background: url('../img/masthead_800x200.jpg') no-repeat;
  width: 800px;
  height: 200px;
  text-indent: -9000px;
  margin: 0;
  padding: 0;
}


#masthead
{
width: 800px;
background-image: url('../img/masthead_800x200.gif');
height: 200px;
/*max-height: 90px;*/
background-repeat: no-repeat;
margin-top: 0;
margin-bottom: 0;
padding: 0;
overflow: hidden;
display: block;
}

#sidebar_top
{
  background-image: url('../img/menu_title.gif');
  width: 140px;
  height: 20px;
  margin: 0;
  padding: 0;
  background-color: white;
  text-align:center;
  color: black;
}

#sidebar
{
  margin-top: 10px;
  width: 140px;
  float: left;
  background-color: #e7edff;
  color: black;
  padding-bottom: 32767px !important;
  margin-bottom: -32767px !important;
}

#content
{
  /*display: block'*/
  float: left;
  width: 660px;
  background-color: white;
  border: 0;
  padding-bottom: 32767px !important;
  margin-bottom: -32767px !important;
}

/* Generic full width (minus navbar) content div */
.generic_main
{
  margin-top: 10px; 
  margin-left: 10px;
  width: 650px;
  padding-bottom: 32767px !important;
  margin-bottom: -32767px !important;
}


.home_centre
{ 
  margin: 10px 0 0 10px;
  width: 320px; 
  background-color: white;
  text-decoration: none;
  color: black;
  padding-bottom: 32767px !important;
  margin-bottom: -32767px !important;
  float:left;
}

.home_rhs
{ 
  margin: 10px 0 0 10px;
  float: left;
  width: 310px; 
  text-decoration: none;
  color: white;
  padding-bottom: 32767px !important;
  margin-bottom: -32767px !important;
}

.sale_property
{
  margin: 15px 5px 0 0;
  background-color: #f3f3f3;
  width: 318px;
  border: 1px solid #e3e3e3;
}

.sale_property:hover { background-color: #f0f8dd; border: 1px solid #c3c3c3; }

.sale_property img { border: 1px solid #274090; padding: 2px; margin: 5px; width: 150px; height: 100px; }

.relative_padding { position: static; display: block; height: 240px; min-height: 240px; width: 100%; }

.navbar_header
{
  /*display: block;*/
  width: 140px;
  float: left;
  margin-top: -15px;  /* Fill space in rounded-corner "sidebar-top" div */
  padding: 0;
  color: #34a;
  font-family: tahoma;
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
  margin-left: 0;
}

div.nav_header_left { text-indent: 10px; text-align: left;}


.left_container_box
{
  clear: both;
  display: block;
  width: 250px;
  float: left;
  background-color: white;
}



.left_breakout_box
{
  margin: 10px 10px 10px 0;
  color: black;
  background-color: #f3f9ee;
  border: 1px solid silver;
}


.right_container_box, .right_container_box_narrow, .right_container_box_wide
{
  clear: both;
  display: block;
  width: 250px;
  float: right;
  background-color: white;
}

.right_container_box_narrow { width: 200px; }
.right_container_box_wide { width: 275px; }

.right_breakout_box
{
  margin: 10px 10px;
  color: black;
  background-color: #f3f9ee;
  border: 1px solid silver;
}

ul.breakout_box
{
  padding: 0 10px 0 10px; 
  margin: 0 10px 0 10px;
}

ul.breakout_box li
{
  margin-bottom: 7px; 
  list-style-position: outside;
  list-style-type: none;
}

ul.link_list li
{
  list-style-type: disc;
  padding: 0 0 0 10px;
  margin-bottom: 5px;
}

#sep
{
  width: 800px;
  height: 5px;
  clear: both;
  display: block;
  margin: 0 auto;
  border-bottom: solid silver 1px;
}

#footer
{
  margin: 0 auto;
  display: block;
  width: 800px;
  background-color: white;
  padding: 2px 0 2px 0;
  text-align: center;
}

/*********************/
/* END : PAGE LAYOUT */
/*********************/


/* Basic headings */
h1
{
  /*clear: left;*/
  padding: 5px 0 5px 0;
  margin: 0;
  text-align: center;
  /*color: #34a;*/
  color: white;
  font-family: arial;
  font-weight: bold;
  font-size: 1.6em;
  /*background-image: url('../img/header_gradient_light_1x60.gif');
  background-repeat: repeat-x;*/
  
  background-image: url('../img/blue_vertical_gradient_1x80.gif');
  background-repeat: repeat-x;
  
  text-transform: none;
  text-decoration: none;
  text-indent: 0;
}

h1.no_border {background-color: #f1f1fd; border: 0; text-align: center; text-transform: uppercase; margin:0; padding: 5px 0 5px 0;}



h2, h2.topmargin
{
  text-align: left;
  margin: 0;
  font-size: 1.2em;
  text-transform: uppercase;
  color: white;
  padding: 5px 0 5px 15px;
  background-image: url('../img/header_gradient_dark_1x60.gif');
  background-repeat: repeat-x;
}

h2.topmargin { margin-top: 10px; }

h2.alternate, h2.centre, h3
{
  text-align: left;
  margin: 0;
  margin-right: 10px;
  font-size: 1.2em;
  /*color: #3d60d2;*/
  color: #274090;
  background-image: url('../img/horiz_lines_1x100.gif');
  background-repeat: repeat-x;
  line-height: 200%;
  text-indent: 0px;
  margin-top: 15px;
  padding: 5px 0 5px 15px;
}

h3.thin { line-height: 120%; margin: 10px 0 0 0; }

h2.alternate, h3 { text-transform: none; }
h2.centre, h3.centre { text-align: center; }

h2.property_title
{
  text-align: left;
  margin: 0;
  font-size: 1.3em;
  text-transform: uppercase;
  color: #274090;
  background-color: #e1e1e1;
  background-image: none;
  padding: 5px 0 5px 15px;
}  

/* END basic headings */


div.clear { clear: both; }

/* header_banner : style for full-width content div pictures to display under h1's on many pages */
.header_banner { padding: 0; border: 0; }


/* teaser_big and teaser_small are containers used on the home page
   to advertise news or deep links */

div.teaser_big
{ 
  margin: 10px 0 0 10px;
  width: 320px; 
  /*min-height: 440px; */
  background-color: white;
  text-decoration: none;
  color: black;
  padding-bottom: 32767px !important;
  margin-bottom: -32767px !important;
}

div.teaser_small
{ 
  margin: 10px 0 0 0;
  /*display: block;*/
  /*float: right; */
  width: 320px; 
  /*min-height: 138px;*/
  /*background-color: #f1f1fd;*/
  /*border: 1px solid #274090;*/
  text-decoration: none;
  color: white;
}

img.teaser_small { border: 1px solid #274090; border-top:0; }
img.no_bottom { border-bottom: 0; }
img.last_minute_deals_promo { height: 75px; }

p.teaser_small
{
  margin: 20px 10px 10px 10px;
  font-size: 1.6em;
  font-weight: bold;
  color: white;
  text-align: center;
}


/* Generic boxout styles */
.box1 { margin: 10px; }
.border1 { border: 1px solid silver; }
.width1 { width: 30%; }


/* Thumbnail image styles - for lightbox galleries */
img.thumbnail
{
  margin: 3px;
  background-color: black; /* f1f1f1 */
  padding: 3px;
  /*padding-bottom: 15px;*/
  /*border-right: 1px solid silver;
  border-bottom: 1px solid silver;*/
}

img.thumbnail_promo { border: 1px solid white; margin-left: 2px; }

/* Style links for thumbnails (just emphasise thumbnail border when hovering) */
a.pic:hover {text-decoration:none; color: white; outline-style:none;}
a.pic:hover img.thumbnail { background-color: #dedede; }
a.pic:hover img.thumbnail_promo { border: 1px solid #274090; }

/* Styles for immage gallery (thumbnail) containers */
.gallery_header
{
  background-color: #504545; 
  color: white; 
  font-style: italic; 
  font-size: 1.2em; 
  font-weight: bold; 
  padding: 0.5em 0 0.5em 0;
  text-indent: 1.0em;
}

.gallery_body
{
  background-color: black; 
  border-top: 3px solid silver; 
  border-bottom: 3px solid silver;
}

.gallery_body_promo
{
  background-color: white; 
}


/* Feedback Form styles */
.feedback_question { color: blue; }


/* Guestbook */

div.guestbook_entry 
{ 
  margin: 0 auto; 
  padding-left: 48px; 
  text-align: center; 
  background: url('../img/beige_vertical_gradient_1x300.gif') repeat-x;
}

blockquote { background: transparent url('../img/quoleft.png') left top no-repeat; }

blockquote div 
{ 
  padding: 0 48px;
  background: transparent url('../img/quoright.png') right bottom no-repeat;
  width: 70%;
  font-size: 1.2em;
  font-style: italic;
  font-weight: bold;
}

div.guestbook_sig
{
  width: 70%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  font-size: 1.2em;
}

p.guestbook_sig { text-align: right; margin:0;padding:0;}

img.flag { padding-right: 5px; }
  
  
  
table.tariff { width: 98%; border: 1px solid #aaa; }
table.tariff th { background-color: #274090; color: white; font-weight: bold; }
table.tariff tr.stripe { background-color: #dbdbdb; }
table.tariff th, table.tariff td { line-height: 200%; text-align: center; }
table.tariff th.leftalign, table.tariff td.leftalign { text-align: left; text-indent: 10px;}


/* airport transfers page */
div.fg { background-color: #6cb700; color: white; }
div.bg { background-color: #c6f484; }

div.round_corners h3 
{ 
  color: white; 
  background: none; 
  text-align: center; 
  text-indent: 0; 
  padding: 0; 
  margin: 0;
  font-size: 1.4em;
}

form#airport_transfer_quote { margin: 15px; }
form#airport_transfer_quote table { width: 100%; color: white; font-size: 1.4em; }
  
  
  
/* advertise.html */
h2.gold_owner
{
  font-size: 1.3em;
  color: black;
  line-height: 175%;
  border-top: 2px solid black;
  border-bottom: 1px solid silver;
  background: #f4e10a;
  margin-top: 10px;
  text-transform: none;
  letter-spacing: 1px;
}

h2.silver_owner
{
  font-size: 1.3em;
  color: black;
  line-height: 175%;
  border-top: 2px solid black;
  border-bottom: 1px solid silver;
  background: #c6c6c6;
  margin-top: 10px;
  text-transform: none;
  letter-spacing: 1px;
}

h2.bronze_owner
{
  font-size: 1.3em;
  color: black;
  line-height: 175%;
  border-top: 2px solid black;
  border-bottom: 1px solid silver;
  background: #c47f26;
  margin-top: 10px;
  text-transform: none;
  letter-spacing: 1px;
}


div.form_error { border: 1px dashed #7bc1fd; }
div.form_error p { font-size: 1.3em; font-weight: bold; }

p.form_error_list 
{ 
  line-height:100%; 
  padding: 5px 0 5px 0; 
  margin: 0; 
  font-size: 1.3em; 
  font-weight:bold; 
  text-indent: 30px; 
  background-color: #f1faff; 
  color:black;
}

#generic_form { width: 80%; font-size: 1.2em; color: black; font-family: verdana; }
#generic_form td.form { margin-left: 0.5em; }
#generic_form input, table#generic_form textarea { padding: 0.2em; color: black; background-color: white; font-size: 1.2em; border: 1px solid silver; }
#generic_form input.formbutton { border: 0; }


div.apartment_details_homepage
{
  float:left; 
  width: 160px; 
  margin-right:10px;
}

div.apartment_calendar_homepage
{
  float:left; 
  width: 130px;
}


/* 27 Jul 09 */
ul#home_apt_select { margin: 0; padding: 0;  list-style-type: none; }
ul#home_apt_select li a { font-weight: normal; text-indent: 10px; font-size: 12px; display: block; width: 220px; line-height: 400%; color: black; background: #f3f3f3;}
ul#home_apt_select li a:hover, ul#home_apt_select li a:active 
{ color: white; font-weight: bold; background: url('../img/header_gradient_dark_1x60.gif') repeat-x; text-decoration:none; }