/* Details
---------- */

/* Icons
-------- */
#detail .icons {
/* Structure */
float: right;
margin: 6px 0 0 0;
}
#detail .icons p {
color: #dba979;
/* Structure */
display: inline;
}
#detail .icons p img {
/* Structure */
margin: 0 10px 0 4px;
}



/* Main Content
-------------- */
#detail h1 {
font-size:1em;
color:#000;
}

#detail h2.colHeading{
text-transform: uppercase;
font-size:1.2em;
/* Structure */
margin: 0 0 15px 0;
}

#detail h2.address {
font-size:1em;
}

#detail #mainContent{
padding-top:20px;
width:auto;
padding-bottom:20px;
float:none;
border-bottom:1px solid #000;
overflow:hidden;
}

#detail #subContent {
padding-top:20px;
clear:both;
width:auto;
float:none;
}

#detail #detailsCol1 {
float:left;
width: 30%;
margin-right:2%;
}

#detail #detailsCol2{
float: left;
width: 28%;
margin-right: 2%;
}
#detail #detailsCol3{
/* Structure */
float: left;
width: 15%;
margin-right: 2%;
}

#detail #usefultools {
float:right;
background: #fff;
/* Structure */
width: 170px;
float:right;
}

#detail #detailsCol2 h2.address {
color:#000;
}

/* agent stuffs */
#detail #agentDetails h2 {
/* Structure */
margin-top: 0px;
}
#detail #agentDetails dl {
/* Structure */
margin: 0 0 10px 0;
}


#detail #detailsCol2 ul {
list-style-position: outside;
list-style: none;
margin: 0 0 10px 0;
}

/* Useful Links
--------------- */

#detail #usefultools h3 {
color: #999;
/* Structure */
margin: 13px;
}

#detail #usefultools ul {margin:0;}

#detail #usefultools ul li {
/* Structure */
margin: 0 0 5px 0;
}

#detail #usefultools ul li a {
text-decoration: none;
color: #999;
line-height:16px;
}

#toolsList li{
background-repeat:no-repeat;
background-position: left middle;
line-height:16px;
list-style-type:none;
padding-left:20px;
}

/* useful tools images */
.toolSaveProperty {background-image:url(/_lib/professional/gunning/img/icon_save.gif);}
.toolFloorplans{background-image:url(/_lib/professional/gunning/img/icon_floorplans.gif);}
.toolAttachment{background-image:url(/_lib/professional/gunning/img/icon_floorplans.gif);}
.toolPrint{background-image:url(/_lib/professional/gunning/img/icon_print.gif);}
.toolVirtualTour{background-image:url(/_lib/professional/gunning/img/icon_tour.gif);}
.toolLink{background-image:url(/_lib/professional/gunning/img/icon_tour.gif);}
.toolEmail{background-image:url(/_lib/professional/gunning/img/icon_email.gif);}
.toolMap{background-image:url(/_lib/professional/gunning/img/icon_map.gif);}




#detail ul#inspectionsList strong.inspectAppointment {
/* Structure */
margin-top: 10px;
display: block;
}

/* propertyTextualInfo  */

#detail #propertyTextualInfo {
float:left;
width:550px;
}

/* Images */
#detail #images {
/* Structure */
float: left;
width: 324px;
margin: 0 0 20px 0;
}

#detail #images ul {
/* Structure */
list-style: none;
margin: 0;
padding: 0;
}

#detail #images ul li {
/* Structure */
float: left;
margin: 3px 3px 0 0;
}

#detail #images img {
/* Structure */
display: block;
}
#detail #images .mainImageContainer {
width:303px;
}
#detail #images img#mainImage {
/* Structure */
width: 303px;
}


/* contact form stuff 
----------------------- */

#detail form#moreInfo {
/* Structure */
width: 303px;
padding: 10px 10px 10px 0;
margin: 5px 0;
float: left;
}
#detail form#moreInfo fieldset {
/* Structure */
margin: 0;
padding: 0;
border: none;
}
#detail form#moreInfo fieldset.left {
/* Structure */
width: 135px;
float: left;
}
#detail form#moreInfo fieldset.left label {
/* Structure */
margin: 0;
width: auto;
}
#detail form#moreInfo fieldset.left input {
/* Structure */
width: 133px;
}
#detail form#moreInfo fieldset.right {
/* Structure */
width: 155px;
float: right;
}

#detail form#moreInfo fieldset p {
	margin-bottom:5px;
	
}
#detail form#moreInfo fieldset.right textarea {
/* Structure */
width: 153px;
height: 150px;
margin: 15px 0 0 0;
}
#detail form#moreInfo fieldset.submit {
/* Structure */
clear:both;
}


/* Attached Properties
---------------------- */
#detail table {
width: 303px;
clear:left;
}
#detail table tr {
margin: 0 0 5px 0;
}
#detail table td {
vertical-align: top;
}
#detail table td.attachAddress {
width: 150px;
}
#detail table td.attachPrice {
width: 120px;
}
#detail table td.attachIcons p img {
/* Structure */
margin: 0 5px 0 2px;
vertical-align: middle;
clear: none;
}

/* ---- GOOGLE MAP / STREE VIEW ---- */
#googlemap,
#streetView {
border-bottom:1px solid #ccc;
}

#toggleButton a {
background-color:#dba979;
color:#666 !important;
display:block;
margin:10px auto;
padding:5px 15px;
text-align:center;
width:70px;
text-decoration:none;

}
#toggleButton a:hover {
background-color:#e5b07e;
}

#toggleButton a.backToGoogleMap {
/* Used for image replacement */
}