#wrap {
width: 60em;
text-align: left;
margin: 0 auto;
}


#DetailsHeader {
display: block;
width: 60em;
min-height: 10em;
padding-bottom:0em;
}

#DetailsHeader:after {
content:".";
height:0;
visibility:hidden;
display:block;
clear:left;
}

#DetailsHeader .logo {
float: left;
padding-left:0px;
}

#DetailsHeader .company {
width:260px;
/*margin-top: 1.5em;*/
float: left;
padding-left:5px;
}

#DetailsHeader .company h1, h2 {
font-size: 1.4em;
}

div.company p {
	color: #00f;
}

#DetailsHeader .company h2 {
font-weight:normal;
}

#DetailsHeader .addr {
/*float: right;*/
text-align: right;
}
.addr p {
color: #00f;
}


.DetailsHeader .company strong {
font-weight: bold;
}

.DetailsHeader .company em {
color: #184B95;
font-weight: bold;
font-style: normal;
}

div.company p em {
	color: #00f;
}

div.company p, div.company h2 em {
	font-weight:normal;
}

/* hips charts */
div#hip-info h2 {
	line-height:1.6em;
}

div#hip-info .image-1 {
	float:left;
	margin-right:10px;
}

div#hip-info .image-2 {
	float:left;
}

div#hip-info:after {
	content:".";
	height:0;
	display:block;
	visibility:hidden;
	clear:both;
}


/* =====================  Errrr...  PROPERTY ADDRESS AND PRICE =============== */


#DetailsBar {
background-color: #00f;
margin: 1em 0 2em 0;
/*display: block;
height: 2.75em;
vertical-align: middle;*/
/*clear: left;*/
position:relative;
}

h2.DetailsPrice {
color: #ffffff;
/*float: right;*/
font-size: 1.5em;
font-weight: bold;
margin: 0.1em 0.2em 0 0;
margin-right:0.2em;
line-height: 1.5em;
text-align:right;
position:absolute;
top:0;
right:0;
}

h2.DetailsAddress {
color: #ffffff;
/*float: left;*/
font-size: 1.5em;
font-weight: bold;
margin: 0.1em 0 0 0.2em;
line-height: 1.5em;
/*width:75%;*/
text-align:left;
}



/* =====================  WHOLE CONTAINER FOR THE REST OF DETAILS =============== */

#DetailsContainer {
	clear:left;
}


/* ========================  THE MAIN AND THE THUMBNAIL IMAGES ===================== */

#DetailsImageCol {
width: 304px;
float: left;
margin: 0 1em 1em 0!important;
}

/*div#DetailsImageCol div#dtimg {
max-height:300px;
max-width: 300px;
border: 1px solid #666;
background-color: #ddd;
padding: 0.25em;
margin-bottom: 0.5em; 
}

div#DetailsImageCol div#dtimg img {
max-height:300px;
max-width: 300px;
border: 1px solid #666;
background-color: #ddd;
padding: 0.25em;
margin-bottom: 0.5em; 
}*/

div#DetailsImageCol div#dtimg {
height:204px;
width: 304px;
/*border: 1px solid #666;*/
background-color: #fff;
padding: 0;/*0.25em;*/
margin-bottom: 0.5em; 
}

div#DetailsImageCol div#dtimg img {
max-height:200px;
max-width: 300px;
border:solid 1px #666;
padding:2px;
}


/* =====================  THESE ARE THE THUMBNAIL IMAGES =============== */

ul#ImageList {
list-style-type: none;
}

ul#ImageList li {
display: inline;
margin: 0 0.18em 0 0;
_margin: 0 0.1em 0 0;
}

ul#ImageList li img {
height: 35px;
border: 1px solid #666;
background-color: #ddd;
padding: 0.2em;
}


/* ===============  THIS IS THE LIST OF HOUSE FEATURES =============== */

ul#DetailsBullets  {
float: left;
width: 27.5em;
margin-bottom: 1em;
}

ul#DetailsBullets li {
background-color: #eee;
/*line-height: 2em;*/
padding-left: 0.5em;
list-style-type: none;
margin: 0 0 0.5em 0;
font-size: 1.1em;
}


#DetailsContainer em {
font-size: 0.9em;
color: #999;
display: block;
}

.DetailsDescription p img {
margin: 0 1em 1em 0;
float: left;
width: 150px;
}

.mapCopyright {
font-size: 0.9em;
color: #999;
margin-top: 0.5em;
}

#DetailsTextCol h1 {
margin: 0em 0 0.5em 0;
padding: 0;
font-size: 1.5em;
}


.DetailsDescription h2 {
font-size: 1.25em;
clear: left;
margin: 1em 0 0.5em 0;
padding: 0em;
text-align:left;
}

.DetailsDescription p {
clear: left;
padding: 0em;
margin-bottom: 2em;
line-height: 1.5em;
}

p.paragraph {
	margin-bottom:2em!important;
	height:1%;
	/*float:left;*/
}

p.paragraph img {
	margin-bottom:0!important;
}

p.paragraph:after {
display:block;
content:".";
height:0;
visibility:hidden;
clear:both;
}

.smallimage {
clear:right;
}

.largeimage {
width: 100%;
max-width: 60em;
border: 0px;
}

body#details div.l-image-container {
float:left;
width:92em;
margin-left:-16em;
text-align:center;	
}

body#details img.largeimage {
width:auto;
max-width:92em;
}

.mapimage {
width: 100%;
max-width: 60em;
border: 0px;
}


/* ============= DISCLAIMERS AND FOOTER BITS ======================== */
.dt-disclaimer {
	text-align:center;	
}

.det_disclaimer {
margin: 6em 0 1em 0;
text-align: center;
font-style: italic;
font-size: 0.9em;
clear: both;
}

/*.details_bottom img {
border: none;
}

p.image1 img, p.image2 img {
border: 0;
}

p.image1 {
float: left;
margin: 0;
}

p.image2 {
float: right;
margin: 0;
}*/

p.footnote {
text-align: center;
font-size: 1em;
}






/* ===============  THIS IS THE LIST OF BUTTONS/LINKS  =============== */


ul#ButtonsList {
	margin: 10px 0px;
}

ul#ButtonsList li {
list-style-type: none;
margin: 0px 0px 5px 0px;
height: 1.7em;
}

#DetailsImageCol ul#ButtonsList li a {
padding: 2px 4px 6px 18px;
color: #000000;
}

#DetailsImageCol ul#ButtonsList li a:Hover {
text-decoration: none;
color: #00f;
}

li.DetailsMapLink a {
background-image: url(/details/images/buttons/map.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
overflow: visible;
font-size : 120%;
}

li.DetailsPlanLink a {
background-image: url(/details/images/buttons/plan.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
overflow: visible;
font-size : 120%;
}

li.Details360Link a {
background-image: url(/details/images/buttons/360.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
overflow: visible;
font-size : 120%;
}

li.DetailsPdfLink a {
background-image: url(/details/images/buttons/pdf.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
overflow: visible;
font-size : 120%;
}

li.DetailsIpixLink a {
background-image: url(/details/images/buttons/360.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
overflow: visible;
font-size : 120%;
}

li.DetailsEhouseLink a {
background-image: url(/details/images/buttons/360.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
overflow: visible;
font-size : 120%;
}

li.DetailsCustomLink a {
background-image: url(/details/images/buttons/custom.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
overflow: visible;
font-size : 120%;
}


/* ===============  THIS IS THE LIST OF BUTTONS/LINKS  =============== */

.DetailsDimensions {
line-height: 1.5em;
margin: 0;
padding: 0;
}

.DetailsDimensions li {
color: #000;
list-style-type: none;
display: block;
background-color: #eee;
margin: 0.5em 0 0.5em 0;
padding: 0 0 0 0.2em;
width: 100px;
}


/* company branding */
/*  Set text colour for property description label eg. 2 bed apartment and Set default paragraph heading colour (para_head_FG) */
div.DetailsDescription h2, div.DetailsTextCol h1
{

color:#024731;;
}



/* Set address and company header text colours ( detail_T1_FG) */
div.company h1, 
div.addr p {

color:#024731!important;

}
/* Set telephone and email header text colours (detail_T2_FG) */
div.company h2, div.company p, div.company p em
{

color:#024731!important;
}



/* Sets colour for the address & price bar for details */
/* AND 360's (detail_bar_BG - NOTE - color: is detail_bar_FG) */
#DetailsBar, body#vtour div#address, body#vtour div#selectlist {
 background-color:#024731!important;
 color:#024731!important;
 }


/* Sets colour for text on the address & price bar (detail_bar_FG) */
body #DetailsBar * {	

	color:#FFFFFF!important; 

}

/* Solex specific styling */
/* Required for all Solex details to alter position of paragraph images for agents own sites */
.DetailsDescription p img {
	margin: 0 0 1em 1em;
	float: right!important;
	width: 300px;
}
.DetailsDescription h2 {
	clear:both;
}
/* Sets font weight of 'Tel' and 'Email' labels on agents address */
div.company p, div.company h2 em {
	font-weight:normal!important;
}