@CHARSET "ISO-8859-1";

/* --------------------------        LAYOUT        -------------------------- */
body {
	margin: 0;
	overflow:hidden; /* remove scrollbars */
  font-family:Arial, Helvetica, Verdana, sans-serif;
   background-repeat: no-repeat;
}

div#container {
  margin: 0;
  width: 1280px;
  height: 720px;
  padding-left: 52px;
}

div#header {
  width:  1176px;
	height:  120px;
} 

ul { margin-top: 0px; }

div#content {
  width:  1176px;
  height:  532px;
}

div#footer {
	width: 1176px;
	height:  66px;
	position: absolute;
  top: 652px;
  left: 52px;
}

div#left_panel {
  height: 490px;
  width: 320px;
  position: absolute;
  top: 140px;
  left: 72px;
  color:#333333;
}

div#right_panel {
  height: 510px;
  width: 784px;
  position: absolute;
  top: 130px;
  left: 430px;
  color: #0085d1;
}

div#right_panel_complete {
  height: 530px;
  width: 806px;
  position: absolute;
  top: 123px;
  left: 422px;
}

div#full_panel {
  height: 490px;
  width: 1130px;
  position: absolute;
  top: 140px;
  left: 72px;
  color:#333333;
}



h1 {
  padding-top: 48px;
  padding-left: 24px;
  margin: 0px;
  color:#0083d4;
  font-size:32px;
  font-weight: normal;
  font-family: Gotham Book, Arial;
}	
	

.InfoText {
  font: 24px Gotham Book, Arial;
  color: #666666;
}


#nav_container {
  height: 37px;
}

img.nav_button {
  height: 37px;
  border: 1px;
  margin-right: -4px;
  margin-top: 4px;  
}

img.nav_forwardback_button {
  border: 0px;
}

#nav_arrows_container {
  position: absolute;
  top: 60px;
  left: 840px;
  width: 380px;
  text-align:right;
}

#left_panel {

}

.ChartContainer {
	height:510px; 
	width:786px; 
	overflow:none;
	bg-colour: #e2d1bd;
}

.smlChart {
	height:250px;
	width:392px;
	float: left;
}

/* --------------------- SPECIFIC PAGE STYLES --------------------- */

.overview {
  margin: 30px;
  margin-top: 60px;
  font-size:22px;
}

.overview ul {
  margin-top: 30px;
}
	
.overview li {
	margin-bottom: 35px;
}

.overview h2 {
  margin-top: 30px;
  font-weight: bold;
}



/* -------------------------- LEFT PANEL LISTS  ------------------------ */

div#left_panel h2 {
  font-size: 30px;
}

div#left_panel ul {
  margin-top: 20px;
  font-size: 20px;
}
  
div#left_panel li {
  margin-bottom: 30px;
}


div#left_panel .InfoTextFooter {
  font-size: 16px; 
}

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

fieldset{ 
  border-width:0;
  font-size:14px;
}

fieldset legend {
font-size:16px;  
  font-weight:bold;
  margin-top: 20px;
  margin-bottom: 20px;
}

input.textinput {
  width: 60px;  
  margin-bottom: 6px;
  border: 1px #0085d1 solid;
  width: 60px;  
}

.submitbutton {
  margin-top: 10px;
  float:right;
  margin-right: 20px;
}

label{
  font-size:12px; 
  display:block;
  float:left;
  text-align:right;
  position: relative;
  top: 2px;
  margin-right: 6px;
}

fieldset.rentvsown label {
  width:220px;
}

#results {
  border: 1px #0085d1 solid;
  background: #FFFFFF;
  height: 30px;
  padding: 10px;
}

fieldset.postcodemap label {
  width:120px;   
}

fieldset.resortlocations label {
  width:80px;   
}



/* -------------------------    LINKS PAGE    ------------------------ */
.logo_link {
  width: 200px;
  text-align:center;
  float:left;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 30px;
}

.logo_link a img {
  border: 10px white solid;
}

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


.chartlabel {
  font-size:14px;
  font-weight: bold;
  color: #666666;
  margin-top: 40px;
  margin-left: 20px;
}
	
	
/* -------------------------    LINKS PAGE    ------------------------ */

#resort_sel {
  font-size: 12px;
  border: 1px #999999 solid;	
}

#resort_sel option.associateresort {
  background-image:url('../images/ar.gif'); 
  background-repeat:no-repeat; 
  background-position:right 50%;
  color:#990000;
}
	
#resort_sel option.supersuperheading, 
#resort_sel option.superheading, 
#resort_sel option.heading, 
#resort_sel option.subheading,
#resort_sel option.subsubheading  {
  background-color:#E3E4E5;
  font-weight:bold;
}	

#resort_sel option.blue {
	color: #0000FF;
}

#resort_sel option.red {
	color: #FF0000;
}


#resort_sel option.grey {
	color: #333333;
}

#resort_sel option.yellow {
	color: #666600;
}

/* ------------------------- MAP MARKERS      ------------------------ */
.resort_marker {
  position:absolute; 
  height:8px; 
  width:8px; 
  background-repeat: no-repeat; 
}


/* ------------------------- OUR RESORTS PAGE     ------------------------ */

/* special version for Our Resorts page */
div#left_panel_ourresorts {
  height: 504px;
  width: 446px;
  position: absolute;
  top: 140px;
  left: 60px;
  padding:0px;
}

#resort_content {
  height: 530px;
  width: 805px;
  position: absolute;
  top: 123px;
  left: 421px;
}

#resort_content img {
  height: 530px;
  width: 805px;
}

div.resort_thumbnail {
  border: 1px #666666 solid;	
  width:170px;
  height:108px;
  margin: 0px;
  padding:0px;
  border: 1px #999999 solid;  
  cursor: pointer; cursor: hand;     
  float:left;
  
}

div#btn_return_to_map {
  height: 20px;
  width: 344px;
  border: 1px #999999 solid;
  background: #FFFFFF;   
  cursor: pointer; cursor: hand;   
  float:left;
  margin-top: 2px;
  text-align:center;
  font-size:14px;
  font-weight: bold;
  color:#666666;
}

div#btn_return_to_map:hover {
  border: 1px #0000FF solid;
}

div#btn_resort_video {
  height: 32px;
  width: 344px;
  border: 1px #999999 solid;
  background: #FFFFFF;   
  background-image: url('/images/videoicon.png');
  background-repeat:no-repeat;

  cursor: pointer; cursor: hand;   
  float:left;
  margin-top: 2px;
  margin-bottom: 2px;
  padding-top: 7px;
  text-align:center;
  font-size:14px;
  font-weight: bold;
  color:#666666;

}

div#btn_resort_video:hover {
  border: 1px #0000FF solid;
}


/* ---------------------- WORLDWIDE RESORTS PAGE     ---------------------- */

.wwresorts_legend {
  cursor: pointer; cursor: hand;
}

div.logo_check {
	vertical-align:middle;
  margin-bottom: 20px;
}	

div.logo_check input {
  float:left;
  clear:left;
  margin-right: 10px;
  position:relative;
}

div.marker_vrap {
	z-index: 500;
}

div.marker_assoc {
	z-index: 400;
}