/*
$Id: basic.css 1472 2009-04-17 02:21:12Z khawoldar $
Copyright (c) 2006 Beanlogic Limited.
*/
/*
UNIVERSAL STYLES
======================================================================
*/


.breaker
{
	height: 1px;
	clear:both;
	font-size:1%;
	overflow: hidden;
}

.container
{
	width: 740px;
	margin: 0 auto;
}

img
{
	border: 0;
}

form
{
	margin: 0;
	padding: 0;
}

a
{
	text-decoration: none;
	color: #749a44;
}

a:hover
{
	text-decoration: underline;
}

/*
BASIC PAGE LAYOUT
======================================================================
*/
html body {
	margin:0px 0 36px 0;
	padding:0;
	background-attachment:fixed;
	color:#225147;
	background-color:#FFFFFF;
	text-align:center;
	font:x-small Verdana, Arial, Sans-serif;
	voice-family: "\"}\""; voice-family:inherit;
	font-size:small;
	} html>body {font-size:small;}

#LogoSpan
{
	position:absolute;
	top: 0px;
	left: 0px;
	width:100%;

}

#LogoContainer
{
	height: 1px;
	padding: 0 0 0 0;
}

*>#LogoContainer
{
	padding: 0 0 0 5px;
}
	#LogoContainer h1
	{
		padding: 8px;
		margin: 0;
	}

#LogoShadow
{
	float: left;
	padding: 0;
	margin: 18px 0 0 5px;
	width: 142px;
	height: 125px;
	
	position:relative; 
}
*>#LogoShadow
{
	margin: 18px 0 0 7px;
	background-image:url(../gfx/logo_bg.png)
}

	#LogoContainer .book_online
	{
		width: 360px;
		height: 17px;
		float: right;
		margin: 16px 18px 5px 0;
		padding: 0;
        text-align: right;
    }

    #BannerNav
    {
        height: 16px;
        margin-top: 12px;
        text-align: right;

    }

    #BannerNav a
    {
        color: white;
  			padding: 0 5px 0 10px;
	  		border-left: 1px solid #5f7e3a;
    }

    #BannerNav a.first
    {
      border-left: 0;
    }
    #BannerNav a.last
    {
      padding-right: 0px;
    }
    #LogoContainer .mainNav
	{
		font-size: 90%;
		height: 20px;
		width: 565px;
		float: right;
		margin: 35px 0;
		padding: 5px 13px 10px 0;
		
		/* background-color:#339999; */
	}

		#LogoContainer .mainNav ul
		{
			padding: 0;
			margin: 0;
			display: inline;
		}

		#LogoContainer .mainNav ul li
		{
			display: inline;
		}

		#LogoContainer .mainNav a
		{
			color: #FFFFFF;
			text-decoration: none;
			display: block;
			height: 15px;
			float: right;
			padding: 0 5px 0 10px;
			border-left: 1px solid #5f7e3a;
		}

		#LogoContainer .mainNav li.last a
		{
			border-left: 0;
		}

		#LogoContainer .mainNav a:hover
		{
			color: #FFFFFF;
			text-decoration:underline;
		}



#TopBanner
{
	background-color: #006600;
	background-image: url(../gfx/banner_bg.gif);
	background-position: top;
	height: 105px;
	width: 100%;
	overflow:visible;
}

#BannerContainer
{
}

#Container
{
	background-color: #e9f4dd;
	width: 100%;
	padding-bottom:10px;
	text-align:center;
}

#Page
{
	text-align: left;
}

	#Page p
	{
		font-size: 90%;
	}

	#Page .col
	{
		background-color:#FFFFFF;
		
	}

	#Page .content
	{
		padding: 10px 18px 10px 18px;
	
		background-color:#FFFFFF;		
	}

	#Page .bottom
	{
		background-image:url(../gfx/page-bottom_bg.gif);
		height:15px;
		font-size:1%;
	}

#Footer
{
	text-align: left;
	padding: 6px 0 2px 0;
    width:710px;
    font-size:0.9em;
}

	#Footer .copyright
	{
		float: right;
		height: 15px;
		width: 220px;
		text-align: right;
		margin: 0;
		padding: 0;
		color: #8DB187;

		/* background-color:#FF6633; */
	}

		#Footer .copyright a
		{
			color: #8DB187;
		}

	#Footer .footLinks
	{
		float: left;
		height: 24px;
		width: 700px;
		margin: 0;
		padding: 0;
		color: #8DB187;

        font-size:0.9em;

        /* background-color:#669933; */
	}

	#Footer .company
	{
		float: right;
		height: 15px;
		width: 240px;
		text-align: right;
		margin: 5px 0 0 0;
		padding: 0;
		color: #999999;

		/* background-color:#3366FF; */
	}

    #Footer .footLinks ul
    {
        padding: 0;
        margin: 0;
        display: inline;
    }

    #Footer .footLinks ul li
    {
        display: inline;
    }

    #Footer .footLinks a
    {
        text-decoration: none;
        display: block;
        height: 15px;
        float: left;
        padding: 0 4px 0 4px;
        border-right: 1px solid #8DB187;
    }

    #Footer .footLinks li.first a
    {
        padding: 0 5px 0 0;
    }

    #Footer .footLinks a:hover
    {
        text-decoration:underline;
    }

    #Footer .footLinks ul li.last a
    {
        border-right: 0px;
    }


#LowerFooter
{
    width: 100%;
    padding-bottom:10px;
    text-align:center;
    font-size:0.8em;
    margin: 8px 0 0 0;
    color: #999999;
}
    #LowerFooter .container
    {
        width:710px;
    }

    #LowerFooter .footLinks
    {
        float: left;
        text-align:left;
        height: 20px;
        width: 240px;
        margin: 0;
        padding: 0;
    }

    #LowerFooter .credit {
        float: left;
        text-align:left;
        height: 20px;
        width: 240px;
        color: white;
    }

    #LowerFooter .credit a, #LowerFooter .credit a:hover {
        color: white;
    }

    #LowerFooter .company
    {
        float: right;
        text-align:right;
        height: 20px;
        width: 450px;
        margin: 0;
        padding: 0;
    }

div.errors
{
    border: 1px solid #FFCCCC;
    color: #654944;
    padding:5px;
    background-color: #F9F9F9;
    margin: 5px;
    float: left;
    width: 95%;
}
    div.errors h4
    {
        font-size: 1.1em;
        font-weight: bold;
        margin: 0px;
        padding: 0px;
    }

    div.errors ul
    {
    }

div.messages
{
    border: 1px solid #607FBF;
    color: #6E7E9D;
    padding: 5px 5px 5px 5px;
    background-color: #ffffff;
    margin-bottom: 5px;
}
    div.messages h4
    {
        font-size: 1.1em;
        font-weight: bold;
        margin: 0px;
        padding: 0px;
    }

    div.messages ul
    {
    }

.floatLeft
{
    float:left;
}
.floatRight
{
    float:right;
}
.width100
{
    width:100%;
}


div.holiday_price
{
    background-color: #e8f4dc;
    height: 28px;
    clear: both;
}

.holiday_price span
{
    display: block;
    width: 300px;
    float: left;
    font-size: 0.85em;
    padding: 5px;

}

.holiday_price em
{
    text-decoration:none;
    font-weight: bold;
}

.holiday_price a
{
    float: right;
    text-align: center;
    display: block;
    font-size: 0.8em;
    background-image: url(../gfx/book_now_bg.png);
    background-repeat: repeat-x;
    background-position: top;
    background-color: #95c45c;
    color: white;
    width: 70px;
    padding: 7px 5px 7px 5px;
}

.holiday_price label
{
    font-size: 0.8em;
    display: inline;
}

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}

.LV_invalid {
    color:#CC0000;
}

.LV_valid_field,
input.LV_valid_field:hover,
input.LV_valid_field:active,
textarea.LV_valid_field:hover,
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}

.LV_invalid_field,
input.LV_invalid_field:hover,
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover,
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

.special_highlight
{
  color: #57a300 !important;
}

.special_highlight_alt
{
  background-color: #57a300 !important;
  color: white;
  font-weight: bold;
  padding: 10px;
}

.special_highlight_alt.availability
{
  display: block;
  width: 180px;
}

.shortlist_button
{
  /*background-color: #519cd2;*/
  background-color: #add9f8;
  border: 1px solid #80b2e4;
  color: #2b536f;
  padding: 6px;
  display: block;
  font-size: 12px;
  text-align: center;
}

.more_details_button
{
  float: left;
}

.shortlist_button.stat_panel
{
  font-size: 11px;
  width: 120px;
  float: right;
  padding: 5px;
}

.shortlist_button.header_options
{
  margin-bottom: 5px;
  float: right;
  margin-left: 5px;
}

.shortlist_button.detail
{
  width: 120px;
  margin-top: 5px;
  margin-left: 1px;
  float: left;
}

.shortlisted_property
{
  background-color: #E7F0F7;
}



/* popups etc */

/*** email a friend stuff ***/
#backgroundPopup
{
  display:none;
  position:fixed;
  _position:absolute; /* hack for internet explorer 6*/
  height:100%;
  width:100%;
  top:0;
  left:0;
  background:#fff;
  border:1px solid #cecece;
  z-index:1;
}

div#EmailForm
{
  display:none;
  position:fixed;
  _position:absolute; /* hack for internet explorer 6*/
  margin: 0 auto;
  width: 532px;
  border: 10px solid #3b5b1c;
  text-align: left;
  padding-bottom: 30px;
  color: #3b5b1c;
  z-index: 999;
  background-color: #fff;
}

div#EmailForm div.header
{
  height: 57px;
  background-color: #749a45;
  color: #fff;
  padding-left: 45px;
  line-height: 50px;
  font-weight: bold;
}

div#EmailForm form
{
  padding-left: 45px;
  margin-top: 36px;
  margin-bottom: 20px;
}

div#EmailForm form label
{
  display: block;
  color: #3b5b1c;
}

div#EmailForm form input,
div#EmailForm form textarea
{
  margin-bottom: 10px;
  margin-top: 3px;
  width: 276px;
  border: 1px solid #c6c6c6;
  border-top: 2px solid #7c7c7c;
}

div#EmailForm form textarea
{
  height: 95px;
  margin-bottom: 20px;
  display: block;
}

div#EmailForm form input.button
{
  display: inline;
  width: 54px;
  height: 26px;
  border: none;
  margin: 0;
}

div#EmailForm form span
{
  line-height: 23px;
  margin-left: 10px;
}

div#EmailForm span.req_fields
{
  padding-left: 45px;
}

div#ShortlistConfirmation
{
  display:none;
  position:fixed;
  _position:absolute; /* hack for internet explorer 6*/
  margin: 0 auto;
  width: 532px;
  border: 10px solid #3b5b1c;
  text-align: left;
  padding-bottom: 30px;
  color: #3b5b1c;
  z-index: 999;
  background-color: #fff;
}

div#ShortlistConfirmation div.header
{
  height: 57px;
  background-color: #749a45;
  color: #fff;
  padding-left: 45px;
  line-height: 50px;
  font-weight: bold;
}