/* =styles when js's switched off
************************************************************************/


/* =styles when js's active 
************************************************************************/
.tabberlive .tabbertabhide {
	display:none;
	}
.tabberlive{
	margin-top:0px;
	height:500px;
	min-height:500px;
	}
body[class] .tabberlive{height:auto;}	
	.tabberlive .tabbertab h3{	
		display:none;
		}

/* list styles */
ul.tabbernav{
	background: #000507 url(../images/branding/Bg-bottom-border-avail.gif) repeat-x bottom left;
	display:block;
	float:left;
	width:665px;
	}
	ul.tabbernav li{
		list-style: none;
		display:block;
		float: left;
		}
		ul.tabbernav li a{
			background: #000507;
			color: #909090;
			display:block;
			float:left;
			font-size:1.4em;
			padding: 11px 22px 7px 20px;
			text-decoration:none;
			}	
		ul.tabbernav li.tabberactive a,
		ul.tabbernav li a:hover{
			color:#fff !important;
			}
		ul.tabbernav li a:hover{cursor: pointer;}
		ul.tabbernav li.tabberactive a{
			border:1px solid #575656;
			border-bottom:0;
			cursor:default;
			padding:10px 21px 8px 19px;
			}	
/* availability tables styles */
.tabbertab{
	background:url(../images/branding/Bg-side-border-avail.gif) repeat-x left top;
	padding:0 1px;
	width:663px;
	}
table.availability,
table.availability-plot{
	border:0;
	clear:both;
	font-size:1.2em;
	padding:0;
	width:661px;
	margin:0 1px 20px;
	}
table.availability-plot{width: 560px;}
	.availability tr.header td,
	.availability-plot tr.header td{
			background:url(../images/branding/Bg-th-side-avail.png) #000507 no-repeat right bottom;
			color:#EC008C;
			font-weight:normal;
			padding:16px 0 11px;
			border:0 !important;
			position:relative;
			margin-right:-1px;
			text-align:left;
			font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
			}	
			.availability tr.header td.first{ padding-left:21px;}			
			.availability tr.header td.second{ padding-left:17px;}
			.availability tr.header td.third{ padding-left:29px;}
			.availability tr.header td.fourth{ padding-left:15px;}
			.availability tr.header td.fifth{ padding-left:16px;}
			.availability tr.header td.sixth{ padding-left:10px;}
			.availability tr.header td.seventh{ padding-left:28px;}
			.availability-plot tr.header td.first, .availability-plot tr td.first{ padding-left:16px!important; text-align:left;}
			.availability-plot tr.header td.second, .availability-plot tr td.second{ padding-left:25px!important; text-align:left;}
			.availability-plot tr.header td.third, .availability-plot tr td.third{ padding-left:24px!important; text-align:left;}
			.availability-plot tr.header td.fourth{ padding-left:15px;}
			.availability-plot tr.header td.fifth{ padding-left:16px;}
	
.availability tr,
.availability-plot tr{background: #000507;}	
	.availability tr td,
	.availability-plot tr td{
		border-right:1px solid #333232;
		text-align:center;
		padding:18px 0 6px;
		}
	.availability tr td.alignLeft,
	.availability-plot tr td.alignLeft{ 
		text-align:left;
		padding-left:20px;
		 }	
	.availability tr td.border-none,
	.availability tr.last td.border-none,
	.availability-plot tr td.border-none,
	.availability-plot tr.last td.border-none{
		border-right:0;
		} 	
	.availability tr.last td,
	.availability-plot tr.last td{
		background:url(../images/branding/Bg-td-side-avail.gif) no-repeat top right;
		border-right:none;
		height:50px;
		}
/* plor details availability */
.enquire-inner{width:560px;}	
div.enquire-inner input.submit{
	background:#EC008C;
	border:0;
	color:#fff;
	cursor:pointer;
	display:block;
	float:right;
	font-weight:bold;
	padding:7px 0;
	text-align:center;
	width:63px;	
	}
			
/* availability key */
ul.availability-key{
	background:url(../images/building/ul.gif) bottom repeat-x;
	display:block;
	padding:7px 0;
	font-size:1.1em;
	float:left;
	margin:14px 1px 18px;
	width:661px;
	}
	ul.availability-key li{
		letter-spacing:0.02em;
		list-style-position:inside;
		list-style:none;
		margin:0 13px 0 22px;
		float:left;
		}
		ul.availability-key li.available,
		ul.availability-key li.reserved,
		ul.availability-key li.sold,
		ul.availability-key li.unreleased{
			padding:2px 0 4px 30px;
			}
		ul.availability-key li.available{ background:url(../images/building/BGa.png) no-repeat;}
		ul.availability-key li.reserved{background:url(../images/building/Bgr.png) no-repeat;} 
		ul.availability-key li.sold{ background:url(../images/building/Bgs.png) no-repeat;}
		ul.availability-key li.unreleased{ background:url(../images/building/Bgu.png) no-repeat;}