/*-----------------------------------------------------------------------------
	Developments
-----------------------------------------------------------------------------*/

ul.list,
ul.regions-list,
ul.developments-list {
	clear:both;
	list-style:none;
	padding:0;
	}
	ul.regions-list li {
		float:left;
		clear:both;
		width:100%;
		padding:0 0 8px;
		}
		ul.regions-list li.selected {
			padding:0;
			}
			ul.regions-list li h3 { /* Region header */
				float:left;
				clear:both;
				width:620px;
				w\idth:548px;
				padding:8px 60px 8px 12px;
				font-size:1em;
				font-weight:normal;
				text-decoration:none;
				outline:none;
				cursor:pointer;
				color:#cbdc42;
				background:#043c5d url(/images/branding/developments/regionArrow.gif) 95% center no-repeat;
				}
				ul.regions-list li.selected h3 {
					background-color:#256289;
					background-image:url(/images/branding/developments/selectedRegionArrow.gif);
					}
					ul.regions-list li h3 a.development-name {
						text-decoration:underline;
						color:#cbdc42;
						}
						ul.regions-list li h3 a.development-name,
						ul.regions-list li h3 span.development-name {
							float:left;
							font-size:1.3em;
							font-weight:bold;
							}
					ul.regions-list li h3 span {
						float:right;
						margin:2px 0 0;
						line-height:12px;
						}
						ul.regions-list li h3 span.properties-number {
							margin-left:12px;
							padding:0 0 0 12px;
							border-left:1px solid;
							}

    		ul.list li,
    		ul.developments-list li { /* Development */
    			float:left;
    			width:620px;
    			w\idth:600px;
    			padding:12px 10px 16px;
    			background:#fff;
    			}
    			ul.list li.even,
        		ul.developments-list li.even {
        			border-top:1px solid #eff1f3;
        			border-bottom:1px solid #eff1f3;
        			background:#f6f7f8;
        			}
    				ul.developments-list li h4 {
    					font-size:1.3em;
    					}
    					ul.developments-list li h4 a {
    						color:#043c5d;
    						}
						ul.developments-list li h4 strong{
							color:#043c5d;
							text-decoration: underline;
						}
						ul.developments-list li h4 span,
    					ul.list li span.literal-index {
    						position:absolute;
    						width:32px;
    						height:24px;
    						margin:0 0 0 5px;
    						line-height:24px;
    						text-indent:15px;
    						color:#103110;
    						background:url(/images/branding/icons/developmentMarker.gif) 0 0 no-repeat;
    						}
    						ul.developments-list li.even h4 span,
    						ul.list li span.literal-index.B,
    						ul.list li span.literal-index.D,
    						ul.list li span.literal-index.F,
    						ul.list li span.literal-index.H,
    						ul.list li span.literal-index.J,
    						ul.list li span.literal-index.L,
    						ul.list li span.literal-index.N,
    						ul.list li span.literal-index.P,
    						ul.list li span.literal-index.R,
    						ul.list li span.literal-index.T,
    						ul.list li span.literal-index.V,
    						ul.list li span.literal-index.X,
    						ul.list li span.literal-index.Z {
    							color:#fff;
    							background-image:url(/images/branding/icons/developmentMarkerEven.gif);
    							}
    			ul.developments-list li a.development-cgi,
    			ul.developments-list li span.development-cgi {
    				float:left;
    				margin:0 12px 8px 0;
    				padding:8px;
    				border:1px solid #ccc;
    				background:#fff;
    				}
    				ul.developments-list li.even a.development-cgi,
    				ul.developments-list li.even span.development-cgi {
    					border-color:#8e8e8e;
    					}
    				ul.developments-list li a.development-cgi:hover {
    					border:1px solid #000;
    					background:#fcfafa;
    					}
    					ul.developments-list li a.development-cgi img,
    					ul.developments-list li span.development-cgi img {
    						display:block;
    						width:80px;
    						padding:0;
    						background:#eff1f3 url("/shared/images/noImage.gif");
    						}
    			div.development-content {
    				margin:0 0 0 106px;
    				}
    				ul.developments-list li p.view-properties {
    					clear:both;
    					padding:0;
    					text-align:right;
    					font-weight:bold;
    					}
        				ul.developments-list  li p.view-properties a.to-rent {
        					margin:0 0 0 8px;
        					padding:0 0 0 8px;
        					border-left:1px solid;
        					}