@charset "UTF-8";

/****

cyan: #6ccff6;

****/

html body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	/* color: #ffffff; */
	color:#000;
	background-color: #FFF;
	margin: 0px;
	height: 100%;
	padding-top: 58px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	max-width:1450px;	
}


a {
	text-decoration:none;
	color:#666;
}

#container {
	height:572px;
	/*margin-top: 58px;*/
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;	
	padding:0px;
}

#right-mask {
	display:block;
	float:right;
	width:100%;
	text-align:right;
	height:2px;
	position:relative;
	top:-572px;
	z-index:101;
}

#curve {
	border-right:1px solid #fff;	
}

/*
#right-mask {
	display:block;
	float:right;
	width:200px;
	height:572px;
	position:absolute;
	right:0;
	z-index:101;
}
*/

a:active, a:focus, #nav:active, #nav:focus {
	outline: none;
}

#contact h2 {
	color:#fff;
	font-size: 20px;
	font-weight: normal;
	padding: 0;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	width:450px;
}

#panorama {
	float:left;
	height:572px;
	width:100%;
	/* background:red; */
	overflow:hidden;
	position:absolute;
	z-index: 14;
}

#mask {
	margin-top:0px !important;
	margin-top:58px;
	float:left;
	height:572px;
	width:100%;
	position:absolute;
	z-index: 30;
}

#content {
	width:810px;
	height:572px;
	float:left;
	position:absolute;
	z-index: 14;
	color:#000;

}

#slideshow {
	position:relative;
	padding-left:506px!important;
	padding-left:0px;
}

.picture{
	height:572px;
	float:left;
	width: 100%;
	overflow:hidden;
	background-color: #939598;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(media/loading.gif);
	position:absolute;
	z-index:14;
	text-align:left;	
}

h1, .title {
	height: 118px;
	width: 275px;
	color:#ffffff;
	font-size:20px;
	margin: 0px 0px 20px 0px;
	text-transform:uppercase;
	display:block;
	font-weight:normal;
}

.title-long{
	height: 118px;
	width: 575px;
	color:#ffffff;
	font-size:20px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.title-availability{
	height: 30px;
	width: 275px;
	color:#ffffff;
	font-size:20px;
	margin-bottom: 15px;
	text-transform:uppercase;
}

h2, .subtitle{
	color:#333333;
	width: 230px;
	font-size:13px;
	margin-bottom: 20px;
	text-transform:uppercase;
	font-weight:normal;
}


.subtitle-availability{
	color:#ffffff;
	height: 32px;
	width: 230px;
	font-size:11px;
	margin-bottom: 5px;
}


.text{
	color:#ffffff;
	width: 230px;
	font-size:11px;
}

.text a:hover{
	text-decoration:underline;
}

#nav {
	height:535px;
	width: 153px;
	background-color: #000000;	
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 37px;
	display:block;
	position:absolute;
	overflow:hidden;
	z-index: 15;
	left: 0;
	line-height: 13px!important;
	line-height: 9px;
	font-size:11px;
}


#nav a{
	text-decoration: none;
	display:block;
	color:#FFF;
	margin: 0;
	padding: 0;
	height: 13px;
	line-height: 13px;
	text-indent: 30px;
	font-weight:normal;
}

#nav a:hover, #nav a.selected{
	color: #ffffff;
	text-decoration: none;
	background-image:url(media/arrow-right.gif);
	background-repeat:no-repeat;
	background-position: 12px 2px;
}

#nav a.open{
	color: #ffffff;
	text-decoration: none;
	background-image:url(media/arrow-down.gif);
	background-repeat:no-repeat;
	background-position: 12px 2px;
}

#sub-location{ 
	display:block; 
	
	}

#sub-apartments, #sub-amenities, #sub-specification { 
	display:block;
	height:54px;
}

#sub-location a, #sub-apartments a, #sub-amenities a, #sub-specification a {
	color: #666;		
}

#sub-location a:hover, #sub-location a.selected, #sub-apartments a:hover, #sub-apartments a.selected, #sub-amenities a:hover, #sub-amenities a.selected, #sub-specification a:hover, #sub-specification a.selected{
	color: #6ccff6;
	background:none;	
}

#sub-sub-location a {
	color: #666;
	text-indent:44px;
}

#sub-sub-location a:hover, #sub-sub-location a.selected {
	background-image:url(media/tick.gif);
	background-position: 27px -2px;
	background-repeat:no-repeat;
}

.divider{
	clear:both;
	color: #EDEDED;
	overflow:hidden;
	width: 153px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #474344;
	margin-top: 2px;
	margin-bottom: 2px;
	height:0px;
}

#greybox {
	height:525px;
	width: 275px;
	float:left;
	display:block;
	padding-top: 47px;
	padding-left: 16px;
	padding-right: 16px;
	background-color: #939598;
	position:relative;
	margin-left:185px!important;
	margin-left: 92px;
	overflow:hidden;
}

#bluebar {
	height:572px;
	width: 14px;
	float:left;
	background-color: #6ccff6;
	display:block;
	position:relative;
	margin-left:0px;
	overflow:hidden;
	background-image: url(media/hide.gif);
	background-repeat: no-repeat;
	background-position: left -200px;
}

a#bluebar:hover {
	background-repeat: no-repeat;
	background-position: -1px bottom;
}



#bluebar2 {
	height:572px;
	width: 14px;
	float:left;
	background-color: #6ccff6;	
	display:block;
	position:relative;
	margin-left:185px !important;
	margin-left: 92px;
	overflow:hidden;
}

a#bluebar  {
	border:none;
}

#footer {
	height:40px;
	font-size:10px;
	color:#333333;
	padding-top: 12px;
	padding-left: 46px;
}


/*     register       */

#contact{
	background-image: url(media_panoramas/pano-contact.jpg);
	background-repeat: no-repeat;
	height: 572px;
	width: 1200px;
	position:absolute;
	overflow:hidden;
	float:left;
	margin-left:199px !important;
	margin-left:0px;
 }
 
#contact-text{
	height: 572px;
	width: 550px;
	position:relative;
	overflow:hidden;
	float:left;
	margin-left:20px;
	margin-top: 45px;
 }

#footercontact {
	height:100px;
	font-size:12px;
	color:#ffffff;
	padding-top: 10px;
	padding-left: 0px;
	position:absolute;
	top:470px;
}

#tickboxes {
	display: block;
	text-align: left;
	float:left;
	font-size:9px;
	margin-top:1px;
	width:600px;
	height: 3s0px;
	overflow:hidden;
}

#logokf {
	display: block;
	float:left;
	width:120px;
	height: 56px;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 10px;
}

#logosaffron {
	display: block;
	float:left;
	width:120px;
	height: 56px;
	margin-top: 10px;
}

#saffrontext {
	font-size: 10px!important;
	font-size: 9px;
	float:left;
	margin-left: 17px;
	margin-top: 17px;
}


#saffrontext a{
	color:#fff;
	text-decoration: none;
}

#saffrontext a:hover{
	color:#fff;
	text-decoration: underline;
}

#left{
	display: block;
	float:left;
	width: 280px;
	height: 190px;
	margin-top: 90px;
}

#right{
	display: block;
	float:left;
	width: 270px;
	height: 190px;
	margin-top: 90px;
}

form {
	text-align:left;
	margin:0px;
}

#type{
	display: block;
	float:left;
	width: 195px;
	height: 20px;
	line-height:20px;
} 

#suite{
	display: block;
	float:left;
	width: 26px;
	height: 20px;
	line-height:20px;
	margin-left: 14px;
}

#formSuite {
	margin-left:0px;
	height:17px;
	width:17px;
	margin-right: 20px;
}

#onebed{
	display: block;
	float:left;
	width: 69px;
	height: 20px;
	line-height:20px;
}

#formOneBedroom {
	margin-left:0px;
	height:17px;
	width:17px;
	margin-right: 20px;
}

#twobed{
	display: block;
	float:left;
	width: 69px;
	height: 20px;
	line-height:20px;
}

#formTwoBedroom {
	margin-left:0px;
	height:17px;
	width:17px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

#formMarketing {
	margin-left:0px;
	height:17px;
	width:17px;
	line-height: 17px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

#marketingtick {
	font-size: 9px;
	display: block;
	float:left;
	margin-right:10px;
}

#marketing {
	font-size: 9px;
	display: block;
	width:350px;
	height: 50px;
	margin-top: 5px;
}

#form-contact { 
	color:#fff;
}

.Label {
	font-size:11px;
	width:84px;
	margin-bottom:20px;
	height:17px;
	line-height:17px;
	display:block;
	float:left;
	color:#fff;
}

input {
	height:17px;
	width:170px;
	color:#FFFFFF;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	float:left;
	background-color: transparent;
}

#formSubmit {
	font-size:0px;
	color:#3f3e40;
	height:16px;
	width:80px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 17px;
	margin-top: 3px;
	cursor:pointer;
	border: none;
	font-weight: bold;
	background-image: url(media/send-btn.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 3000px;
	overflow:hidden;
	float: right;
	padding: 0px;
}

#formSubmit:Hover {
	color:#3f3e40;
	background-position: 0px -16px;
}

#error {
	margin-left:185px;
	padding:30px;
	font-size:20px;
	font-weight:bold;
	color:#000;
}

/** Google Maps **/

#map_canvas{
	height: 572px;
	width: 810px;
	position:absolute;
	overflow:hidden;
	float:left;
	margin-left:0px;
	background-color: #939598;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(media/loading.gif);
 }
 
/** local area **/ 


#thumbnails{
	height: 80px;
	width: 275px;
	overflow: hidden;
	top:500px;
	position:absolute;
}

#thumbmenu {
	
	width:2000px;	
}

a.thumbs img{
	border:none;
}

a.thumbs{
	height: 54px;
	width: 53px;
	margin: 1px;
	overflow:hidden;
	background-position:center center;
	background-color: #929496;
	float:left;
	border:none;
}

a.thumbs:hover{
	margin: 0px;
	border:1px solid #6ccff6;
}


  div.slider { width:275px; margin:10px 0; height:1px;  border-bottom:1px solid #FFF; position: absolute; top:470px; left:16px; }
  div.slider div.handle { width:40px; height:10px; margin-top:-4px; background-color:#6ccff6; border:1px solid #6ccff6; cursor:move; position: absolute; }

  div#zoom_element { width:50px; height:50px; background:#2d86bd; position:relative; }
  
  

/** transport **/ 


.transport-line{
	color:#FFFFFF;
	height: 17px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;	
	line-height: 17px;
}

.transport-left{
	float: left;
	text-align:left;
	width: 130px;
}

.transport-logo{
	float: left;
	text-align:right;
	width: 100px;
}

.transport-right{
	float: left;
	text-align:right;
	width: 45px;
}

#legend{
	width: 275px;
	overflow: hidden;
	margin-top: 20px;
	color:#000000;
	font-size:9px;
}

.legend-left{
	height: 15px;
	float: left;
	text-align:left;
	width: 83px;
}

.legend-right{
	height: 15px;
	float: left;
	text-align:left;
	width: 100px;
}

/** specification **/ 

#spec{
	height: 525px;
	width: 1200px;
	position:absolute;
	overflow:hidden;
	float:left;
	margin-left:199px !important;
	margin-left:0px;
	background-color: #939598;
	display:block;
	padding-top: 47px;
	padding-left: 16px;
	padding-right: 16px;
 }
 
#spec-text{
	height: 572px;
	position:relative;
	overflow:hidden;
	float:left;
	color: #000000;
	font-size: 10px;
 }

.spec-column{
	height: 370px;
	width: 180px;
	position:relative;
	overflow:hidden;
	float:left;
	margin-right:10px;
	margin-top: 0px;
 }

.spec-title{
	color: #ffffff;
}

#spec p{
	margin: 0px 0px 8px 0px;
}


/** apartments **/ 


.apart-line{
	color:#FFFFFF;
	height: 17px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;	
	line-height: 17px;
	padding-left: 13px;
	font-weight: bold;
}


a.apart-link{
	color:#FFFFFF;
	height: 17px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;	
	line-height: 17px;
	padding-left: 13px;
	display:block;
	background-image:url(media/arrow-right-small.gif);
	background-repeat:no-repeat;
	background-position: -5000px 3px;
	overflow:hidden;
}

a.apart-link-selected{
	color:#FFFFFF;
	height: 17px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;	
	line-height: 17px;
	padding-left: 13px;
	display:block;
	background-image:url(media/arrow-right-small.gif);
	background-repeat:no-repeat;
	overflow:hidden;
	background-position: 0px 3px;
}

a.apart-link:hover{
	background-position: 0px 3px;
	color:#6ccff6;
}

.apart-1{
	float: left;
	text-align:left;
	width: 38px;
	overflow:hidden;
	display:block;
}

.apart-2{
	float: left;
	text-align:left;
	width: 25px;
	overflow:hidden;
	display:block;
}

.apart-3{
	float: left;
	text-align:left;
	width: 36px;
	overflow:hidden;
	display:block;
}

.apart-4{
	float: left;
	text-align:left;
	width: 45px;
	overflow:hidden;
	display:block;
}

.apart-5{
	float: left;
	text-align:left;
	width: 56px;
	overflow:hidden;
	display:block;
}

.apart-6{
	float: left;
	text-align:right;
	width: 60px;
	overflow:hidden;
	display:block;
}


.size_label {
	font-style: oblique;
	clear:right;
	font-size: 8px;
}
.details{
	color:#000000;
	position:absolute;
	z-index: 100;
	width: 270px;
	height: 145px;
	top: 54px;
	left: 20px;
}

.details-line{
	height: 17px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;	
	line-height: 17px;
}

.details-1{
	float: left;
	text-align:left;
	width: 98px;
}

.details-2{
	float: left;
	text-align:left;
	width: 95px;
}

.details-3{
	float: left;
	text-align:left;
	width: 77px;
}

/*** News *****/

.news-text{
	border-top:1px solid #FFF;
	padding-top:3px;
	color:#ffffff;
	font-size:11px;
	margin-bottom:20px;
}

.news-text p{
	margin:0px 0px 6px 0px;
}
#news-nav {
	position:absolute;
	top:550px;
	color:#FFF;
}

#news-nav a:Link, #news-nav a:Visited {
	color:#FFF;
}


#news {
	position:absolute;
	top:187px;
	width:275px;
}

#tudorvale {
	margin-left:20px;
	margin-top:25px;
	
}