/*
		Purpose:	Particulars, Style Sheet
		Site:		www.
		Author:		Mark Rowlands, (c) Fusion Advertising & Design Ltd 2006
		Version:	0.01 (13th February 2006)
		
		Changes:
			0.01	MR	13/09/2003	Initial development
	
*/ 

/* main particulars tags on all pages 
-----------------------------------------*/
.particulars {  }

.line { background-image:url(../images/line.gif); background-repeat:no-repeat; background-position:bottom left;  clear:both; }


.particulars .column { width:216px; float:left;}
.particulars .columnRight { width:273px; float:right;}
.particulars .spanTwo { width:465px; float:left; margin:0px; padding:0px;}
.particulars .spanThree { width:774px; padding:0px; margin:0px; float:left;}

.particulars .columnOne { width:611px; float:left; padding:0px;}
	.particulars .columnOne .more_transport { padding:0px 0px 0px 16px; margin:0px 0px 10px 0px; display:block; }
.particulars .columnTwo { width:148px; padding:0px 0px 0px 10px; float:left;}

.particulars .columnOneMap { width:551px; float:left; padding:0px 15px 0px 0px;}
.particulars .columnTwoMap { width:208px; float:left; }


.particulars .photoColumn { width:469px; margin:10px 0px 10px 0px; padding:0px 0px 0px 16px; float:left;}
.particulars .detailColumn { width:288px; padding:15px 0px 0px 0px; float:left;}

.particulars .detailColumn .overview { padding:0px 19px 0px 0px;}

.particulars .particularsContainer { padding:0px; margin:0px; }

/* Property Header  */
.particulars .particularsTitle { padding:0; font-size:1em; margin:0 10px 0 10px; color: #6E7160; font-weight: normal; }
.particulars #headerRow { float:left; width:738px; height:96px; padding:18px 19px 0px 16px;   background-image:url(../images/bg_particulars.gif); background-position:0 0; background-repeat:repeat-x;  }
.particulars .particularsStreet { padding:0; margin:5px 0px 0px 0px; font-size:2.1em; color:#000000; text-align:left; width:447px; float:left; text-transform:uppercase;  }
.particulars .particularsBedrooms { font-size:1.2em; margin:5px 0px 0px 0px;  color:#606060; width:216px; float:left;}
.particulars .particularsPrice { font-size:2.5em;  color:#ffc301; margin:1px 0px 0px; text-align:right;}
.particulars .particularsPrice embed { width:283px !important; }
.particulars .divisionTag { margin:20px 0 0 0; }
.particulars .particularsTenure { text-align:right; text-transform:uppercase;  font-size:1em; color:#888888; }

/* More Details, Buttons / Tabs for accessing more property information */
#moreDetail ul { clear:both; margin:0px 0px 0px 16px; padding:0px; height:27px;  width:737px; background-image:url(../images/more_nav_bg.gif); background-repeat:repeat-x; background-position: 0 0;  }
#moreDetail li { height:27px; list-style:none; padding:0px ; margin:0px 4px 0px 0px; float:left; background-image:none;  }
#moreDetail li a { height:27px; display:block;  margin:0px 0px 0px 0px; background-position:0 0px;}
#moreDetail li a:hover { background-position:0 -27px; }
#moreDetail li a.active { background-position:0 -27px; }
/*#moreDetail li a.active:hover { background-position:0 0; }
#moreDetail li a.unavailable { background-position:0 0; }
*/
#moreDetail .fulldetails a { background-image:url(../images/more_overview.gif); width:71px; }
#moreDetail .gallery a { background-image:url(../images/more_gallery.gif); width:60px; }
#moreDetail .floorplan a { background-image:url(../images/more_floorplan.gif); width:88px; }
#moreDetail .location a { background-image:url(../images/more_map.gif);width:69px; }
#moreDetail .transport a { background-image:url(../images/more_transport.gif); width:81px;}
#moreDetail .printable a { background-image:url(../images/more_print.gif); width:83px;}
#moreDetail .hip a { background-image:url(../images/more_hips.gif); width:37px;}
#moreDetail .schools a { background-image:url(../images/more_schools.gif); width:68px;}
#moreDetail .epc a { background-image:url(../images/more_epc.gif); width:41px;}

#local-nav { margin-top:0; padding:16px 0 10px 16px; width:595px;  }
#local-nav a { padding:0 5px 0 0; color:#000000; text-decoration:none;}
#local-nav a:hover { color:#000000; text-decoration:underline;}
#local-nav .sectionLabel { font-size:1.4em; padding:0 0 0 0; margin:0 0 2px 0; }

#local-nav .slideshow { display:block; background-image:url(../images/ico_slideshow.gif); background-position:0 2px; background-repeat:no-repeat; padding:0px 0px 0px 10px; }

#local-nav a.formButton { color:#FFFFFF; padding:0px 10px 0px 0px;}
#local-nav a.formButton:hover { color:#FFFFFF;}



#local-navSlide { margin-top:0; padding:16px 0 20px 16px; height:37px; width:583px;  }
#local-navSlide a { padding:0 5px 0 0; color:#000000; text-decoration:none;}
#local-navSlide a:hover { color:#000000; text-decoration:underline;}
#local-navSlide .sectionLabel { font-size:1.4em; padding:0 0 0 0; margin:0 0 2px 0; }

#local-navSlide .navColumnLeft { float:left; text-align:left;}
#local-navSlide .navColumnLeft ul { float:left; height:20px;}
#local-navSlide .navColumnLeft ul li { list-style:none; background-image:none; float:left; padding:0px; margin:0px; }
#local-navSlide .navColumnLeft ul li a { padding:0px; margin:0px;}
#local-navSlide .navColumnLeft ul li a.pause { display:block; border-right:1px solid #cccccc; padding:0px 5px 0px 12px; background-image:url(../images/ico_slideshow_pause.gif);  background-position:0 3px; background-repeat:no-repeat;}
#local-navSlide .navColumnLeft ul li a.play { display:block; border-right:1px solid #cccccc; padding:0px 5px 0px 7px; background-image:url(../images/ico_slideshow_play.gif); background-position:0 3px; background-repeat:no-repeat;}
#local-navSlide .navColumnLeft ul li.thumb { background-image:url(../images/ico_slideshow_thumb.gif); background-position:5px 4px; background-repeat:no-repeat; padding:0px 0px 0px 18px;}

#local-navSlide .navColumnRight { float:right; text-align:right;}
#local-navSlide .navColumnRight ul { float:left;}
#local-navSlide .navColumnRight ul li { list-style:none; background-image:none; float:left; padding:0px; margin:0px; }
#local-navSlide .navColumnRight ul li.next { background-image:url(../images/ico_slideshow_next.gif); background-position:32px 2px; background-repeat:no-repeat; padding:0px 11px 0px 5px;}
#local-navSlide .navColumnRight ul li.last { background-image:url(../images/ico_slideshow_last.gif); background-position:0 2px; background-repeat:no-repeat; border-right:1px solid #cccccc; padding:0px 0px 0px 18px;}

#particularsDetailsContainer { padding:0px; margin:0px 0px 5px 0px; height:51px;  width:303px; }
#particularsDetails  {  color:#58595B; height:63px; margin:0px; padding:0px; width:257px; }
#particularsDetails ul { clear:both; }
#particularsDetails li { display:block; float:left; padding:0px 24px 0px 0px; list-style:none; list-style-image:none; background-position:0 0; background-image:none; background-repeat:no-repeat; height:50px;  list-style-type:none;  margin:0px;}
#particularsDetails li div { background-repeat:no-repeat;}

#particularsDetails li.bedrooms div { background-image:url(../images/ico_bedroom.gif); width:31px; height:30px; text-align:center; padding:33px 0px 0px 0px; margin:0px ;  }
#particularsDetails li.reception div { background-image:url(/resources/images/ico_reception.gif); width:28px; height:30px; text-align:center; padding:33px 0px 0px 0px; margin:0px; background-position:-3px 2px;  }
#particularsDetails li.bathrooms div { background-image:url(../images/ico_bathroom.gif); width:32px; height:30px; text-align:center; padding: 33px 0px 0px 0px; margin:0px ; background-position: 0px 1px;  }
#particularsDetails li.garage div { background-image:url(/resources/images/ico_car.gif); background-position:0px 0; width:33px; height:30px; text-align:center; padding:33px 0px 0px 0px; margin:0px ; background-position:-1px 2px; }
#particularsDetails li.garden div { background-image:url(/resources/images/ico_garden.gif); width:33px; height:33px; text-align:center; padding:33px 0px 0px 0px; margin:0px 0px 0px 0px; background-position: -1px -1px;  }
#particularsDetails .none { padding:0px;}

#navOptionsContainer { position:absolute; top:0px; right:0px; text-align:right; width:460px;}
.navOptions { position:relative;   height:20px;  margin:0px; }

#navResults ul.viewByPhoto li.previousRecord a { background-image:url(/resources/images/bulletpoint_nav.gif); width:53px; text-align:riught; }
#navResults ul.viewByPhoto li.nextRecord a { background-image:url(/resources/images/bulletpoint_nav2.gif); width:62px; text-align:left; }
#navResults ul.viewByPhoto li a.active { background-position:0 -56px; } 
#navResults ul.viewBy {  padding:4px 0px 0px 0px;  text-align:right;  margin:0px; float:right; width:100%;     }
#navResults ul.viewBy li { margin:0px 3px 0px 3px; padding:0; list-style:none; background-image:none; float:right; font-weight:normal; font-size:0.9em; line-height:0.9em;   }
#navResults ul.viewBy li a { text-decoration:none; color:#626262; display:block; height:10px; background-repeat:no-repeat; }
#navResults ul.viewBy li a:hover { text-decoration:underline; background-position:0 0; color:#626262;}

#navResults ul.viewBy li.backToList a { font-weight:normal; width:52px; padding:0px 6px 0px 0px; margin:0px; text-align:right;  border-right: 1px solid #000000; }
#navResults ul.viewBy li.previousRecord a { background-image:url(../images/bg_nav_options_left.gif); width:92px; text-align:right; border-right:1px solid #000000; padding:0px 6px 0px 0px;}
#navResults ul.viewBy li.nextRecord a { background-image:url(../images/bg_nav_options.gif); background-position:67px 0px; width:68px; text-align:left; padding:0px 9px 0px 0px;  }
#navResults ul.viewBy li.nextRecord { margin:0px 0px 0px 3px;}
#navResults ul.viewBy li.nextRecord a:hover { background-position:67px 0px; }
#navResults ul.viewBy li a.active { background-position:0 -56px; }

/* tags for the who to call section */
div.branchTel { clear:both; background-image:url(/resources/images/branch_tel_bg.gif); background-repeat:no-repeat; background-position:0 0; height:46px; }
div.branchTel p { font-size:1.7em; padding:12px; }

/* Interested, Used on 'Overview' Page */
#interested { float:left; margin:19px 0px 0px 0px; width:269px;  height:101px; border-bottom:1px solid #cccccc;    }
#interested .particularsSubTitle { font-size:1.8em; margin-left:23px; }
#interested p.branchTel { font-size:2em; float:left; width:242px;  margin:0px 0px 0px 0px; padding:0px; }
#interested p.branch { color:#696969; font-size:1.1em; float:left; width:242px;  }
#interested p a { color:#696969; text-decoration:none;}
#interested p a:hover { color:#96BF0D; text-decoration:underline;}
#interested p.branchTel .propertyReference { font-size:0.6em;  }
#interested ul.intrestedList { padding:0px 0px 0px 0px;  float:left; height:29px; margin:14px 0px 17px 0px; }
#interested li { margin:0px 4px 4px 0px; padding:0; list-style:none; background-image:none; float:left; ;}
#interested li.none { margin:0px 0px 4px 0px;}
#interested li a { display:block; height:29px;  background-position:0 0; width:132px;  }
#interested li a:hover { background-position:0 -29px;}
#interested li.callme a { background-image:url(../images/but_call_me.gif); }
#interested li.viewing a { background-image:url(/resources/images/but_arrange_viewing.gif);  }
#interested li.shortlist a { background-image:url(/resources/images/but_favourites.gif);   }
#interested li.shortlistRemove a { background-image:url(/resources/images/but_remove_shortlist.gif);  }
#interested li.email a { background-image:url(/resources/images/but_email_friend.gif);  }
#interested li.email { margin:0px;}


/* Interested small, Used everywhere other than the 'Overview' Page */

#interestedSmall { width:152px; margin:0px 0px 10px 0px;  }
#interestedSmall img { padding:0px 0px 0px 1px; }
#interestedSmall .particularsSubTitle { font-size:1.8em; margin-left:23px; }
#interestedSmall ul{ padding:10px 0px 0px 0px; width:152px; margin:0px;  float:left; }
#interestedSmall p.branchTel { color:#6b7467; font-size:1.3em; clear:both; margin:0px; padding:3px 0px 3px 0px; text-align:left; font-weight:bold; }
#interestedSmall p { margin:0px; padding:0px;} 
#interestedSmall p a { color:#696969; text-decoration:none;}
#interestedSmall p a:hover { color:#96BF0D; text-decoration:underline;}
#interestedSmall p.branchTel .propertyReference { font-size:0.6em; padding:0px; margin:0px;  }
#interestedSmall p.refrence { padding:0px 0px 0px 0px;}

#interestedSmall li { margin:0px 0px 4px 0px; padding:0; list-style:none; background-image:none; text-align:left; float:left; width:132px; }
#interestedSmall li a { display:block; height:29px;  background-position:0 0; width:132px;  }
#interestedSmall li a:hover { background-position:0 -29px;}
#interestedSmall li.callme a { background-image:url(/resources/images/but_call_me.gif);  }
#interestedSmall li.viewing a { background-image:url(../images/but_arrange_viewing.gif);    }
#interestedSmall li.shortlist a { background-image:url(/resources/images/but_favourites.gif);    }
#interestedSmall li.shortlistRemove a { background-image:url(/resources/images/but_remove_shortlist.gif); }
#interestedSmall li.email a { background-image:url(/resources/images/but_email_friend.gif);   }
#interestedSmall .intrestedFooter { width:100%;  clear:both;} 

.intrestedContainer { margin:75px 0px 0px 0px;}

#pics { height:810px; margin:0px 0px 0px 16px;}

/* Tags for the individual include pages  
-------------------------------------------*/

/* Overview include */
.particulars .photoMain { width:453px; margin-bottom:6px; }
.particulars .photoMain img { margin:0px; border:1px solid #DFDFDF; width:453px; }

.particulars .photoAlt { margin:2px 0px 0px 1px;; padding:0 0 0 0; width:453px; float:left; }
.particulars .photoAlt ul { float:left; margin:0px; padding:0px; list-style:none;}
.particulars .photoAlt ul li { float:left; list-style:none; background-image:none; margin:0px; padding:0px 10px 0px 0px; width:143px;  }
.particulars .photoAlt ul li.last { padding:0px 0px 0px 0px;}


#featureList { margin:0px; padding:10px 0px 20px 0px;}
#featureList li { padding:0px 0px 5px 15px; }

.branchTel { font-size:1.3em; color:#6b7467; font-weight:bold; padding:5px 0px 20px 0px; text-align:left; }


/* ZoomMap, Local Amenities */
.amenitiesContainer { width:100px; float:left;}


#zoommapLocalAmenities { width:167px; float:left; }
#zoommapLocalAmenities ul { margin:0px 0px 17px 0px; padding:0; width:156px;  float:left; }
#zoommapLocalAmenities li { background-image:none; margin:0; padding:0px 15px 4px 0px; width:141px;  float:left; float:left }
#zoommapLocalAmenities li a { font-weight:bold; color:#000000; text-decoration:none}
#zoommapLocalAmenities li.tube { background-image:url(/resources/images/ico_tube.gif);  }
#zoommapLocalAmenities li.rail {background-image:url(/resources/images/ico_rail.gif);  }
#zoommapLocalAmenities li.bus { background-image:url(/resources/images/ico_bus.gif);}
#zoommapLocalAmenities li.school { background-image:url(/resources/images/ico_school.gif); }
#zoommapLocalAmenities li.shops { background-image:url(../images/ico_shopping.gif);}
#zoommapLocalAmenities li.hospital { background-image:url(../images/ico_hospital.gif);}

#zoommapLocalAmenities li a { color:#000000; float:left; padding:0px 0px 4px 40px; height:40px;  text-decoration:none;  }
#zoommapLocalAmenities li a:hover { text-decoration:underline;}
#zoommapLocalAmenities li a span.distance { font-weight:normal;}
#zoommapLocalAmenities p { clear:both; margin:0px;}

.localAmenitiesContainer { float:left; width:269px;}
.localAmenitiesContainer p { text-align:left; padding:15px 0px 15px 0px; color:696565; font-size:1.2em; margin:0px;}

.miniMap { margin:0px 0px 0px 0px; float:left; border:1px solid #757575;}
.miniMap h2 { font-size:1.3em; margin:0px 0px 0px 0px;}
.amenitiesContainer a.moreMap { float:left; margin:11px 0px 0px 0px; display:block; background-image:url(/resources/images/but_more.jpg);  width:100px; height:23px; background-repeat:no-repeat; background-position:0 0;}
.amenitiesContainer a.moreMap:hover { background-position:0 -23px;}

.mapContainer { padding:0px 0px 0px 24px;}




/* photo gallery page */
.particularsGallery li a { border:1px solid #FFFFFF; display:block; }
.particularsGallery li a:hover { border:1px solid #a1ab92; }
.particularsGallery ul { margin:0;  padding:0; width:543px; height:100%; float:left; }
.particularsGallery li { padding:0 7px 7px 0; margin:0; list-style:none; float:left; background-image:none;}

.particulars .propertyFeatures { background-image:url(/resources/images/property_features_bg.gif); background-repeat:no-repeat; background-position:0 0; height:240px; }
.particulars .propertyFeaturesHD { height:63px; margin:0; padding:0; }
.particulars .propertyFeaturesHD p { margin:0; padding:15px 0 0 0; }
.particulars .propertySummary { text-align:left; width:323px; margin:12px 14px 0px 10px; padding:0px; }
.particulars .propertySummary td { padding-bottom:5px; }

.particulars .propertyReference { margin-bottom:10px; font-weight:bold;}

#propertyDescription {  padding:10px 15px 0px 16px;  }
#propertyDescription .overviewDescriptionFull { margin:0 0 5px 0;  font-size:1.1em; }
.particulars .roomTitle {  margin:0px; font-weight:bold; font-size:1.1em; }
.particulars .roomMetric { margin:0px; font-size:1.1em; }
.particulars .roomImperial { margin:0px; font-size:1.1em; }
.particulars .roomDimensions { font-weight:normal;margin-bottom:10px; }
.particulars .roomDescription {  margin:0 0px 10px 0; font-size:1.1em;}

.particulars .noticeTitle {  margin:7px 0px 0px 0px; padding:0px 0px 0px 16px;  font-size:0.9em; }
.particulars .notice { margin:0 0 0px 0; padding:0px 21px 15px 16px; font-size:0.9em;  }
	
.stageCaption { background-color:#CC0000; text-transform:uppercase; padding:3px; color:#FFFFFF; font-size:10px; display:inline; margin:0 5px 0 0; font-weight:normal;  }

#particularsGallery { height:400px;}
#particularsGallery ul { padding:0px; margin:0px; padding:0px 0px 0px 16px; float:left;}
#particularsGallery ul li { list-style:none; background-image:none; padding:0px 10px 10px 0px; margin:0px; float:left;}
#particularsGallery ul li a { display:block; height:135px; width:186px; border:1px solid #cccccc;}
#particularsGallery ul li a:hover { border:1px solid #000000;}

/* floorplans */
.floorplanContainer { padding:0px 0px 0px 16px;}


/* hips include */

.epcEfficiency { float:left; width:237px; margin-right:15px; }
.epcEnvironment { float:left; width:237px; margin:0px;}
.epcEfficiency p, .epcEnvironment p { margin-top:5px; font-family:tahoma,verdana,arial,sans-serif; font-size:0.9em; line-height:1.4em;  }

.hipButton a { display:block; height:27px; width:131px; background-image:url(/resources/images/but_copy_of_hip.gif); background-position:0 0; background-repeat:no-repeat;}
.hipButton a:hover { background-position: 0 -27px;}

.hipEpcContainer { padding:0px 0px 0px 16px;}
.hipEpcContainer p { clear:both;}

.hipRequest { width:590px; padding:0px 0px 0px 16px; float:left; height:440px;}




/* pdf page tags */
#download { }
#download p { padding-right:20px; }
#download a.button { background-image:url(/resources/images/but_download_tmp.gif); background-repeat:no-repeat; background-position: 0 0; width:135px; height:36px; display:block; margin-bottom:12px; }
#download a.button:hover { background-position:0 -36px; width:135px; height:36px;  }
#download a { color:#00149B; text-decoration:underline; }
#download a:hover { color:00149B; text-decoration:none;}

#propertyDownlad { width:524px; }
#propertyDownlad .downloadPdf { width:352px; height:38px;}
#propertyDownlad .downloadPdf p { padding:11px 0px 0px 70px; margin:0px;}
#propertyDownlad .downloadPdf a { display:block;  margin:20px 0px 0px 0px; padding:0px; /*background-image:url(/resources/images/but_download_property_pack.gif); background-position:0 0; background-repeat:no-repeat;*/ height:27px; width:103px; }
#propertyDownlad .downloadPdf a:hover {  background-position:0 -27px;}

.downloadInstruction { border:1px solid #cccccc; padding:5px; width:571px; float:left; margin:17px 0px 0px 0px; }

.pdfContainer { padding:0px 0px 0px 16px;}


/* transport page */

.transportContainer { padding:0px 0px 0px 16px;}
.mapContainer { padding:0px 0px 0px 16px;}

/* call me, email a frind , arage viewing */

.callmeForm { padding:0px 0px 0px 16px;}
.viewingForm { padding:0px 0px 0px 16px;}
.emailForm { padding:0px 0px 0px 16px;}


