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

#detail h2.section {
color:#fff;
background-color: transparent;
/* Structure */
margin: 0 0 5px 0;
padding: 10px 12px; 
}
#detail .text {
background-color: transparent;
/* Structure */
margin: 0 0 0px 0;
padding: 5px 12px; 
}
#detail h3 {
color:#fff;
/* Structure */
margin: 0px 0 0px 0;
}

/* Top - Title and Icons */

#detail #detailTop{
margin-left:7px;
padding-top:23px;
}

#detail #detailTop h1{
width:700px;
padding-top:8px;
float:left;
}

#detail #detailTop .icons {
/* Structure */
width:auto;
float:right;
display:block;
margin: 0px 0px 0px 0;
}


#detail #detailTop .icons p {
color: #fff;
font-size:1em;
/* Structure */
display: inline;
margin: 0 5px 0 0;

}
#detail #detailTop .icons p img {
/* Structure */
margin: 0 0px 0 5px;
vertical-align: baseline;
}


/* Images Div 
-------------- */
#detail #images{
margin-left:10px;
}
#detail #imageDetails{
padding-bottom:10px;
clear:both;

}

/* Left Column
-------------- */
#detail #mainDetails {
/* Structure */
width: 535px;
float:left;


}
#detail #rightDetails{

width: 380px;
float:right;
}


/* Extra Details
---------------- */
#detail #extraDetails {
/* Structure */
float: right;

background-color:#216095;
padding:10px 0px 20px 0px;
margin:0px;
}

#detail #extraDetails #topExtra{
padding:5px 0px;
margin:0px;
}

#detail #extraDetails #topExtra .leftCol{
width:230px;
float:left;
padding-bottom:15px;
padding-left:10px;
}

#detail #extraDetails #topExtra .rightCol {
float: right;
width: 120px;
padding:0px 20px 0px 0px;
margin:0px;

}

#detail #bottomExtra{
clear:both;
border:0px;
background-color:#013F72;
padding-top:10px;
float: right;
width: 380px;
padding:15px 0px 20px 0px;
margin-top:3px;
}


#detail #extraDetails ul#overviewList,
#detail #mainDetails ul#featuresList,
#detail #mainDetails ul#outgoingsList,
#detail #extraDetails ul#inspectionsList {
/* Structure */
margin-left: 0;
list-style-position: outside;
list-style: none;
}
#detail #extraDetails ul#overviewList strong,
#detail #mainDetails ul#featuresList strong,
#detail #mainDetails ul#outgoingsList strong {
font-weight: normal;
}
#detail #extraDetails ul#inspectionsList strong.inspectAppointment {
margin-top: 10px;
display: block;
}

#detail #bottomExtra ul#toolsList {
clear:both;
color: #ffcf01;
/* Structure */
margin-left: 35px;

}

#detail #bottomExtra ul{
list-style:square;
}
#detail #bottomExtra ul#toolsList li {
/* Structure */
margin: 0 0 5px 0;
width:50%; float:left;

}
#detail #bottomExtra ul#toolsList a {
color: #fff;
/* Structure */
text-decoration: none;
}
#detail #bottomExtra ul#toolsList a:hover {
color: #ffcf01;
}


/* Images
--------- */
img#mainimage {

}
.slider-wrap {
margin: 8px 0;
position: relative;
width: 900px;
}
.csw {
width: 100%;
height: 180px;
background: #fff;
overflow: scroll
}
.csw .loading {
margin: 100px 0 200px 0;
text-align: center
}
.stripViewer {
position: relative;
overflow: hidden; 
margin: auto;
width: 820px;
height: 180px;
}
.stripViewer img {
margin: 0 1px 0 0;
height:180px;
}
.stripViewer .panelContainer {
position: relative;
left: 0; 
top: 0;
width: 100%;
list-style-type: none;
}
.stripViewer .panelContainer .panel {
float:left;
height: 100%;
position: relative;
width: 900px;
}
.stripViewer .panelContainer .panel .wrapper {
padding: 0px;
}
.stripNav {
margin: auto;
}
#content .stripNav ul {
list-style-position: outside;
list-style: none !important;
display: block;
margin: 0;
padding: 0;
}
.stripNav ul li {
float:left;
margin-right: 2px;
}
.stripNav a {
font-weight: bold;
text-align: center;
line-height: 32px;
background: #c6e3ff;
color: #000;
text-decoration: none;
display: block;
float:left;
padding: 0 5px;
display:none;
}
.stripNav li a:hover {
background: #333;
}
.stripNav li a.current {
background: #000;
color: #fff;
}
.stripNavL, .stripNavR {
position: absolute;
top: 30%;
text-indent: -9000em;
}
.stripNavL {
left: 10px;
background: url(/_lib/professional/bradfield_prichard/img/btn_detail_left_arrow.gif) no-repeat center;
}
.stripNavR {
right:15px;
background: url(/_lib/professional/bradfield_prichard/img/btn_detail_right_arrow.gif) no-repeat center;
}
.stripNavL a, .stripNavR a {
display: block;
height: 38px;
width: 19px;
}

/* ---- GOOGLE MAP / STREE VIEW ---- */
body #toggleButton a:link,
body #toggleButton a:visited {
margin: 0;
text-decoration: none;
padding: 1px 3px;
font-size: 0.9em;
color: #fff !important;
background-color: #666;
border-top: 1px solid #fff;
display: block;
font-weight: bold;
text-align: center;
}
body #toggleButton a:hover {
background-color: #333;
color: #fff;
}
body #toggleButton a.backToGoogleMap {
/* Used for image replacement */
}