/* Details
---------- */
#detail h2.section {
color:#fff;
background-color: #3E3E3E;
/* Structure */
margin: 0 0 5px 0;
padding: 5px 12px; 
}
#detail .text {
background-color: #ffffff;
color:#666666;
/* Structure */
margin: 0 0 6px 0;
padding: 5px 12px; 
}
#detail .requestinfo {
background-color: #dadada;
}

#attachedProperties{
	padding:0!important;
}

#attachedProperties td{
	padding:5px 12px;
}

#attachedProperties a{
	color:#666;
	text-decoration:underline;
}

#attachedProperties a:hover{
	color:#888;
	text-decoration:none;
}

#attachedProperties tr{
	height:30px;
}

#attachedProperties .even{
	background:#eee;
}

#attachedPropertyIcons{
	margin-bottom:3px!important;
}


#attachedPropertyIcons img{
	vertical-align:bottom;
	padding: 0 2px;
}


/* Structure */
#detail .requestinfo h3{
color:#666666;
}
#detail .agentdetails {
background-color: #fff900;
/* Structure */
}
#detail .agentdetails h3{
color:#333333;
}
#detail h3 {
color:#fff;
/* Structure */
margin: 5px 0 15px 0;
}

/* Left Column
-------------- */
#detail #mainDetails {
/* Structure */
width: 501px;
}
#detail #mainDetails .icons {
/* Structure */
text-align: right;
float: right;
margin: 3px 10px 10px 0;
}
#detail #mainDetails .icons p {
color: #fff;
/* Structure */
display: inline;
margin: 0 5px 0 0;
}
#detail #mainDetails .icons p img {
/* Structure */
margin: 0 0 0 5px;
vertical-align: baseline;
}
#detail #mainDetails .leftCol {
float: left;
width: 130px;
margin: 0 5px 0 0;
}
#detail #mainDetails .leftCol .text {
padding-right: 6px;
}
#detail #mainDetails .leftCol dl {
margin: 0 0 10px 0;
color: #333333;
}
#detail #mainDetails .leftCol dl a {
color: #333333;
text-decoration: underline;
}
#detail #mainDetails .rightCol {
float: left;
width: 366px;
margin: 0;
}
#detail #mainDetails form#moreInfo fieldset {
/* Structure */
border: none;
padding: 0;
dispaly:block;
margin:0;
}
#detail #mainDetails form#moreInfo fieldset.left {
/* Structure */
float: left;
}
#detail #mainDetails form#moreInfo fieldset.left p {
margin: 0 0 5px 0;
}
#detail #mainDetails form#moreInfo fieldset.left label {
/* Structure */
width: 60px;
float: none;
margin:0;
}
#detail #mainDetails form#moreInfo fieldset.left label.required {
color: #666666;
}
#detail #mainDetails form#moreInfo fieldset.left input {
/* Structure */
width: 150px;
}
#detail #mainDetails form#moreInfo fieldset.right {
/* Structure */
float: right;
}
#detail #mainDetails form#moreInfo fieldset.right textarea {
/* Structure */
width: 170px;
height: 93px;
margin: 15px 0 0 0;
}
#detail #mainDetails form#moreInfo fieldset.submit {
/* Structure */
clear:both;
margin: 0;
}
#detail #mainDetails form#moreInfo fieldset.submit input.button {
background-image: url(/_lib/professional/004/img/btn_submit_detail.gif);
margin-right: -12px;
}
#detail #mainDetails form#moreInfo fieldset.submit p {
font-size: 0.9em;
}


/* Extra Details
---------------- */
#detail #extraDetails {
/* Structure */
float: right;
width: 412px;
}
#detail #extraDetails .text ul#overviewList,
#detail #extraDetails .text ul#featuresList,
#detail #extraDetails .text ul#outgoingsList,
#detail #extraDetails .text ul#inspectionsList {
/* Structure */
margin-left: 0;
list-style-position: outside;
list-style: none;
}
#detail #extraDetails .text ul#overviewList strong,
#detail #extraDetails .text ul#featuresList strong,
#detail #extraDetails .text ul#outgoingsList strong {
font-weight: normal;
}
#detail #extraDetails .text ul#inspectionsList strong.inspectAppointment {
margin-top: 10px;
display: block;
}
#detail #extraDetails .text ul#toolsList {
color: #666666;
/* Structure */
margin-left: 15px;
}
#detail #extraDetails .text ul#toolsList li {
/* Structure */
margin: 0 0 5px 0;
}
#detail #extraDetails .text ul#toolsList a {
color: #666666;
/* Structure */
text-decoration: none;
}
#detail #extraDetails .text ul#toolsList a:hover {
color: #666666;
text-decoration:underline;
}

/* Images
--------- */
img#mainimage {
width: 500px;
}
.slider-wrap {
margin: 8px 0;
position: relative;
width: 500px;
}
.csw {
width: 100%;
height: 105px;
background: #fff;
overflow: scroll
}
.csw .loading {
margin: 100px 0 200px 0;
text-align: center
}
.stripViewer {
position: relative;
overflow: hidden; 
margin: auto;
width: 420px;
height: 105px;
}
.stripViewer img {
margin: 0 7px 0 0;
width: 134px;
height: 101px;
}
.stripViewer .panelContainer {
position: relative;
left: 0; 
top: 0;
width: 100%;
list-style-type: none;
}
.stripViewer .panelContainer .panel {
float:left;
height: 100%;
position: relative;
width: 423px;
}
.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/004/img/btn_detail_left_arrow.gif) no-repeat center;
}
.stripNavR {
right:15px;
background: url(/_lib/professional/004/img/btn_detail_right_arrow.gif) no-repeat center;
}
.stripNavL a, .stripNavR a {
display: block;
height: 38px;
width: 19px;
}