/*
		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 h1 { color:#666;  }


.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:230px; float:right; height:69px;}
.particulars .spanTwo { width:447px; float:left; margin:0px; padding:0px;}
.particulars .spanThree { width:680px; padding:0px; margin:0px; float:left;}

.particulars .columnOne { width:490px; float:left; padding:0px 15px 0px 0px;}
.particulars .columnTwo { width:190px; padding:0px; float:left;}

.particulars .photoColumn { width:374px; padding:15px 15px 10px 0px; float:left;}
.particulars .detailColumn { width:291px; padding:15px 0px 0px 0px; float:left;}

.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 { width:680px; height:75px; padding-top:10px;  }
.particulars #headerRow h1 { font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:normal;}

.particulars .particularsStreet { color:#333; padding:0px 0px 0px 0px; margin:5px 0px 0px 0px; font-size:2.2em; text-align:left; width:447px; float:left;  }
.particulars .particularsBedrooms { font-size:1.2em; margin:3px 0px 0px 0px;  color:#000000; width:447px; float:left;}
.particulars .particularsPrice {  color:#333; font-size:1.7em; margin-bottom:4px; float:right; width:200px; text-align:right; }
.particulars .divisionTag { margin:20px 0 0 0; }
.particulars .particularsTenure { text-align:right; text-transform:uppercase;  font-size:1.1em; color:#000000; display:block; float:right;  }

/* More Details, Buttons / Tabs for accessing more property information */
#moreDetail ul { float:left; margin:10px 0px 0px 0px; padding:0; height:30px;  width:680px; background-image:url(../images/bg_more_list.gif); background-repeat:repeat-x; background-position: 0 0;  }
#moreDetail li { height:26px; list-style:none; padding:0px; margin:1px 4px 0px 0px; border-right:1px solid #cccccc; float:left; background-image:none;  }
#moreDetail li a { height:26px; display:block;  margin:0px 0px 0px 0px; }
#moreDetail li a:hover { background-position:0 -26px; }
#moreDetail li a.active { background-position:0 -26px; }
/*#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:80px; }
#moreDetail .gallery a { background-image:url(../images/more_gallery.gif); width:59px;}
#moreDetail .floorplan a { background-image:url(../images/more_floorplan.gif); width:88px;}
#moreDetail .location a { background-image:url(../images/more_map.gif);width:47px; width:63px;}
#moreDetail .transport a { background-image:url(/resources/images/more_transport.gif); width:70px;}
#moreDetail .printable a { background-image:url(../images/more_print.gif); width:80px;}
#moreDetail .hip a { background-image:url(../images/more_hip.gif); width:42px;}
#moreDetail .epc a { background-image:url(../images/more_epc.gif); width:43px;}
#moreDetail .schools a { background-image:url(../images/more_schools.gif); width:60px;}
#moreDetail .information a { background-image:url(../images/ico_area_map.gif); width:107px;}
#moreDetail .directions a { background-image:url(../images/more_directions2.gif); width:106px;}

#local-nav { margin-top:0; padding:16px 0 10px 0;  }
#local-nav a { font-size:1.1em; padding:0 5px 0 0; color:#999; text-decoration:none;}
#local-nav a:hover { color:#999; 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-navSlide { margin-top:0; padding:16px 0 20px 0;  }
#local-navSlide a { padding:0 5px 0 0;  text-decoration:none;}
#local-navSlide a:hover {  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  { height:60px; color:#58595B; margin:0px; padding:0px; }
#particularsDetails li { padding:33px 0px 0px 0px; margin:0px 25px 0px 0px; display:block; float:left; font-size:1em;list-style:none; list-style-image:none; background-position:0 0; background-image:none; background-repeat:no-repeat;  width:31px;  text-align:center; list-style-type:none; }
#particularsDetails li.bedrooms { background-image:url(/resources/images/ico_bedrooms.gif); }
#particularsDetails li.reception { background-image:url(/resources/images/ico_reception.gif); }
#particularsDetails li.bathrooms { background-image:url(/resources/images/ico_bathrooms.gif); }
#particularsDetails li.garage { background-image:url(/resources/images/ico_car.gif); background-position:5px 0; width:45px; margin-right:20px; }
#particularsDetails li.garden { background-image:url(/resources/images/ico_garden.gif); width:35px;  margin:0px; }
#particularsDetails .none { background-image:none; width:12px; padding:0px; margin:0px; background-image:none; background-position:0 0; }

#navOptionsContainer { position:absolute; top:0px; right:0px; text-align:right; width:460px; }
.navOptions { position:relative;   height:30px;  margin:0px; width:230px; }

#navResults ul.viewByPhoto li.previousRecord a { background-image:url(/resources/images/bulletpoint_nav.gif); width:53px; text-align:right; }
#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; height:26px; }
#navResults ul.viewBy li { margin:0px 3px 0px 3px; padding:0; list-style:none; background-image:none; float:right;  font-size:1.1em; }
#navResults ul.viewBy li a { text-decoration:none; color:#999; display:block; height:30px; background-repeat:no-repeat; }
#navResults ul.viewBy li a:hover {  background-position:0 0; }

#navResults ul.viewBy li.backToList a { padding:0px 6px 0px 6px; margin:0px; text-align:right; width:55px; }
#navResults ul.viewBy li.previousRecord a { background-image:url(../images/ico_slideshow_last.gif); width:53px; text-align:right; background-position:0px 3px; padding-left:5px; }
#navResults ul.viewBy li.nextRecord a { background-image:url(../images/ico_slideshow_next.gif); background-position:68px 3px; width:80px; text-align:left; }
#navResults ul.viewBy li.nextRecord a:hover { background-position:68px 3px;}
/*#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 { background-image:url(/resources/images/bg_intrested.gif); background-position:0 0; background-repeat:no-repeat; float:left; }
#interested .particularsSubTitle { font-size:1.8em; margin-left:23px; }
#interested ul.intrestedList { padding:0px 0px 0px 0px; width:291px; float:left; }
#interested p.branchTel { font-size:2em; float:left; width:291px;  margin:0px 0px 0px 0px; padding:0px;  }
#interested p.branch { color:#696969; font-size:1.1em; float:left; width:291px; }
#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 { margin:0; padding:0; height:140px; float:left; }
#interested li { margin:0; padding:0; list-style:none; background-image:none; float:left; }
#interested li a { display:block; height:33px;  background-position:0 0; }
#interested li a:hover { background-position:0 -33px; }
#interested li.callme a { background-image:url(../images/but_call_me_sm.gif); width:137px; margin:40px 0px 0px 0px; }
#interested li.viewing a { background-image:url(/resources/images/but_arrange_viewing_sm.gif); width:137px; margin:40px 6px 0px 6px; }
#interested li.shortlist a { background-image:url(/resources/images/but_favourites_sm.gif); width:137px; margin:6px 6px 0px 6px; }
#interested li.shortlistRemove a { background-image:url(/resources/images/but_remove_shortlist_sm.gif); width:137px; margin:6px 6px 0px 6px; }
#interested li.email a { background-image:url(/resources/images/but_email_friend_sm.gif); width:137px; margin:6px 0px 0px 0px; }

/* Interested small, Used everywhere other than the 'Overview' Page */

#interestedSmall { background-image:url(../images/bg_intrested_small.gif); background-position:0 0; background-repeat:no-repeat; height:320px; width:160px; margin:0px 0px 10px 0px;  }
#interestedSmall .particularsSubTitle { font-size:1.8em; margin-left:23px; }
#interestedSmall ul{ padding:55px 0px 0px 10px; width:160px; margin:0px; height:163px; float:left; }
#interestedSmall p.branchTel { font-size:2em; clear:both; margin:0px 0px 0px 10px; padding:0px; text-align:left; }
#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 10px;}
#interestedSmall li { margin:0px 0px 10px 0px; padding:0; list-style:none; background-image:none; text-align:left; }
#interestedSmall li a { display:block; height:33px;  background-position:0 0;  }
#interestedSmall li a:hover { background-position:0 -33px;}
#interestedSmall li.callme a { background-image:url(/resources/images/but_call_me.gif); width:140px; }
#interestedSmall li.viewing a { background-image:url(/resources/images/but_arrange_viewing.gif); width:140px;  }
#interestedSmall li.shortlist a { background-image:url(/resources/images/but_favourites.gif); width:140px;   }
#interestedSmall li.shortlistRemove a { background-image:url(/resources/images/but_remove_shortlist.gif); width:140px;}
#interestedSmall li.email a { background-image:url(/resources/images/but_email_friend.gif); width:140px;  }
#interestedSmall .intrestedFooter { width:100%; height:100px; clear:both;} 

.intrestedContainer { margin:62px 0px 0px 0px;}

#pics { height:370px;}

/* Tags for the individual include pages  
-------------------------------------------*/

/* Overview include */
.particulars .photoMain { width:374px; margin-bottom:6px; }
.particulars .photoMain img { margin:0px; border:1px solid #DFDFDF; border-bottom:none; width:374px; }
.particulars .photoAlt { margin:2px 0px 0px 1px;; padding:0 0 0 0; width:448px; }
/*#particulars .photoAlt img { border:none; margin:0px; padding:0px; width:109px; }*/
.particulars .photoAlt li { list-style:none; list-style-image:none; background-image:none; float:left;  margin:0; padding:0}
/*#particulars .photoAlt li { padding:0; margin:0px 0px 0px 0px; list-style:none; background-image:none; float:left; width:112px; }*/
.particulars .photoAlt li.first img { margin:0px 4px 0px 0px; padding:0px; width:109px; }
.particulars .photoAlt li.last img { margin:0px; padding:0px; width:109px;  }
.particulars .propertyOverview { width:323px; vertical-align: top; }
.particulars .overview { text-align:justify; padding:0px; width:291px; height:227px; font-size:1.1em; float:left; }
.particulars .overview p {font-size:1em; }
.particulars .overview h2 { font-size:1.3em; margin:0px 0px 3px 0px;}
.particulars .lifestyleCaption { font-size:1.6em; margin-bottom:5px; margin-top:7px; }
.particulars a.view { text-decoration:underline;  padding:5px 0px 15px 0px; display:block; }
.particulars a.view:hover { text-decoration:none; }

/* ZoomMap, Local Amenities */
#zoommapLocalAmenities { width:291px; float:left; }
#zoommapLocalAmenities ul { margin:0; padding:0; width:291px;  float:left; }
#zoommapLocalAmenities li { background-image:none; margin:0; padding:0; width:291px; height:30px; }
#zoommapLocalAmenities li a.amenityIcon { display:block; background-repeat:no-repeat; background-position:0 0; width:30px; height:30px; margin-right:5px; }

#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_schools_sign.gif); }

#zoommapLocalAmenities li a { color:#616161; float:left; padding:10px 0px 0px 35px; text-decoration:none;  }
#zoommapLocalAmenities p { clear:both;}
#zoommapLocalAmenities h3 { color:#666666; font-size:1.6em; border-top:1px solid #cccccc; padding:7px 0px 0px 0px;}

.miniMap { margin:10px 0px 0px 0px;}
.miniMap h2 { font-size:1.3em; margin:0px 0px 0px 0px;}

/* location map */
.transportMapContainer { float:left; width:496px; }
.transportAreaTicker { float:left; width:184px;}


/* 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-right:15px;   }
#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:0;  font-size:0.9em; }
.particulars .notice { margin:0 0 10px 0; padding:0; 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 ul { padding:0px; margin:0px;}
#particularsGallery ul li { list-style:none; background-image:none; padding:0px 10px 10px 0px; margin:0px; float:left;}

/* 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;}



/* 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;}


#zoommap_areaInformationTicker li input { margin-left:5px; margin-right:4px; }
#zoommap_areaInformationTicker li a { color:#333333; }
#zoommap_areaInformationTicker ul { border-bottom:0px; }