/*
		Purpose:	Commercial, Style Sheet
		Site:		www.
		Author:		Mark Rowlands, (c) Fusion Advertising & Design Ltd 2007
		Version:	0.01 (4th October 2007)
		
		Changes:
			0.01	MR	04/10/2007	Initial development
	
*/

#commercialSearchListResultContainer { text-align:left; vertical-align:top; width:747px;   }
	#commercialSearchListResult { padding:10px 0 0px 0; width:727px;  }
	
#commercialParticularsContainer { text-align:left; vertical-align:top; width:771px; border-right:1px solid #999999; }
	#commercialParticulars { padding:0 0 15px 0;margin-left:19px; width:727px; }


#commercialReultsConrtainer { width:747px; background-image:url(/resources/images/particulars_bg.gif); background-repeat:repeat-y; background-position:0 0;}


/* results details contaioner */

#searchListResults { padding:0px 0px 0px 16px;}
#searchListResults ul { float:left; width:739; }
#searchListResults ul li { list-style:none; background-image:none; padding:0px; float:left; width:739px; padding:0px 0px 7px 0px; margin:0px 0px 7px 0px; border-bottom:1px solid #cccccc; }
#searchListResults ul li .photoContainer { float:left; width:193px; padding:0px 10px 0px 0px; display:block; height:145px;}
#searchListResults ul li .discription { float:left; width:536px;}
#searchListResults ul li .discription .searchResultStreet { float:left; font-size:1.5em; font-weight:bold; margin:0px; }
#searchListResults ul li .discription .searchResultStreet .type { float:left; width:300px; font-size:1.em; margin:4px 0px 0px 0px;}
#searchListResults ul li .discription .searchResultPrice { float:right; font-size:1.5em; font-weight:bold; width:100px; margin:0px 0px 0px 0px;}
#searchListResults ul li .discription .overviewDescription { float:left; width:536px;}
#searchListResults ul li .discription .searchResultType { float:left; width:536px; font-size:1.2em; padding:2px 0px 5px 0px;}
#searchListResults ul li .discription .headingContainer { float:left; width:536px;} 

#searchListResults ul li .discription .buttonContainer { width:536px; float:right;}
#searchListResults ul li .discription a.more { float:right; display:block; background-image:url(../images/but_more.gif); width:84px; height:20px; background-repeat:no-repeat; background-position:0 0;}
#searchListResults ul li .discription a.more:hover { background-position: 0 -20px;}

#resultsDetails {  background-image:url(/resources/images/bg_list_reults_commercial.gif); background-repeat:repeat-x; background-position:0 0;}


#commercialSearchListResult .searchHeader { padding:0px; margin:0px 0px 0px 10px; width:747px; }
#commercialSearchListResult .searchHeader a { margin:0px 0px 20px 0px ; background-image:url(/resources/images/but_register.gif); background-position:0 0; background-repeat:no-repeat; display:block; height:22px; width:120px;}
#commercialSearchListResult .searchHeader a:hover { background-position:0 -22px; }


#resultByTabsCommercial ul {background-image:url(../images/bg_tab_results.gif); margin:10px 0px 0px 0px ; padding:0;  background-repeat:no-repeat; background-position:0 0; width:747px; height:35px;  }
#resultByTabsCommercial li { margin:0 1px 0 0; padding:0; float:left; list-style:none; background-image:none; margin:7px 4px 0px 0px; }
#resultByTabsCommercial li a { height:28px; display:block; background-repeat:no-repeat; background-position:0 -28px; }
#resultByTabsCommercial li a:hover { background-position:0 0px; }
#resultByTabsCommercial li a.active, #resultByTabs li a.active:hover { background-position:0 0; }

#resultByTabsCommercial li.list a { background-image:url(../images/tab_result_list.gif); width:90px; margin:0px 0px 0px 10px; }
#resultByTabsCommercial li.grid a { background-image:url(../images/tab_result_grid.gif); width:94px; }
#resultByTabsCommercial li.flow a { background-image:url(/resources/images/tab_result_flow.gif); width:127px; }
#resultByTabsCommercial li.map a { background-image:url(../images/tab_result_map.gif); width:93px; }
#resultByTabsCommercial li.shortlist a { background-image:url(/resources/images/tab_result_shortlist.gif);}


/* 	SEARCH RESULTS BY LIST TAGS
	Tags related to the Search Results shown by List
------------------------------------------------
*/
/* Search Result Navigation */
#commercialSearchListResult .navResults { clear:both; background-color:#f0ede9; margin-bottom:10px; padding-top:5px; padding-bottom:5px; }







/* For each property result shown */
#commercialSearchListResult .results { padding:10px 20px 10px 20px;  }
#commercialSearchListResult .results .searchResultStreet { margin:0 0 0 0; padding:5px 0px 0px 10px; font-size:1.2em; color:#FFFFFF; }
#commercialSearchListResult .results .searchResultType {  font-weight:normal; margin:3px 0 10px 0; font-size:1.2em;  }
#commercialSearchListResult .results .searchResultPrice {   text-align:right; padding:5px 10px 0px 0px; margin:0 0 0 0; font-size:1.2em; font-weight:normal ;color:#ffffff;}
#commercialSearchListResult .results .photoMain { margin-bottom:5px; }
#commercialSearchListResult .results .priceCaption { font-size:1.4em; text-transform:uppercase; }
#commercialSearchListResult .results .overviewDescription {  padding:10px 10px 10px 10px; font-size:1.1em; }
#commercialSearchListResult .results a.more { margin:0px 10px 10px 0px; float:right; background-image:url(../images/but_more.gif); background-repeat:no-repeat; background-position:0 0; width:79px; height:22px; display:block; }
#commercialSearchListResult .results a.more:hover { background-position:0 -22px; }


#commercialParticulars .commercialStreet {  padding:0; font-size:2.2em; margin-top:5px; color:#6E7160; font-weight:normal;}
.particulars .commercialType {  font-size:1.2em; margin-bottom:5px; font-weight:normal; color:#606060; float:left; text-transform:uppercase;}
#commercialParticulars .commercialPrice {  font-weight:normal;font-size:2.2em;color:#BF0000;text-align:right;}
#commercialParticulars .priceCaption { font-weight:normal;font-size:1.7em; text-align:right; }
#commercialParticulars .navResults { }
#commercialParticulars .photoMain { margin-top:5px; margin-right:10px;}
#commercialParticulars .tenureDetail { text-transform:uppercase; font-size:1.1em; }
#commercialParticulars .overviewDescription { font-size:1em; margin-bottom:10px; }

#commercialParticulars .photoAlt { margin:0; padding:0 0 0 0; }
#commercialParticulars .photoAlt img { border:none; margin:1px 0 0 1px; }
#commercialParticulars .photoAlt li { padding:0; margin:0; list-style:none; background-image:none; float:left;}
#commercialParticulars .photoAlt li.first img { margin:1px 0 0 0;}

#commercialParticulars #bulletPoints p { margin-top:10px; margin-bottom:5px;}
#commercialParticulars #bulletPoints ul { clear:both; margin:0; padding:0; }
#commercialParticulars #bulletPoints li { }

#commercialParticulars #commercialDownloads p { margin-top:10px; margin-bottom:5px; }
#commercialParticulars #commercialDownloads ul { margin:0; padding:0; }
#commercialParticulars #commercialDownloads li { }
#commercialParticulars .pageSelectors { clear:both; } 

#commercialParticulars #zoommap_transport { width:725px; }
/* Tab Sub-Navigation */
#local-nav { margin-top:10px; padding:0 0 10px 16px; width:594px; }
#local-nav a { padding:0 5px 0 0; }
#local-nav .sectionLabel { font-size:1.4em; padding:0 0 0 0; margin:0 0 2px 0; }

/* Gallery / Slide Show Tags */
#commercialParticulars #particularsGallery li a { border:1px solid #FFFFFF; display:block; }
#commercialParticulars #particularsGallery li a:hover { border:1px solid #CC0000; }
#commercialParticulars #particularsGallery ul { margin:0; margin-top:5px; padding:0; width:728px; }
#commercialParticulars #particularsGallery li { padding:0 4px 4px 0; margin:0; list-style:none; float:left; background-image:none;}


/* Property Search Result Navigation 
#navResults { padding:0px; width:774px;  }
#navResults a { text-decoration:none; color:#5c604d; }
#navResults a:hover { color:#CC0000; }
#navResults .current { display:inline; color:#CC0000; font-weight:bold; margin:0 5px 0 0; }
#navResults .records { display:inline; }
#navResults .backToList { width:75px; text-align:center;}
#navResults .nextRecord { padding:0 0 0 0; text-align:right;}
#navResults .nextRecordOff { padding:0 0 0 0;text-align:right; color:#999999;}
#navResults .previousRecord { }*/

#navResults .columnLeft { float:left; padding:0px; margin:0px; width:465px;}
#navResults .columnRight { float:left; padding:0px; margin:0px; width:273px;}

/* map tags */
.mapTableContainer { float:left; padding:0px 15px 0px 16px; width:535px;}
.listContainer { float:left; padding:0px 10px 0px 10px; width:188px;}



/* More Details, Buttons / Tabs for accessing more property information */
/*#moreDetail ul { margin:0; padding:0; background-image:url(/resources/images/more_bg.gif); height:28px; }
#moreDetail li { list-style:none; padding:0; margin:0; float:left; background-image:none; background-repeat:no-repeat; background-position:0 0;}
#moreDetail li a { width:78px; height:23px; display:block; }
#moreDetail li a:hover { background-position:0 -23px; }
#moreDetail li a.active { background-position:0 -46px; }
#moreDetail li a.active:hover { background-position:0 -46px; }
#moreDetail li a.unavailable { background-position:0 -46px; }

#moreDetailCommercial .fulldetails a { background-image:url(../images/more_overview.gif);  }
#moreDetailCommercial .gallery a { background-image:url(../images/more_gallery.gif); width:67px;}
#moreDetailCommercial .transport a { background-image:url(/resources/images/more_transport.gif); }
#moreDetailCommercial .location a { background-image:url(../images/more_map.gif);width:47px;  }
#moreDetailCommercial .printable a { background-image:url(../images/more_print.gif); width:60px; }
*/
/* More Details, Buttons / Tabs for accessing more property information */
#moreDetailCommercial 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;  }
#moreDetailCommercial li { height:27px; list-style:none; padding:0px ; margin:0px 4px 0px 0px; float:left; background-image:none;  }
#moreDetailCommercial li a { height:27px; display:block;  margin:0px 0px 0px 0px; background-position:0 0px;}
#moreDetailCommercial li a:hover { background-position:0 -27px; }
#moreDetailCommercial li a.active { background-position:0 -27px; }

#moreDetailCommercial .fulldetails a { background-image:url(../images/more_overview.gif); width:71px; }
#moreDetailCommercial .gallery a { background-image:url(../images/more_gallery.gif); width:60px; }
#moreDetailCommercial .floorplan a { background-image:url(../images/more_floorplan.gif); width:88px; }
#moreDetailCommercial .location a { background-image:url(../images/more_map.gif);width:69px; }
#moreDetailCommercial .transport a { background-image:url(../images/more_transport.gif); width:81px;}
#moreDetailCommercial .printable a { background-image:url(../images/more_print.gif); width:83px;}
#moreDetailCommercial .hip a { background-image:url(../images/more_hips.gif); width:37px;}
#moreDetailCommercial .schools a { background-image:url(../images/more_schools.gif); width:68px;}
#moreDetailCommercial .epc a { background-image:url(../images/more_epc.gif); width:41px;}






/* Interested, Used on 'Overview' Page */
#interested { margin-top:15px;  }
#interested p { clear:both; font-size:1.2em; margin-bottom:0; }
#interested p.branchTel {  font-weight:normal;clear:both; font-size:1.7em; }
#interested p.branchTel .propertyReference { font-size:0.7em; }
#interested ul { margin:0; padding:0; height:55px; }
#interested li { margin:0; padding:0; list-style:none; background-image:none; float:left;}
#interested li a { display:block; height:43px;  background-position:0 -43px;  }
#interested li a:hover { background-position:0 0;}
#interested li.callme a { background-image:url(/resources/images/but_call_me_back.gif); width:105px;}
#interested li.viewing a { background-image:url(/resources/images/but_book_viewing.gif); width:105px; }
#interested li.shortlist a { background-image:url(/resources/images/but_shortlist.gif); width:111px;  }
#interested li.email a { background-image:url(/resources/images/but_email_friend.gif); width:93px; }


/* commercial quicksearch */


#searchQuickCommercial {width:202px; }
#searchQuickCommercial form {  width:202px; height:100%; margin:0px 0px 0px 0px; padding:0;}
#searchQuickCommercial .heading { margin-top:5px; }
#searchQuickCommercial  { height:100%;  background-image:url(/resources/images/quick_search_bg.gif); background-repeat:repeat-y; background-position:0 0; width:202px; }
#searchQuickCommercial ul { padding:10px 10px 0 10px; margin:0; height:100%; float:left;  }
#searchQuickCommercial li { width:91px; text-align:left; margin:0; padding:0px 0px 5px 0px; list-style:none; background-image:none; float:left;  }

#searchQuickCommercial li label { font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0; color:#333333; font-size:1em;}
#searchQuickCommercial select { width:85px; font-size:1.1em; color:#333333; border:1px solid #7f9db9; margin:4px 0px 0px 0px; }
#searchQuickCommercial .checkbox { width:15px; }
#searchQuickCommercial dd span { color:#7d7d7d; font-size:1em; }
#searchQuickCommercial a.searchButton { float:right; padding:0px 20px 0px 0px; background-image:url(/resources/images/but_go.gif); background-repeat:no-repeat; width:44px; height:22px; margin:0; display:block;  cursor:pointer; background-position:0 0;}
#searchQuickCommercial a.searchButton:hover { background-position:0 -22px;}

#searchQuickCommercial .advancedContainer { padding:4px 0px 0px 0px;  margin-left:2px; background-image:url(/resources/images/quick_search_bg.gif); background-position:0 0; background-repeat:repeat-y;}

#searchQuickCommercial a.advancedSearch { color:#9f0020; width:91px; float:left;  text-align:left; text-decoration:none; display:block; padding:0px 0px 0px 10px; margin:0px;}
#searchQuickCommercial a.advancedSearch:hover { color:#9f0020; text-decoration:underline;}

#searchQuickCommercial .separator { padding:0px 10px 2px 10px; margin:0px;}

#searchQuickCommercial .quicksearhFooter { width:202px; height:30px; padding:5px 0px 0px 0px;}

/* commercial particulars pages 
-------------------------------------*/

.particulars #headerRowCommercial { width:735px; height:85px; padding:18px 19px 0px 16px;   background-image:url(../images/bg_particulars.gif); background-position:0 0; background-repeat:repeat-x;  }


/* transport */

.transportContainerCommercail { padding:0px 0px 0px 16px; width:500px;}
.mapContainer { padding:0px 0px 0px 16px;}


.propertyDetails { padding:0px 16px 0px 0px; text-align:left }