/**
 * details.css
 * Details specific styles
 *
 * @author       Lewis Howles
 * @date         2010-07-08
 * @lastmodified 2010-07-08
 * @site         Reeds Rains Cream
 */

#showcase {
	clear:both;
	padding-top:8px;
	position:relative;
}

h1 {
	background:url(../images/black60.png);
	border:none;
	color:#fff;
	float:left;
	left:5px;
	line-height:normal;
	padding:0 3px;
	position:absolute;
	top:13px;
	width:653px;
}

#main-image {
	float:left;
	width:668px;
}

#main-image.iDevice {
	width:688px;
}

/* Sidebar */
#sidebar {
	float:right;
	font-size:10pt;
	height:510px;
	width:246px;
}

#sidebar.iDevice {
	width:226px;
}

#sub-images {
	height:258px;
	overflow-x:hidden;
	overflow-y:auto;
}

#sub-images.iDevice {
	height:auto;
	margin-left:-1px;
	overflow:visible;
	padding-top:2px;
	width:690px;
}

#sub-images li {
	display:inline;
	float:left;
	height:84px;
	margin:0 1px 2px;
}

#sub-images.iDevice li {
	margin:0 1px;
}

#sub-images img {
	cursor:pointer;
	height:84px;
}

#sidebar h2 {
	border-bottom:1px solid #dddbbe;
	font-size:13pt;
	margin:0 0 0 8px;
	padding:8px 0;
}

.status {
	color:#878349;
}

#price {
	border-bottom:1px solid #dddbbe;
	margin:0 0 0 8px;
	padding:8px 0;
}

#amenities {
	border-bottom:1px solid #dddbbe;
	margin-left:8px;
	padding:8px 0;
}
/* End Sidebar */

/* Buttons */
#buttons {
	margin-left:8px;
	padding:8px 0;
	width:180px;
}

#buttons li {
	float:left;
	margin:0 2px 2px 0;
	width:33px;
}

#viewing-button {
	background:url(../images/icon-viewing.jpg) no-repeat;
}

#floorplanbutton {
	background:url(../images/icon-floor-plan.jpg) no-repeat;
}

#audio-tour-button {
	background:url(../images/icon-audio-tour.jpg) no-repeat;
}

#map-button {
	background:url(../images/icon-map.jpg) no-repeat;
}

#pdfButton {
	background:url(../images/icon-more-details.jpg) no-repeat;
}

#favourite-button {
	background:url(../images/icon-favourite.jpg) no-repeat;
}

#street-view-button {
	background:url(../images/icon-street-view.jpg) no-repeat;
}

#epcs-button {
	background:url(../images/icon-epcs.jpg) no-repeat;
}

#broadband-button {
	background:url(../images/icon-broadband.jpg) no-repeat;
}

#room-dimensions-button {
	background:url(../images/icon-room-dimensions.jpg) no-repeat;
}


#sidebar .icon-description {
	clear:both;
	color:#00344a;
	display:none;
	float:left;
	font-size:8pt;
	margin:0 8px;
	padding:8px 0;
}

/* End Buttons */

h2.description {
	clear:both;
	font-size:13pt;
	padding-top:15px;
}

#description {
	color:#000;
	font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

/* Popups */
#popups {
	display:none;
}

#floor-plan {
	height:600px;
	text-align:center;
	width:800px
}

#floor-plan img {
	height:600px;
}

#arrange-viewing {
	height:730px;
	width:450px;
}

#arrange-viewing .styled {
	font-size:10pt;
}

#arrange-viewing label {
	width:210px;
}

#arrange-viewing .submit {
	margin-left:28.25em;
}

/* Easy Clearing Method */
#room-Dimensions li:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden;}
#room-Dimensions li{min-height:1px;}
* html #room-Dimensions li{height:1px;}

#room-Dimensions li {
	font-size:120%;
	list-style:none;
	padding:5px 0;
	margin:5px 0;
}

#room-Dimensions li:hover {
	background:#e9e8d8;
}

.room {
	display:block;
	float:left;
	font-style:italic;
	padding-left:5px;
	width:400px;
}

.dimension {
	float:left;
	width:300px;
}

#lnkStreetView {
	height:650px;
	width:700px;
}

#lnkStreetView object {
	height:600px;
	width:700px;
}