/*-----------------------------------------------------------------------------
	Lettings
-----------------------------------------------------------------------------*/

@import url(/assets/stylesheets/modules/gallery.css);

#Content {
	margin:8px 0 0;
	}
	body.gmap #Content #SecondaryContentPane {
		background: #256289 url(/images/branding/sidePaneBottomEdge.gif) no-repeat 0 100%;
		}

div.lettings-search {
	background:	transparent url(/images/branding/topRoundedGrayPane.png) no-repeat left top;
	float: left;
	width: 100%;
    margin:8px 0 0;
    padding:0;
    }
	div.lettings-search .line {
		border-top:	1px solid #648EA4;
		position:absolute;
		width:492px;
		height:0;
		left:138px;
		top:28px;
		z-index:200;
	}
	div.lettings-search h3 {	
		background: #F4F5F7;
		color:#10365A;
		float:left;
		font-size:1.4em;
		margin:-10px 0 0 0;
		padding-right: 15px;
		position:relative;
		z-index: 300;
	}
    div.lettings-search fieldset {
        border:none;
        clear: both;
        }
        div.lettings-search fieldset legend {
            font-size:1.6em;
            padding:0 0 20px;
            }
    div.lettings-search fieldset select {
        width:155px;
        margin:0 50px 5px 0;
	font-size:1.2em;
        }
    div.lettings-search fieldset button {
		width:100px;
        margin:0 0 5px 0;
        vertical-align: baseline;
        }
    div.lettings-search fieldset .submit {
		width:100px;
        margin:0 0 5px 0;
        vertical-align: baseline;
        font-size: 1.2em;
        }
		
div.lettings-search .search-location{
	padding:28px 0 0 15px;
	width:615px;
	position:relative;
	}
div.lettings-sort {
	float:left;
	width:620px;
	w\idth:590px;
	padding:10px 15px;
	margin:0 0 20px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	background:#fff;
	}
	div.lettings-sort h6,
	div.lettings-sort ul,
	div.lettings-sort ul li,
	div.lettings-sort ul li a {
		float:left;
		line-height:1.4em;
		}
		div.lettings-sort h6 {
			padding:0;
			}
		div.lettings-sort ul {
			list-style:none;
			padding:0 0 0 20px;
			}
			div.lettings-sort ul li {
				padding:0 10px 0 0;
				}
				div.lettings-sort ul li a.ascending,
				div.lettings-sort ul li a.descending {
					padding:0 20px 0 0;
					}
					div.lettings-sort ul li a.ascending {
						background:url(/images/branding/arrows/sort_asc.gif) no-repeat 100% 2px;
						}
					div.lettings-sort ul li a.descending {
						background:url(/images/branding/arrows/sort_desc.gif) no-repeat 100% 2px;
						}

ul.list.lettings { /* Lettings list */
	clear:both;
    }
	ul.list.lettings li {
		position:relative;
		clear:both;
		}
		ul.list.lettings li .plot-letting {
			width: 464px;
			margin-left: 90px;
			}
			ul.list.lettings li a.thumbnail  {
				float:left;
				margin:0 20px 10px 0;
				padding:8px;
				border:1px solid #ccc;
				background:#fff;
				}				
				ul.list.lettings li a.thumbnail img {
					border:1px solid #ccc;
					}
				ul.list.lettings li img.development-logo {
					position:absolute;
					top:12px;
					right:12px;
					width:100px;
					height:200px;
					margin:0;
					padding:0;
					border:none;
					background:none;
					}
		ul.list.lettings li h4 {
			float:left;
			width:340px;
			color:#043c5d;
			}
			ul.list.lettings li h4 span {
				font-size:.8em;
				font-weight:normal;
				color:#333;
				line-height: 2em;
				}
		ul.list.lettings li div.description {
			float:left;
			width:220px;
			margin:0 20px 25px 0;
			padding:0 10px 0 0;
			border-right:1px solid #ccc;
			display:inline;
			}
		ul.list.lettings li dl,
		ul.list.lettings li dl dt,
		ul.list.lettings li dl dd {
			float:left;
			padding:0;
			}
			ul.list.lettings li dl dt {
				clear:left;
				padding:0 5px 0 0;
				font-weight:bold;
				}
			ul.list.lettings li dl dd { /* for ie6 */
				width:100px;
				}
		ul.list.lettings li p.location {
			clear:both;
			margin:0 0 0 168px;
			color:#043c5d;
			}
		ul.list li span.literal-index {
			right:12px;
			bottom:12px;
			font-size:1.3em;
			font-weight:bold;
			}

/* =Lettings Details
-------------------------------------------------------*/
hr {
	margin:0 0 20px;
	}
div.description {
	float:left;
	width:340px;
	}
	div.letting-details {
		padding:0 0 1em;
		}
ul.gallery-thumbnails {
	float:right;
	clear:right;
	width:270px;
	margin:0;
	}
	ul.gallery-thumbnails li {
		float:right;
		padding:0 0 14px 10px;
		}
		ul.gallery-thumbnails li a {
			padding:4px;
			}
img.master {
	float:right;
	width:250px;
	min-width:250px;
	margin:0 0 10px;
	padding:9px;
	border:1px solid #878787;
	}
table.specification {
	width:100%;
	}
	table.specification tr.odd {
		background:#fff;
		}
	table.specification td {
		border:none;
		}
		table.specification td span {
		margin:0 0 0 -5px;
		}
p.button.back {
	background:#FFFFFF url(/images/branding/buttons/visitSSW.gif) no-repeat scroll 0;
	float:right;
	margin: 0 0 0.4em;
	}		
	p.button.back a {
		background:transparent url(/images/branding/buttons/visitSSWArrow.gif) no-repeat scroll 100% 0;
		color:#B6CF40;
		font-size:1.3em;
		padding:0pt 37px 0pt 12px;
		white-space:nowrap;
		}
		p.button.back a:hover {
			background-position:100% 100%;
			color:#576225;
			}
html.js body.gmap .lettings #GMap {
	margin:0;
	}