@CHARSET "ISO-8859-1";

/* --------------------------        LAYOUT        -------------------------- */
body {
	margin: 0;
	overflow:hidden; /* remove scrollbars */
  text-align:center; 
  font-family: sans-serif;
}
div#container {
  margin: 0;
  width: 1280px;
  height: 720px;
}

div#mainbody {
	height:660px;  
}
	
div#content {
  margin-left: 18px;
  margin-right: 18px;
  padding-top: 10px;
  text-align:left;  
}

div#footer {
  height:60px;
}
 
div#footermenu {
  text-align:left;
}

#container {

}
	
h1 {
  padding-top: 28px;
  padding-right: 30px;
  margin-top: 0px;
  color:#E3E4E5;
  font-size:32px;
}	
	
#header {
	background: url('../images/h1_top_bg.jpg');
  height:100px;
  width: 1280px;
  margin-top: 0; 
  text-align:right; 
}	


/* --------------------------   2 panel pages   -------------------------- */

.two_panel_left {
  float:  left;
  width: 350px;
}

.two_panel_right {
  width:880px;
  float:right;
}

#googlemap {
  width:980px;
  height:640px;
}

/* -------------------------- NAVBAR MENU LINKS -------------------------- */

#nav_container {

}

#nav_container a , #nav_container span.nav_disabled {
  font-size:12px;
  font-weight:bold;
  float:left;
  width:98px;
  height:38px;
  
  color:#FFFFFF;
  font-weight:bold;
  text-decoration:none;

  margin-left:8px;
  margin-right:0px;
  padding-top:3px;
}

#nav_container a:hover { 
  text-decoration:underline;
}

.nav_prev,
.nav_next         
	{ background-color: #B71237; }  /* red */
.nav_prev:hover,
.nav_next:hover   
	{ background-color: #D33558; } /* red 40% */
	
.nav_disabled	
  { background-color: #CCCCCC; } /* Grey */
			
.nav_home       { background-color: #6E9934; }  
.nav_home:hover { background-color: #89BC45; }  

.nav_default        { background-color: #6E9934; }  /* green */
.nav_default:hover  { background-color: #89BC45; }  /* green 40% */

.nav_external       { background-color: #99492A; }   
.nav_external:hover { background-color: #C8623B; }  

.nav_current        { background-color: #662D91; }  /* purple */
.nav_current:hover  { background-color: #7E39B2; }  /* purple 40% */

/*
Other available colours:
#FEBE10   yellow  
#FEC93A   yellow 40%
#99492A   brown 
#C8623B   brown 40% 
#007C8B   cyan     
#00ACC1   cyan 40% 
#B71237   red 
#D33558   red 40%

*/


/* -------------------------- FORM STYLE  ------------------------ */

fieldset{
  background-color:#fff9e7;
  
  border-width:2px;
  border-style:solid;
  border-color:#7c5b47;
  
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#666666;
    
  margin:20px 0px 20px 0px;
  position:relative;
  display:block;
  padding: 0px 10px 10px 10px;
}

fieldset legend{ 
  background-color:#7c5b47;
  
  border-width:1px;
  border-style:solid;
  border-color:#7c5b47;

  color:#ffcc99;
  font-weight:bold;
  font-variant:small-caps;
  font-size:12px;
    
  padding:2px 5px;
  margin:0px 0px 10px 0px;
  position:relative;
  top: -12px;
}
   
fieldset legend img{
  padding:0px 5px 0px 5px;  
}

fieldset input {
  width: 60px;	
}

label{
  font-size:80%;
  
  display:block;
  float:left;
  text-align:right;
  margin:6px 5px 0px 0px;
}

fieldset.rentvsown {
  width:320px;
}

fieldset.rentvsown label {
  width:200px;
}

fieldset.postcodemap {
  width:220px;   
}

fieldset.postcodemap label {
  width:80px;   
}

fieldset.resortlocations {
  width:220px;   
}

fieldset.resortlocations label {
  width:80px;   
}

.button{
  background-color:#7c5b47;
  color: #FFFFFF;
  
  font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  
  margin-top: 10px;
  float:right;
  width: 100px;  
}


/* ------------------------- MAP LOGO CHECKBOXES ------------------------ */

.logo_check input {
	width:13px;
}

.logo_check img {
  width:150px;
  vertical-align:middle;
}

.logo_check {
	width: 180px;
  margin-top :30px;
  margin-bottom: 50px;
}

/* ------------------------- MAP MARKERS      ------------------------ */

.resort_marker {
  position:absolute; 
  height:16px; 
  width:12px; 
  background-repeat: no-repeat; 
}
  
  
/* ------------------------- RESORT LOCATION LIST   ------------------------ */

select#lResorts { 

}  
  
select#lResorts optgroup { 
  font-variant:small-caps;
  font-size:14px;
  text-decoration: none;
  font-style: normal;
}

select#lResorts option { 
  font-variant:small-caps;
  font-size:12px;
}  
  
select#lResorts optgroup.vrap { 
  background:#9999FF;
}  

.vrap { 
  background:#9999FF;
}  

/* ------------------------- RESORT LOCATION LIST   ------------------------ */

div.static_info {
  font-size:32px;
  margin-top: 50px;
  color:#707173;
  
}

div.static_info ul {
	margin-left: 50px;
}

div.static_info ul li {
  margin-top: 20px;
}

div.static_info p {
  font-size:26px;
}

div.static_info div.reference {
  font-size:10px;
}


/* ------------------------- GE RESORT BALLOON ------------------------ */

div.resortballoon h1 {
  padding-top: 0;
  margin-top: 0;	
  color: #0074BE;
  font-size:18px;
  font-weight:bold;
}



/* -------------------------    LINKS PAGE    ------------------------ */
.logo_link {
	width: 200px;
	text-align:center;
  margin-top: 20px;
  margin-bottom: 40px;
  
  margin-right: 24px;
  margin-left: 24px;
  float:left;
}
	
	
span.logo_link_label {
  display: block;
  margin-top: 0px;
}

.logo_link a {
  text-decoration: none;
  font-size:10px;
  color: #666666;
  font-weight: bold; 
}

.logo_link a:hover {
  color: #0074BE;
}

.logo_link img {
  border: 0;
  height:60px;
  width:200px;
}