/*-----------------------------------------------------------------------------
Web Site:			Spectrum Manchester

CteatedDate:		8.08.2008
Autor:				Tolmachyov Sergei

LastChangedDate:	8.08.2008
LastChangedBy:		Tolmachyov Sergei
-----------------------------------------------------------------------------*/

@import url(navigation.css);
@import url(modules/slimbox.css);
@import url(modules/registerForm.css);

/* =General
-----------------------------------------------------------------------------*/
* {	margin: 0; padding: 0;}

td, input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em; 
	margin:0px; 
	padding:0px;}

form			{ margin:0px; padding:0px;}

hr				{ display:none; }
br				{clear:both; line-height:0;}
.alignTop		{ vertical-align:top; }
.alignRight		{ text-align:right; }
.alignLeft		{ text-align:left; }
.alignCenter	{ text-align:center; }
.floatLeft		{ float:left; }
.floatRight		{ float:right; }
.clearall		{ clear:both; }
.clearLeft		{ clear:left; }
br.clearall		{ clear:both; height:0em; line-height:0em;}
img				{ border: 0px;}
acronym 		{ border-bottom: 1px dotted black;}
.hide			{ display: none; }
.error			{ color: #ff0000;}
.small			{ font-size: 0.9em;}
.no-pad			{ padding: 0 !important;}
.access-key		{ display: none;}

.image-right{float:right; margin:5px 0 5px 5px;}
.image-left{float:left; margin:5px 5px 5px 0;}


/* =Typography
-----------------------------------------------------------------------------*/

body {
	color: #717171;
	background: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: center;
}

p 				{margin: 0px 0 10px;}
a, a:visited	{color:#D71920; text-decoration: underline;}
a:hover 		{color:#D71920; text-decoration: none;}

#content a:hover, #content a:active, #content a:focus{
	background-color:#D71920;
	color:#FFFFFF;
}



/* =Headings
-----------------------------------------------------------------------------*/
h1{
	font-size: 2.4em;
	margin: 0;
	padding: 0 0 23px;
}
h2{
	font-size: 2.2em;
	font-weight: normal;
	padding:10px 0 5px;
	line-height:1em;
}
h3{
	font-size: 1.3em;
	font-weight: normal;
	margin: 0;
	padding: 5px 0;
}
h4{
	font-size: 1.2em;
	font-weight: normal;
	padding: 5px 0;
}
h1, h2, h3, h4{color:#88929A;}
.title{padding-bottom:10px;}



/* =Main container boxes
-----------------------------------------------------------------------------*/
#container{
	margin: 0px auto;
	width:823px;
	text-align: left;
	padding: 0 0 30px;
	overflow:hidden;
}
#header{text-align: center;}
#content{
	font-size: 1.2em;
	clear:both;
}
#content-left{
	float:left;
	padding:40px 0 10px 10px;
	width:308px;
}
#container.two-column #content-left{width: 595px;}
#content-middle{
	float:left !important;
	margin:20px 0 10px 0;	
	width:305px;
}
#content-right{
	float:right;
	margin:40px 0 10px 0;
	width:182px;
}



/* Pager box
-----------------------------------------------------------------------------*/
#pager{
	height:95px;
	overflow:hidden;
	background: transparent url(/assets/images/search_back.png) no-repeat left top;	
}
#pager ul{	
	padding: 25px 0 0 20px;
	margin:0 !important;
	list-style-type:none;
/*	height: 70px;
	overflow:hidden;*/
}
#pager ul li{
	float:left;
	margin:0 8px 0 0;
}
#pager ul li, #pager ul li a{color:#FFFFFF;}
#pager ul li{font-size:1.2em;}
#pager ul li strong{font-size:1.2em;}
#pager ul .next-inactive, #pager ul .prev-inactive{display:none;}



/* Search box
-----------------------------------------------------------------------------*/
#search{
	background: transparent url(/assets/images/btn_search.png) no-repeat left top;
	height:189px;
}
#search p{
	color:#FFFFFF;
	padding:50px 0pt 5px 13px;
	width:161px;
	w\idth:148px;
}
#search select{
	margin:0 0 3px 13px;
	width:154px;
}
#search button{
	float:right;
	margin:0 12px 0 0;
	width:79px;
	height:25px;
	background: #666666 url(/assets/images/submit_search.png) no-repeat left top;
	border:none;
	cursor:pointer;
}
#search button span{display:none;}



/* Plot list
-----------------------------------------------------------------------------*/
#plot-list{
	width:577px;
	margin:0 0 7px 6px;
	overflow:hidden;
}
#plot-list div{
	padding:10px 0;
	border-top:1px solid #88929A;
	float:left;
	clear:left;
	position:relative;
	overflow:hidden;
	width: 577px;
	min-height:90px;
}
#plot-list div.first-item{
	border:none;
	margin-top:15px;
}
#plot-list div p{margin-bottom:0;}
#plot-list a.thumbnail{
	padding:1px;
	float:left;
	overflow:hidden;
	margin-right:15px;
}
#plot-list h3{
	width:390px;
	padding:0 0 2px;
	font-size:1.2em;
}
#plot-list h3, #plot-list p{float:left;}
#plot-list h3 a{font-weight:bold;}
#plot-list p.price{
	float:right;
	font-size: 1.2em;
	font-weight:bold;
	margin-top:15px;
}
#plot-list img{display:block;}
#plot-list .view{
	width:60px;
	position:absolute;
	right:0; bottom:8px;
}
#plot-list .view span{display:none;}
#plot-list .view a{
	display:block;
	background: url(/assets/images/btn_view.png) no-repeat left top;
	width:60px;	height:20px;
}



/* Plot details
-----------------------------------------------------------------------------*/
a.plots-back-button{
	display:block;
	float:left;
	width:155px; height:29px;
	background: #666666 url(/assets/images/btn_backToSearchResults.png) no-repeat left top;
}
a.plots-back-button:hover{background-image: url(/assets/images/btn_backToSearchResults_over.png);}
a.plots-back-button span{display:none;}
a.property-print{
	display:block;
	float:right;
	width:227px; height:29px;
	background: #666666 url(/assets/images/btn_createBroForThisOnly.png) no-repeat left top;
	margin-bottom:10px;
}
a.property-print:hover{background-image: url(/assets/images/btn_createBroForThisOnly_over.png);}
a.property-print span{display:none;}
#propertyDetails{
	border-top: 1px solid #88929A;
	border-bottom: 1px solid #88929A;
	padding-bottom:4px;
	clear:both;
}
#propertyDetails #ImageStrip{
	float:right;
	padding:0px 10px 10px;
}
#propertyDetails strong,
#DimensionsDetails-Dimensions strong{
	font-size: 1.2em;
	color: #88929A;
}
#DimensionsDetails-Dimensions{
	margin:20px 0 11px;
	overflow:hidden;
	border-bottom: 1px solid #88929A;
}
#dimensions{float:left; width: 160px;}
#dimensions h2{margin-bottom:8px;}
#floorplan{float:right; width: 435px;}
#floorplan p{text-align:right;}
#dimensions p.room-name{margin-bottom:4px;}
div#call-me-back{
	clear:both;
	border-top:1px solid #88929A;
}
div#call-me-back fieldset legend{display:none;}
div#call-me-back button{
	width:76px; height:24px;
	text-indent:-999em;
	border:none;
	background: transparent url(/assets/images/btn_submit.png) no-repeat left top;
	margin-top:10px;
}
div#call-me-back label{
	float:left;
	width:90px;
}
div#call-me-back input{
	background-color:#FDC7CC;
	border:1px solid #666666;
	margin-bottom:5px;
	width:200px;
}
div#call-me-back input.sfFocus{background-color:#FFFFFF;}

/* =Content
-----------------------------------------------------------------------------*/
ul.buttons{list-style-type:none;}
ul.buttons li{clear:left;float:left;}
ul.buttons img{display:block;}
ul.buttons a{float:left;}
#content-left ul{margin:0 0 5px 40px;}
ul.lists{
	font-size:1.1em;
	list-style-position:inside;
	margin-left:0 !important;
}
.news-list{
	list-style-type:none;
	margin-left:5px !important;
}
.news-list li{clear: both;}
.news-list h3{
	font-size:1.6em;
	margin-top:12px;
}
.news-list p.date{margin:0 0 8px;}



/* =Footer
-----------------------------------------------------------------------------*/
#footer{
	display:block;
	background: transparent url(/assets/images/footer-background.png) no-repeat right 8px;
	overflow:hidden;
	clear:both;
	float:left;
	font-size: 1.1em;
	padding-left:10px;
	width: 823px;
	w\idth: 813px;
	margin-top:24px;
}
#footer p{
	float:left;
	padding:0;
}
#footer img{
	float:right;
	margin: 8px 1px 0 0;
}
#footer p span{
	background: transparent url(/assets/images/list-left-border.gif) no-repeat left 3px;
	padding-left: 5px;
}
#dandara-logo{
	background: #CCCCCC url(/assets/images/dandara-logo.png) no-repeat right top;
	display: block;
	width:148px;
	height:58px;
	float:right;
	margin:39px 3px 0 0;
}
#dandara-logo span{display:none;}