/*
Description:	CSS E-News 2010 
Author:			Visualcode Limited
Date: 			May 2011.
Version:		1.0
*/

@import url('css/pageLayout.css');
/*@import url('css/products.css');*/
@import url('css/generalform.css');

@import url('/css/nivo-slider.css');
@import url('/css/fancybox.css');

/*---------------------------Global Start -----------------------------*/

body { 
	font-weight: normal;
	text-align:center;
  	position:relative;
	margin:0;
	padding:0;
	font-family: Helvetica Neue, Helvetica, trebuchet ms, Arial, sans-serif;
	font-size: 13px;
	color:#333;
	background:#750752;
	}
	
a:link {
	color:#AC2790;
	text-decoration: none;
	}

a:visited {
	color:#AC2790;
	text-decoration: none;
	}

a:active {
	color:#C0C0C0;
	text-decoration: underline;
	}

a:hover {
	color:#C0C0C0;
	text-decoration: underline;
	}

a img{
	border:none;
	}


h1, h2, h3, h4{
	font-weight:normal;
	line-height:normal;
	}
	
h1 {
	font-size: 25px;
	clear:both;
	color:#333;
	}

h2 {
	font-size: 21px;
	font-weight:normal;
	color:#AC2790;
	}

h3 { 
	font-size: 17px;
	font-weight:normal;
	color:#760754;
	}

h4 {
	font-size: 16px;
	font-weight:normal;
	}

hr {
	border: none;
	height: 1px;
	margin: 5px auto;
	padding: 0px !important;
	color:#FFF;
	clear:both;
	border-top:#CCC solid 1px;
	}

p{
	margin:10px 0;
	}
	
div{position:relative; min-width:0px} /* IE 6/7 Picaboo bug fix */
	
table{margin:0;}	
table td{padding:5px; font:12px "trebuchet ms", arial, helvetica, sans-serif; border-bottom:#DFDFDF solid 1px; vertical-align:top;}	
table td.five{padding:5px;}
table thead td{background:#666; border-top:#FFF solid 1px; border-bottom:#FFF solid 1px; border-right:#FFF solid 1px; color:#FFF; padding-left:5px; font-weight:bold;}
table thead td.none{border-right:none;}	

.clear{clear:both; text-align:center; padding-top:0px;}

a.button,
.clear a{
	padding:5px 10px !important;
	border:0;
	color:#FFF;
	font-weight:bold;
	font-size:11px;
	background:#333;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}

a:hover.button,
.clear a:hover{
	background:#000;
	color:#FFF;
	text-decoration:underline;
	}

#container{
	padding:0px 0px 5px 0px;
	margin:0;
	position:relative;
	text-align:center;
	background:#FFF;
	width:100%;
	margin:0px auto;
	}

#headContainer{
	position:relative;
	z-index:1000;
	background: url(/images/headerTile.png) repeat-x left top;
	}

#header {
	width:960px;
	margin:0px auto;
	padding:0 !important;
	text-align:left;	
	position:relative;
	margin-bottom:10px;
	height:110px;
	}
	
.logoArea{
	height:100px;
	padding-top:10px;
	width:210px;
	float:left;
	}	

#Logo {
	margin:0px;
	padding:0px;
	text-align:left;
	}
	
ul.legal{
	list-style:none;
	padding-left:10px;
	margin:0px;
	float:right;
	font-size:11px;
	padding-top:35px;
	height:40px;
	}
ul.legal li{
	background: url(/images/smallArrow.gif) no-repeat 5px 5px;
	padding:0px 0px 0px 10px;
	display:inline;
	}

.sectionTitle{	
	clear:right;
	float:right;
	text-align:right;
	width:740px;
	padding:0px;
	font-size:19px;
	font-weight:bold;
	}

 #topNav{
 	padding:0px 0px 0 0px;
 	margin:0 auto;
 	text-align:left;
	padding:5px 0px;
	border-top:#636363 solid 1px;
	border-bottom:#636363 solid 1px;
 	text-align:center;
 	background: url(/images/navTileBack.png) repeat-x;
 	}
	
 #topNav ul {
	width:960px;
	list-style:none; 
	padding:0;
	margin:0px auto;
	position:relative;
	text-align:left;
	border:none;
	height:27px;
	border-left:#010101 solid 1px;
	}
	
#topNav ul li {
	display:inline;
	float:left;
	margin:0px;
	position:relative;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	height:27px;
 	margin-right:0px;
 	
	}

#topNav ul li a{
 	color:#FFF;
 	display:block;
 	padding:6px 15px 4px 15px;
 	text-align:center;
	height:17px;
	text-decoration:none;
	border-left:#4e585e solid 1px;
 	border-right:#010101 solid 1px;
 	}
 	
#topNav ul li.color a{
	background: url(/images/navAon.png) no-repeat;
	border-left:#ac2790 solid 1px;
	}

#topNav ul li a:hover{
 	background:#ECECEC;
	color:#333;
	text-decoration:none;
	border-left:#000 solid 1px;
 	}	
 
#topNav ul li a.on,#topNav ul li a:hover.on{
 	background:#000;
 	color:#FFF;
	border-left:#000 solid 1px;
 	}	
 	
#topNav ul li.homeButton a{background: url(/images/home.png) no-repeat 7px 4px; padding:0px 7px; height:30px; width:19px; text-indent:-9999px;}
#topNav ul li.homeButton a:hover{background:#F2F2F2 url(/images/home.png) no-repeat 7px 4px;}
#topNav ul li.homeButton a.on, #topNav ul li.homeButton a:hover.on{background:#333 url(/images/homeWhite.png) no-repeat 7px 4px;}

#topNav ul li:hover ul{display:block;}

#topNav ul ul{
	position:absolute;
	z-index:9999;
	background:#333;
	width:200px;
	display:none;
	top:31px;
	left:0px;
	border-right:0;
	padding:0px;
	padding-bottom:10px;
	text-align:left;
	border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	-webkit-border-radius:0px 0px 5px 5px;
}

#topNav ul ul li {
	background:transparent;
	border:none; 
	border-top:#666 solid 1px; 
	
	width:200px; 
	padding:0; 
	display:block; 
	float:none; 
	text-align:left; 
	height:auto;
	}

#topNav ul li ul li a {
	text-shadow:none;
	height:auto; 
	padding:5px 0px 5px 15px; 
	color:#FFF; 
	font-size:11px !important; 
	font-weight:bold; 
	background: url(images/smallArrowWhite.gif) no-repeat 5px 9px !important;
	border:none !important;
	display:block;
	text-align:left;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	}
	
#topNav ul li ul li a:hover {
	color:#FFF; 
	background:#000 url(images/smallArrowWhite.gif) no-repeat 5px 9px !important;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	}
 	
/* ______________________ SearchArea ______________________ */

#searchArea{
	float:right; 
	width:200px;
	position:relative;
	}

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

#searchArea label{
	position:absolute;
	left:5px;
	top:0px;
	z-index:10;
	color:#CCC;
	}

#searchArea input{
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:5px;
	border:#C0C0C0 solid 1px;
	}

#searchArea input.search{	
	padding:5px 5px;
	background:#333;
	color:#FFF;
	font-weight:bold;
	border:none;
	font-size:11px;
	}
/* ______________________ Banner ______________________ */

#bannerContainer{
	background:#FFF; 
	height:320px;
	width:960px;
	margin:5px auto;
	margin-bottom:20px;
	}	

#bannerContainer img{padding:0; margin:0;}

/* ______________________ Home Content ______________________ */

#homeRight{
	border-left:#ECECEC solid 1px;
	text-align:left;
	float:right;
	width:400px;
	margin:0px;
	padding:0px;
	padding-left:30px;
	}

#homeRight h2{
	margin:0px;
	}
	
#homeLeft{
	width:500px;
	float:left;
	margin:0px;
	padding:0px;
	}


/* ______________________ Home Partners ______________________ */
	
.partner {
	float:left; 
	margin-right:10px;
	}	

/* ______________________ Main Area ______________________ */	

#wrapper {
	margin:5px auto;
	padding:0px;
	position:relative;
	width:960px;
	}

.contentArea{
	clear:both;
	padding:0;
	margin:0 auto;
	width:960px;
	padding-top:0px;
	text-align:left;
	}

.Content{
	border-top:#636363 solid 2px;
	text-align:left;
	margin-top:0px;
	margin-left:10px;
	padding:0;
	width:740px;
	float:right;
	padding-bottom:10px;
	background:transparent;
	}

.Content img{
	margin:0px;
	}

.Content ul, .itemContent ul{
	list-style:none;
	padding-left:10px;
	margin:10px 0px;
	}

.Content ul li, .itemContent ul li{
	margin-bottom:5px;
	background: url(images/smallArrow.gif) no-repeat 0px 6px;
	padding-left:10px;
	margin-left:25px;
	}

/* ______________________ Left Navigation ______________________ */		

#leftNav {
	width:210px;
	font-size:11px;
	position:relative;
	text-align:left;
	float:left;
	position:relative;
	}

/* Level 1 */
	
#leftNav ul{
	list-style:none;
	margin:0px;
	margin-bottom:15px;
	padding:0px;
	position:relative;
	}

#leftNav ul li{
	position:relative;
	padding:0px;
	margin:0;	
	float:none;
	}


#leftNav ul li a{
	background:url(/images/smallArrow.gif) no-repeat 3px 9px;
	display:block;
	padding:5px 5px 5px 15px;
	margin-bottom:0px;
	font-weight:normal;
	border-bottom:#F2F2F2 solid 1px;
	color:#333;
	}

#leftNav ul li a:hover,#leftNav ul li.on a {background:#ECECEC url(/images/smallArrow.gif) no-repeat 3px 9px; color:#000;}
#leftNav ul li.on a{display:block; background:#AC2790 url(/images/smallArrowWhite.gif) no-repeat 3px 9px; color:#FFF;}

/* General */

#leftNav h3{
	padding:3px 0px;
	margin:0px;
	border-bottom:#AC2790 solid 1px;
	font-size:14px;
	color:#000;
	border-top:#636363 solid 2px;
	}

#leftNav .section{
	margin-bottom:5px;
	}

#leftNav .section form{padding:0px 10px;}
	
	
/* ______________________ Footer ______________________ */

#footerContainer{
	background:url(/images/footerTile.png) repeat-x;
	padding:0px;
	margin:0px;
	border-top:#750752 solid 1px;
	position:relative;
	}

#footer {
	clear:both;
	font-size:11px;
	line-height:15px;
	text-align:left;
	padding-top:0px;
	color:#FFF;
	margin:0 auto;
	width:960px;
	padding:0px 10px 10px 10px;
	border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	-webkit-border-radius:0px 0px 5px 5px;
	}

#footer h3{
	font-size:13px;
	color:#FFF;
	padding-top:0px; 
	margin-top:0px;
	}

#footer h4 {position:relative; margin:15px 0 10px 0;  font-weight:bold; color:#010101; text-shadow:#e16dc9 0px 1px 0px;} /* IE 7 fix */

.footcell{width:240px; float:left;}

#footer a{
	color:#FFF000;
	}
#footer a:hover, #footer a:hover  b{color:#FFF; text-decoration:underline;}

#footer ul{
	list-style:none;
	padding-left:10px;
	margin:0px;
	}
#footer ul li{
	background: url(/images/smallArrowWhite.gif) no-repeat 0px 5px;
	padding-left:10px;
	}
	
#footer #copy{
	margin-bottom:25px;
	}	

#footer span{float:right;}

form.contact{
	background:#EEF5E4;
	padding:10px;
	-moz-border-radius:10px 0px 10px 10px;
	border-radius:10px 0px 10px 10px;
	}
	

form.contact select, form.contact input, form.contact textarea{
	-moz-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	border:0;
	padding:5px;
	border:#EEF5E4 solid 1px;
	}

form.contact input.button{
	-moz-border-radius:10px 0px 10px 10px;
	border-radius:10px 0px 10px 10px;
	border:0;
	}
	
.contactdetails{
	margin-top:20px;
	float:right;
	margin-left:10px;
	padding-left:10px;
	border-left:#FFF solid 1px;
	}
	
	
.addressMap{
	width: 500px; 
	height: 370px; 
	border: 1px solid #ECECEC; 
	float:left;
	margin-bottom:10px;
	}	

.addressCell{
	float:right;
	height:372px;
	background:#ECECEC;
	width:223px;
	padding-left:15px;
	}

/* ______________________ Quick Signup ______________________ */

#quickSignup{
	margin-top:15px;
	clear:left;
	text-align:left;
	border-top:#e16dc9 dotted 1px;
	border-bottom:#e16dc9 dotted 1px;
	padding:5px 0px 5px 0px;
	background: url(/images/mailto.png) no-repeat 0px 7px;
	padding-left:30px;
	margin-bottom:20px;
	}

#quickSignup span{
	display:block;
	float:left;
	padding-top:7px;
	margin-right:10px;
	}
	
#quickSignup form{margin:0px; padding:0px; float:right; width:265px;}
	
#quickSignup form label{
	display:none;
	}	

#quickSignup form div{float:left; clear:none; margin:0px; padding:0px;}

#quickSignup form input{
	width:190px; 
	height:21px;
	background:#FFF; 
	border:none;
	margin:0px;
	float:left;
	border-radius:5px 0px 0px 5px; 
	-moz-border-radius:5px 0px 0px 5px;
	-webkit-border-radius:5px 0px 0px 5px;
	box-shadow:#5a073f 0px 1px 0px;
	}

#quickSignup form input.button{
	font-weight:bold; 
	height:27px;
	width:65px;
	font-size:11px;
	border:0;
	background:#ac2790;
	color:#FFF;
	border-radius:0px 5px 5px 0px; 
	-moz-border-radius:0px 5px 5px 0px;
	-webkit-border-radius:0px 5px 5px 0px;
	}

#quickSignup .clear{height:0px; margin:0px; padding:0px;}

/* ______________________ Branding Page ______________________ */

.brandStockItem{
	border-bottom:#666 solid 1px;
	padding:10px 0px;
	height:115px;
	}

.brandStockItem h3{margin:0px; padding:0px; padding-bottom:10px;}

.brandStockItem .img{
	border:#ECECEC solid 1px;
	padding:5px;
	margin:0px;
	margin-right:15px;
	float:left;
	}

.brandStockItem .img img, .brandStockItem .img a img{padding:0px; margin:0px;}

.brandStockItem .desc{float:left; width:600px;}


.brandStock .img{
	border:#ECECEC solid 1px;
	padding:5px;
	margin:0px;
	margin-right:10px;
	float:left;
	}

.brandStock .desc{
	float:left; 
	width:520px;
	padding-left:10px;
	border-left:#666 solid 1px;
	}


/* ______________________ Data Grid ______________________ */
	
table.datatable{
	width:100%;
	border-collapse:collapse;
	
	}

table.datatable thead td{
	background:#000;
	color:#FFF;
	font-weight:bold;
	}
	
table.datatable tbody td{
	font-size:12px;
	}

table.datatable tbody td h2{
	font-size:15px;
	color:#84b968;
	font-weight:bold;
	}

table.datatable tbody td a.button{
	display:block;
	margin-bottom:10px;
	text-align:center;
	}

span.giro { width:150px; }
span.ocr { font-weight:bold; color:#000; width:auto; }
.ocrPrintMessage { clear:both; font-size:11px; background:#FFFBB6; border:1px dotted #FFC807; padding:10px; margin:10px 0 0 0; color:#333; }

.inLeft h3 { margin-top:0; }


/* News */

.newslist {margin-bottom:10px; padding-top:10px; border-top:#EEF5E4 solid 3px; }
.newslist h3{ width:520px; float:left; margin-top:0; padding-top:0; margin-bottom:5px;}
.newslist .pressCat{float:right;background:#EEF5E4; padding:5px; display:inline; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; text-shadow:0 1px 1px #FFF; font-weight:bold; font-size:11px;}

.newslist .Latest-News{background:#9ae1ff;}
.newslist .Case-Study{background:#ffed9a;}

#rss {
    background: url("/images/rss_icon.png") no-repeat 10px 10px;
    padding: 10px 10px 10px 70px;
}


/* ______________________ Property Search ______________________ */

#propertyframe {/*IFrame*/
    height: 850px;
    width: 740px;
}

form.propertysearch{
	padding:0px !important;
	margin:10px 0px 0px 0px;
	}

form.propertysearch input{border:none; background:none;}
form.propertysearch input.border{border:#CCC solid 1px; background:#FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
form.propertysearch input.button{background:#333;}

form.propertysearch h4{
	padding:5px 0px;
	margin:0px 0px 5px 0px;
	font-size:12px;
	font-weight:bold;
	border-bottom:#010101 solid 1px;
	}
	
form.propertysearch table{width:210px; border-collapse:collapse;}
form.propertysearch table td{border:none;}
	
form.propertysearch table tr.singleLine label{
	width:auto;
	}
	
form.propertysearch table tbody.rightBul tr.singleLine input{
	float:right;
	}
	
form.propertysearch .propsubmit{
	border-top:#010101 solid 1px;
	text-align:center;
	margin-top:5px;
	padding-top:5px;
	}
	
/*-- Lettings Properties --*/	
	
.sortList{
	border:0;
	padding:5px;
	border-top:#636363 solid 1px;
	border-bottom:#636363 solid 1px;
	color:#FFF;
	text-align:right;
	font-size:11px;
	margin:5px 0;
	clear:both;
	}
	
.sortField{float:left;}	

.sortField form{margin:0px; padding:0px;}
.sortField form label{margin:0px; padding:0px; width:55px; color:#333;}
.sortField form select{margin:0; padding:0px;}

.sortList a{padding:2px 5px; text-decoration:none !important; color:#333;}

.sortList a.current {
	background:#AC2790;
	color:#FFF;
}



/*-- Lettings Properties --*/

.propListItem{
	margin:10px 0px;
	clear:both;
	overflow:hidden;
	}
	
.propListItem .img{
	float:left;
	border:#AC2790 solid 1px;
	background:#FFF;
	padding:1px;
	position:relative;
	width:190px;
	height:142px;
	text-align:center;
	}

.propListItem .img a, .propListItem .img img{border:0; padding:0; margin:0;}
	
.propListItem .img .icon_New_Property,
.propListItem .img .icon_LSTC,
.propListItem .img .icon_Let,
.propListItem .img .icon_Under_Application{
	position:absolute;
	z-index:10;
	top:5px;
	left:5px;
	text-indent:-9999px;
	width:100px;
	height:100px;
	}
	
.propListItem .img .icon_New_Property{background: url(/images/icon-new.png) no-repeat;}
.propListItem .img .icon_LSTC{background: url(/images/icon-LSTC.png) no-repeat;}
.propListItem .img .icon_Let{background: url(/images/icon-let.png) no-repeat;}
.propListItem .img .icon_Under_Application{background: url(/images/icon-appl.png) no-repeat;}
	
.propListItem .details{
	float:right;
	width:540px;
	}
	
.propListItem .topRow,
.propListItem .bottomRow{
	background:#AC2790;
	padding:5px;
	color:#FFF;
	}

.propListItem .topRow{height:20px; background:#AC2790 url(/images/pinkTile.png) repeat-x left bottom;}
.propListItem .topRow a{color:#FFF;}
.propListItem .topRow a:hover{color:#FFF}

.propListItem .topRow h2{
	color:#FFF;
	margin:0;
	padding:0;
	font-size:15px;
	font-weight:bold;
	}

.propListItem .bottomRow{height:17px; background:#ECECEC; color:#333; font-size:11px;}

.propListItem .bottomRow .price{
	float:right;
	}
	
.propListItem .middleRow{height:89px;}

.propListItem .middleRow p{height:55px; padding:5px 0; margin:0; }

.propListItem .middleRow span{display:block; font-size:11px; text-align:right;}

/*-- Properties Details --*/

#propertyDetails .images{
	float:left;
	width:310px;
	}

#propertyDetails .large{
	width:288px;
	border:#AC2790 solid 1px;
	background:#FFF;
	padding:1px;
	position:relative;
	margin-bottom:5px;
	text-align:center;
	}

#propertyDetails .large img{margin:0px; padding:0px;}
	
#propertyDetails .thumbs img{
	border:#AC2790 solid 1px;
	background:#FFF;
	padding:1px;
	position:relative;
	text-align:center;
	float:left;
	margin:0px 5px 5px 0px;
	}

#propertyDetails .thumbs a.thumbend img{
	margin-right:0;
	}	
	
#propertyDetails .images hr{
	margin:10px 0px;
	}

.propertyform h2{
	margin:0;
	padding:0px;
	}	
	
.propertyform form.contact label{
	width:100px;
	}
	
.propertyform form.contact  .inputContainer	{margin-bottom:0px;}
	
#propertyDetails .descItem{
	float:right;
	width:430px;
	}
	
#propertyDetails .descItem table{
	background:#ECECEC;
	}

#propertyDetails .descItem table td{
	border-bottom:none;
	}

#propertyDetails .descItem table td a{
	color:#AC2790;
	}

#propertyDetails .descItem table td a:hover{
	text-decoration:underline;
	}

#propertyDetails .descItem ul{
	list-style:none;
	margin:10px 0px 0px 0px;
	padding:0;
	}
	
#propertyDetails .descItem ul li{
	background: url(/images/bullet.png) no-repeat 0px 3px;
	padding-left:20px;
	padding-bottom:0px;
	margin-left:25px;
	}
	
#propertyDetails .comDetails{padding-top:10px; font-size:11px;}	

#propertyDetails .comDetails h4{
	margin:0;
	padding:0px 0px 0px 0px;
	}