/*
	Author Company	: Fifth Ring Intergrated Corporate Communications
	Author Name		: Scott Couper, Senior Web Designer & Developer
	Author Site		: http://www.fifthring.com
	Client Company	: Scotia Homes
	Client Site 	: http://www.scotia-homes.co.uk
	Site Section 	: Core Site Layout Stylesheet
					
*/



/* global reset, from reset.css, YUI
**********************************************************************************************************
*/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none; }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-family: Arial, Helvetica, sans-serif ; font-weight:normal;}
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }
/** a { position:relative}  Gets links displaying over a PNG background - needs an IE fix */
a { outline:none } 
a img { border:none }
html {overflow-y:scroll;}


/* global classes 
**********************************************************************************************************
*/

.floatLeft{float:left;}
.floatRight{float:right;}
.clearBoth{clear:both;}
.clearLeft{clear:left;}
.clearNone{ clear:none;}
.clearRight{clear:right;}
a { color:#231f20; text-decoration:none;}
a:hover { color:#231f20; text-decoration:underline;}
h1, h2, h3, h4, h5, h6 { color:#00285d;}
.hidden{ display:none;}

.printContent{ display:block;}

form{ display:none;}


/* global content
**********************************************************************************************************
*/
body { width:100%; margin:0 auto;  font-family: Arial, Helvetica, sans-serif;} 

body#general{ background:#fff; color:#373737;} /* override this in the section specific css */

#wrapper{ background:#fff; margin:23px 0 45px 0;}
.searchButton{ background:#fff; border:none; font-size:14px; padding:0 28px 0 0; color:#4e6a5d; cursor:pointer; height:30px;}


/* left content
**********************************************************************************************************
*/

#wrapper .logoPrint{ width:100%; margin:0 0 15px 0;}

#wrapper #leftContent{display:none;} 


/* right content
**********************************************************************************************************
*/
		
#wrapper #rightContent{ width:100%; height:auto; padding:0 10px 0 10px;} 
		
#wrapper #rightContent #header{display:none;}

#wrapper #rightContent #contentFooter{ width:100%; text-align:left; overflow:hidden; border-top:2px solid #ecebea; padding:15px 0 15px 10px; display:block; margin:10px 0 0 0;}
#wrapper #rightContent #contentFooter ul{ font-size:11px; width:100%; margin:0 auto;}
#wrapper #rightContent #contentFooter ul li{ margin:0 8px 0 0; display:inline; border-right:solid 1px #999; padding:0 8px 0 0;}
#wrapper #rightContent #contentFooter ul li.last{ margin:0; padding:0; border:none;}
#wrapper #rightContent #contentFooter ul li a{ color:#00285d;}
#wrapper #rightContent #contentFooter ul li a:hover{ color:#00285d; text-decoration:underline;}

#wrapper #rightContent #mainContent{}


/* right content leftblock
**********************************************************************************************************
*/
			
#wrapper #rightContent #mainContent #leftBlock{ width:440px; margin:0; padding:0;}

#wrapper #rightContent #mainContent #leftBlock.threeColumn{width:664px;}
					
#wrapper #rightContent #mainContent #leftBlock #pageTitle{ font-size:25px; margin:0 0 0 10px;}
							
#wrapper #rightContent #mainContent #leftBlock #contentBlock{ padding:10px 4px 10px 0; margin:0 0 10px 10px; border:none; border-right:none;}
#wrapper #rightContent #mainContent #leftBlock #contentBlock h4{ font-size:20px;}
#wrapper #rightContent #mainContent #leftBlock #contentBlock p{ font-size:12px; line-height:1.8; margin:0 10px 0 0;}
#wrapper #rightContent #mainContent #leftBlock #contentBlock p strong{ font-size:14px;}

#wrapper #rightContent #mainContent #leftBlock #introText{ margin:0 0 0 10px;}
#wrapper #rightContent #mainContent #leftBlock #introText p{ color:#231f20; font-size:11px; padding-bottom:8px; margin-bottom:8px; line-height:1.7;} 

#wrapper #rightContent #mainContent #leftBlock #contentSubNav{margin:15px 10px 15px 10px; }
#wrapper #rightContent #mainContent #leftBlock #contentSubNav ul{ display:none;}

#wrapper #rightContent #mainContent #leftBlock #introTextDevelopment{ margin:0 0 10px 10px; border-bottom:none;}

/* right content rightblock
**********************************************************************************************************
*/
						
#wrapper #rightContent #mainContent #rightBlock{ width:216px; padding:0 0 0 0; overflow:visible;} 

#wrapper #rightContent #mainContent #rightBlock h3{ display:none;} 

.sideTab { background: none; margin-left:0; margin-bottom:0px;}

ul.newsUpdates {margin:0; list-style:none; padding:0 0 0 12px;}
ul.newsUpdates li { display:block; margin:0; height:15px;}
ul.newsUpdates li .tabOverhang{background:none;}
ul.newsUpdates li a {display:block; font-size:17px; margin:0;  padding:0; line-height:1.9; color:#00285e;}

ul.myScotiaLogin { display:none;}


#wrapper #rightContent #mainContent #rightBlock #searchMap{display:none;}
#wrapper #rightContent #mainContent #rightBlock #newsPrev{display:none;}



/* search map linkthrough
**********************************************************************************************************
*/

#wrapper #rightContent #mainContent #rightBlock .searchFormElement#mapSearchGeneral { display:none;}


/* search form - development
**********************************************************************************************************
*/

#wrapper #rightContent #mainContent #leftBlock form h2{ font-size:20px; color:#41594e;}

#wrapper #rightContent #mainContent #leftBlock .searchFormElement{margin:0 0 10px 0; border-top:none; padding:20px 0 0 0;}

#wrapper #rightContent #mainContent #leftBlock .searchFormElement#typeSearch h3{ background:none; padding:0; color:#41594e; margin:0 0 8px 15px;}
#wrapper #rightContent #mainContent #leftBlock .searchFormElement#priceSearch h3{ background:none; padding:0; color:#41594e;  margin:0 0 2px 15px;}
#wrapper #rightContent #mainContent #leftBlock .searchFormElement#statusSearch h3 {background:none; padding:0; color:#41594e;  margin:0 0 2px 15px;}

#wrapper #rightContent #mainContent #leftBlock .searchFormElement#viewResults{ width:215px; margin:-20px 0 0 0;}
#wrapper #rightContent #mainContent #leftBlock .searchFormElement#orderBy{ width:215px; margin:-20px 0 0 0;}
#wrapper #rightContent #mainContent #leftBlock .searchFormElement#jumpPlot {width:215px; margin:-20px 0 0 0;}

#wrapper #rightContent #mainContent #leftBlock .searchFormElement#viewResults h3{ background:none; padding:0; color:#41594e; margin:0 0 2px 15px;}
#wrapper #rightContent #mainContent #leftBlock .searchFormElement#orderBy h3{ background:none; padding:0; color:#41594e;  margin:0 0 2px 15px;}
#wrapper #rightContent #mainContent #leftBlock .searchFormElement#jumpPlot h3 {background:none; padding:0; color:#41594e;  margin:0 0 2px 15px;}

#wrapper #rightContent #mainContent #leftBlock .searchFormElement.typeMenu h4{background:none; padding:0; color:#373737;  margin:0 0 15px 15px; font-size:12px !important; width:200px;}


#wrapper #rightContent #mainContent #leftBlock .searchFormElement select.form_dropdown{width:193px;font-size:10px;height:68px; border:solid 1px #41594e; background:#e3e6e5; margin:10px 0 10px 15px; padding:2px;}
#wrapper #rightContent #mainContent #leftBlock .searchFormElement select.narrowDrop{height:18px;}
#wrapper #rightContent #mainContent #leftBlock .searchFormElement select.thinnerDrop{width:133px;}
#wrapper #rightContent #mainContent #leftBlock .searchFormElement #residential_checkbox_options{ margin-top:30px;}
#wrapper #rightContent #mainContent #leftBlock .searchFormElement#typeSearch label{ margin:0 20px 0 15px; color:#7b9d8c; font-size:13px;}



/* development search results
**********************************************************************************************************
*/

#wrapper #rightContent #mainContent #leftBlock #contentBlock.searchResultsBlock{ padding:0px 4px 10px 0; border-right:none;}

#wrapper #rightContent #mainContent #leftBlock #resultItems{ margin:15px}

#wrapper #rightContent #mainContent #leftBlock #resultItems .singleItem{ margin:0 0 50px 0;}
#wrapper #rightContent #mainContent #leftBlock #resultItems .singleItem	.singleItemHeader{ background:#456d86; padding:5px 10px;}
#wrapper #rightContent #mainContent #leftBlock #resultItems .singleItem	.singleItemHeader h3{ color:#fff;}
#wrapper #rightContent #mainContent #leftBlock #resultItems .singleItem .singleItemContent{ margin:5px 0 5px 0;}
#wrapper #rightContent #mainContent #leftBlock #resultItems .singleItem .singleItemImage{ width:106px; height:84px;}
#wrapper #rightContent #mainContent #leftBlock #resultItems .singleItem .singleItemDetails{ width:347px;}
#wrapper #rightContent #mainContent #leftBlock #resultItems .singleItem .singleItemDetails ul{ font-size:12px; margin:10px 0 0 25px; color:#373737;}
#wrapper #rightContent #mainContent #leftBlock #resultItems .singleItem .singleItemDetails ul li{list-style: disc; margin:0 0 3px 0;}
#wrapper #rightContent #mainContent #leftBlock #resultItems .singleItem .singleItemButtons{ width:150px; margin:5px 0 0 0;}
#wrapper #rightContent #mainContent #leftBlock #resultItems .singleItem .singleItemButtons a{margin:0 0 5px 0; font-size:15px; color:#456d86; padding:3px 32px 3px 0;}			

#wrapper #rightContent #mainContent #leftBlock #resultItems .singleItem .singleItemButtons a.contactUsButton{ background:url(../../images/sections/contactFolder_small.jpg) right no-repeat;}
#wrapper #rightContent #mainContent #leftBlock #resultItems .singleItem .singleItemButtons a.viewDetailsButton{ background: url(../../images/sections/viewDetails_small.jpg) right no-repeat;}
#wrapper #rightContent #mainContent #leftBlock #resultItems .singleItem .singleItemButtons a.myscotiaAddButton{ background: url(../../images/sections/favoritesFolder_small.jpg) right no-repeat;}



/* search results detail thickbox
**********************************************************************************************************
*/

#wrapper #rightContent #mainContent #leftBlock #resultItems #hiddenModalContent{display:none;}


/* siteplan page content
**********************************************************************************************************
*/

#wrapper #rightContent #mainContent #leftBlock.threeColumn #siteplanBlock{ width:600px; height:400px; margin:15px 0 15px 15px; border:solid 1px #999;}



/* main search results
**********************************************************************************************************
*/


#wrapper #rightContent #mainContent #leftBlock #contentBlock.searchResultsBlock{ padding:0px 4px 10px 0; border-right:none;}

#wrapper #rightContent #mainContent #leftBlock #resultItems .searchDevelopment {background:#e5ebef; padding:0 0 2px 0; margin:0 0 25px 0}

#wrapper #rightContent #mainContent #leftBlock #resultItems .searchDevelopment .searchDevInfoHeader{ background:#456d86; padding:5px 10px;}
#wrapper #rightContent #mainContent #leftBlock #resultItems .searchDevelopment .searchDevInfoHeader h3{ color:#fff;}

#wrapper #rightContent #mainContent #leftBlock #resultItems .searchDevelopment .searchDevInfoItems{background:#fff; margin:0 15px 15px 15px;}

#wrapper #rightContent #mainContent #leftBlock #resultItems .searchDevelopment .searchDevInfoItems .searchDevInfo{ padding:15px;}
#wrapper #rightContent #mainContent #leftBlock #resultItems .searchDevelopment .searchDevInfoItems .searchDevInfo .searchDevInfoContent{ margin:5px 0 5px 0;}
#wrapper #rightContent #mainContent #leftBlock #resultItems .searchDevelopment .searchDevInfoItems .searchDevInfo .searchDevInfoImage{ width:106px; height:84px;}
#wrapper #rightContent #mainContent #leftBlock #resultItems .searchDevelopment .searchDevInfoItems .searchDevInfo .searchDevInfoDetails{ width:420px; margin:0 0 0 20px;}
			
#wrapper #rightContent #mainContent #leftBlock #resultItems .searchDevelopment .singleItem{ margin:0 15px 0 15px; padding:8px 0 0 0; border-top:solid 2px #ecebea;}

#wrapper #rightContent #mainContent #leftBlock #resultItems .searchDevelopment .singleItem .singleItemHeader{ background:#fff; padding:5px 10px;}
#wrapper #rightContent #mainContent #leftBlock #resultItems .searchDevelopment .singleItem .singleItemHeader h3{ color:#456d86; font-size:14px; font-weight:bold;}

#wrapper #rightContent #mainContent #leftBlock #resultItems .searchDevelopment .singleItem .singleItemContent{ margin:5px 0 5px 0;}
#wrapper #rightContent #mainContent #leftBlock #resultItems .searchDevelopment .singleItem .singleItemImage{ width:106px; height:84px;}
#wrapper #rightContent #mainContent #leftBlock #resultItems .searchDevelopment .singleItem .singleItemDetails{ width:300px;}
#wrapper #rightContent #mainContent #leftBlock #resultItems .searchDevelopment .singleItem .singleItemDetails ul{ font-size:10px; margin:10px 0 0 25px; color:#373737;}
#wrapper #rightContent #mainContent #leftBlock #resultItems .searchDevelopment .singleItem .singleItemDetails ul li{list-style: disc; margin:0 0 3px 0;}
#wrapper #rightContent #mainContent #leftBlock #resultItems .searchDevelopment .singleItem .singleItemButtons{ width:150px; margin:5px 0 0 0;}
#wrapper #rightContent #mainContent #leftBlock #resultItems .searchDevelopment .singleItem .singleItemButtons a{margin:0 0 5px 0; font-size:13px; color:#456d86; padding:3px 32px 3px 0;}	

#wrapper #rightContent #mainContent #leftBlock #resultItems .searchDevelopment .singleItem .singleItemButtons a.contactUsButton{ background:url(../../images/sections/contactFolder_small.jpg) right no-repeat;}
#wrapper #rightContent #mainContent #leftBlock #resultItems .searchDevelopment .singleItem .singleItemButtons a.viewDetailsButton{ background: url(../../images/sections/viewDetails_small.jpg) right no-repeat;}
#wrapper #rightContent #mainContent #leftBlock #resultItems .searchDevelopment .singleItem .singleItemButtons a.myscotiaAddButton{ background: url(../../images/sections/favoritesFolder_small.jpg) right no-repeat;}

/* development plot detail - floorplans
**********************************************************************************************************
*/

#wrapper #rightContent #mainContent #leftBlock #pageTitle h3#plotName{ font-size:20px;}

#wrapper #rightContent #mainContent #leftBlock #floorPlans{}
#wrapper #rightContent #mainContent #leftBlock #floorPlans h3{margin:0 0 20px 0;}
#wrapper #rightContent #mainContent #leftBlock #floorPlans .floorPlanImage{ width:100%; text-align:center; margin:0 0 20px 0;}
#wrapper #rightContent #mainContent #leftBlock #floorPlans .floorPlanImage img{ margin: 0 auto;}

#wrapper #rightContent #mainContent #rightBlock #floorPlanInfo{ margin:0 0 0 5px;}
#wrapper #rightContent #mainContent #rightBlock #floorPlanInfo .floorPlanInfoItem{ margin:0 0 30px 0;}
#wrapper #rightContent #mainContent #rightBlock #floorPlanInfo .floorPlanInfoItem h3{ margin:0 0 10px 0; padding:0 0 5px 0; border-bottom:2px solid #373737; }
#wrapper #rightContent #mainContent #rightBlock #floorPlanInfo .floorPlanInfoItem h4{ color:#373737; font-size:15px; font-weight:bold; margin:0 0 5px 0;}
#wrapper #rightContent #mainContent #rightBlock #floorPlanInfo .floorPlanInfoItem a{ font-size:14px; display:block; line-height:1.5;}

#wrapper #rightContent #mainContent #rightBlock #floorPlanInfo .floorPlanInfoItem dl{ font-size:12px; color:#373737; margin:5px 0 0 0;}
#wrapper #rightContent #mainContent #rightBlock #floorPlanInfo .floorPlanInfoItem dl dt{ font-weight: bold;}
#wrapper #rightContent #mainContent #rightBlock #floorPlanInfo .floorPlanInfoItem dl dd{ margin-bottom:12px;}								
#wrapper #rightContent #mainContent #rightBlock #floorPlanInfo .floorPlanInfoItem p{ font-size:10px; color:#777;}	


/* dev homepage content
**********************************************************************************************************
*/

#wrapper #rightContent #mainContent #rightBlock #siteplanLink { display:none;}

#wrapper #rightContent #mainContent #rightBlock #devContact{ color:#373737;}
#wrapper #rightContent #mainContent #rightBlock #devContact ul{ font-size:12px; margin:0 0 0 15px;}
#wrapper #rightContent #mainContent #rightBlock #devContact ul li{ margin:0 0 15px 0;}
#wrapper #rightContent #mainContent #rightBlock #devContact ul li.contactName{ font-size:13px; background:none; padding:0; margin-left:-3px;}
#wrapper #rightContent #mainContent #rightBlock #devContact ul li.contactInfo{ font-size:11px;}
#wrapper #rightContent #mainContent #rightBlock #devContact ul li a{ color:#41594e;}


/* footer content
**********************************************************************************************************
*/
					
#wrapper #pageFooter{ background:#c0bab7; padding:10px 0px 10px 0px;}
#wrapper #pageFooter h2{ font-size:13px; margin:0 auto; line-height:1.5; color: #333; text-align:left;} 