/**** GENERAL BODY TAGS ******/

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

html { height: 100%; }

body { height: 100%; background-color:#fff; font-family:Arial, Helvetica, sans-serif; line-height: 16px; margin:0px; padding:0px; font-size:13px; color: #606060;}

div#container { background: transparent url(../images/background_cloud.jpg) no-repeat scroll left top; width: 100%;  height: 100%; position: relative;  }

.replace { position:relative; text-indent:-9999px; float:left; }

h1 { line-height: 30px; color:#68429A; width: 100%; font-size:26px;}

a { color: #68429a; text-decoration: underline; } a:hover { color: #aaa; text-decoration:none;} a:visited { color: #00C; }

ul { list-style-type:square; float:left;  }

li { float: left;  } p { padding-topf: 5px; float:left; display:block; clear: both; width:100%;}

.clear {clear:both;}

h4{ text-transform:uppercase; color:#8e2a8f; font-size:15px;padding-bottom:7px; border-bottom:1px dotted #ccc;}

h6 { font-weight:normal;  color:#810081; float: left; width: 100%; clear:both; font-size: 14px; margin-top: 10px;}

h5 { color: #fff; text-transform:uppercase; font-weight:bold; font-size: 14px; padding-top: 10px;}

/**** TOP HEADER ***/

#contentcontainer { width: 980px; margin: 0 auto; }

#topcontainer { width: 100%; position: relative; margin: 0 auto; padding-top: 0px; display:block; /**height: 135px;**/ }

#toplogo { float: left; width:190px; height: 86px; margin-left:20px; margin-bottom: 10px; padding-top: 10px; }

#toplogo a{ float: left; width:190px; height: 86px;  background: transparent url(../images/logo.png) no-repeat scroll left top; }

#topcenter { float: left; width:392px; margin-left: 30px; cursor:pointer;}

#topright { width: 339px; float:right; text-align: right; padding-top: 10px; margin-bottom: 10px;}

.contactnumber {  width: 200px; background: transparent url(../images/telephone.png) no-repeat scroll left top; float: left; height: 35px; padding-top: 2px; color: #68429a; }
p.contact {color: #68429a;  margin-bottom: 5px; font-size: 18px; font-weight: bold; }
p.contact span { font-size: 16px;}

#mininav { clear:both; list-style-type:none; color: #68429a;width: 309px; float: left; margin-left: 25px;  }

#mininav li { float: left; margin-right: 10px; }

.lastli { margin-right: 0px !important;}


/***** TOP MAIN NAVIGATION ****/
 
#mainnavcontainer { width: 980px; float: left; clear:both; height: 48px ; display:inline;}

#mainnav { width: 100%; float: left; height: 48px;}

#mainnav li { display: inline; float: none;}

#mainnav li a { background: transparent url(../images/mainnav.png) no-repeat scroll left top; display: block; height: 48px;}

#mainnav li.home  a { background-position: 0px 0%; float: left; left: 0px; width: 49px; } 
#mainnav li.home a:hover, #mainnav li.home a.active {background-position: 0px 100%; }

#mainnav li.propertysearch{ left:49px;}
#mainnav li.propertysearch  a { background-position: -49px 0%; float: left;  width: 162px; position: relative;} 
#mainnav li.propertysearch a:hover, #mainnav li.propertysearch a.active {background-position: -49px 100%; }

#mainnav li.landlordservices{ left:211px;}
#mainnav li.landlordservices  a { background-position: -211px 0%; float: left;  width: 176px; position: relative;} 
#mainnav li.landlordservices a:hover, #mainnav li.landlordservices a.active {background-position: -211px 100%; }

#mainnav li.tenantsinfo{ left:387px;}
#mainnav li.tenantsinfo  a { background-position: -387px 0%; float: left;  width: 144px; position: relative;} 
#mainnav li.tenantsinfo a:hover, #mainnav li.tenantsinfo a.active {background-position: -387px 100%; }

#mainnav li.localarea{ left:531px;}
#mainnav li.localarea  a { background-position: -531px 0%; float: left;  width: 134px; position: relative;} 
#mainnav li.localarea a:hover, #mainnav li.localarea a.active {background-position: -531px 100%; }

#mainnav li.ukwidenetwork{ left:665px;}
#mainnav li.ukwidenetwork  a { background-position: -665px 0%; float: left;  width: 169px; position: relative;} 
#mainnav li.ukwidenetwork a:hover, #mainnav li.ukwidenetwork a.active {background-position: -665px 100%; }

#mainnav li.otherservices{ left:834px;}
#mainnav li.otherservices  a { background-position: -834px 0%; float: left;  width: 146px; position: relative;} 
#mainnav li.otherservices a:hover, #mainnav li.otherservices a.active {background-position: -834px 100%; }

/**** SLIDERS ****/

#imagesliderscontainer { background: #af2fb0; width: 100%; clear:both; float:left; height: 356px;}

ul#slideshow { width: 70%; height: 356px; overflow:hidden; position: relative;}

/***** ACTION BUTTONS *****/

ul#actionbuttons { float: right; position:relative; left: -23px; top: -40px; height:40px; width: 370px; z-index:100;}

ul#actionbuttons li { display: inline;}

ul#actionbuttons li.services a { background: transparent url(../images/viewservices.png) no-repeat scroll left top; display: block; width: 142px; height:40px; }

ul#actionbuttons li.propertysearch a { background: transparent url(../images/propertysearchbt.png) no-repeat scroll left top; display: block; width: 228px; height:40px; }


/***** MAIN BODY *****/

#bodycontainer { float:left; width: 100%; }

#innerbodyleft { width: 670px; float: left; display: block; padding:10px 10px 10px 0px;}

#innerbodyleft p { margin-bottom: 7px;}

#innerbodyright { width: 299px; float: left;}

.subheading { float:left; display: block; color: #68429a; font-size:14px; padding: 10px 0px 10px 0px; margin: 5px 0px 5px 0px; border-bottom: 1px dotted #ccc; }

h2{ margin-bottom: 10px; font-size: 19px; margin-top: 10px; font-weight: normal; width: 100%; clear:both; float: left;  color:#810081; line-height:28px;}

ol{ list-style-position:outside; padding-left: 20px; float: left; clear:both; width:90%; list-style-type: none; }  

ol li {  background:url(../images/bullet.jpg) 8px 12px no-repeat;  padding-top: 5px; width:100%;  padding-left: 30px;}

ul.tabnavigation { font-size: 14px; color:#810081; margin: 20px 0px 0px 0px; width: 100%; float: left; clear:both; font-weight:normal; border-left:1px solid #aaa; list-style-image:none; list-style-type:none; }

ul.tabnavigation li { border-right: 1px solid #aaa; border-top: 1px solid #aaa; } 

ul.tabnavigation li a {text-decoration:none;  padding: 10px;  float: left;}

ul.tabnavigation li.active { background:#810081;  color: #fff !important; }

ul.tabnavigation li.active a{   color: #fff !important; }

.tabcontent { border: 1px solid #aaa; width: 95%; float: left; display:block; padding: 10px 10px 10px 10px; }

#services, #fees, #guide, #insurance, #investment {float: left; width: 100%; clear: both; }

/***** SIDEBARS**/

a img { border: 0px;}

li.taxi { margin-top: 5px; border: 1px solid #ccc;}

ul#sidebarhome { margin-top: 10px; list-style-type:none;} ul#sidebarhome p { color:#606060; padding-top: 5px;  font-size:11px;}

ul#sidebarhome h5 { text-transform: uppercase; font-size: 12px; font-weight: normal;}

ul#sidebarhome li.greybox, .greybox { padding: 10px; border: 1px solid #dedbdb; background:#f2f4f5; width:277px; }

li.greybox p { float: left; clear: both; width: 100%; padding-top: 0px!important; font-size:12px!important;}

li.greybox h5 { color: #606060;}

li.greybox img { margin:0px 0px 0px 35px;}

ul#sidebarhome li.mission p { font-size:14px;  color:#606060; margin-top:5px; } 

ul#sidebarhome li.landlords { padding: 10px; background: #f2cbb3; margin-top:10px; width: 281px;}

ul#sidebarhome li.landlords h5 { color: #000; } ul#sidebarhome li.tenants h5, ul#sidebarhome li.tenants p { color: #fff; }

ul#sidebarhome li.tenants { padding: 10px; background: #81b6f1; margin-top:10px; width:281px; }

ul#sidebarhome li.tenants a {color: #fff;}

li.rentg {border: 1px solid #ccc;  width: 299px; height:88px; margin-top: 10px;}
li.rentg a { width: 299px; height:88px; background: transparent url(../images/rentg.jpg) no-repeat scroll left top;  float:left;  }

.m10 { margin-top: 10px;} 

#quicklinks{  width: 100%; margin-top: 5px; list-style-type:none;}

#quicklinks li { padding-top: 5px; float: left; clear:both; width: 100%;}

#quicklinks li.active { background: #ddd; font-size:15px; padding: 0px 5px 5px 5px; border-left: 4px solid #AC2FAE;  width:80%; margin-top: 5px;   }

#quicklinks li.active a {text-decoration:none; color: #000;}


/***** FOOTER**/

#footercontainer { margin-top: 20px; width: 100%; float:left; clear:both; margin-bottom:10px;}

ul#logocontainer { width: 100%; padding: 10px 0px 10px 0px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;list-style-type:none;  }

ul#logocontainer li { margin-right:20px; float:left; vertical-align:middle; }

ul#logocontainer li.googlebase { background: #fff url(../images/googlebase.jpg) no-repeat scroll left 50%; width:73px; height: 31px; margin-left:50px;}
ul#logocontainer li.homelet { background: #fff url(../images/homelet.jpg) no-repeat scroll left 50%; width:76px; height: 31px;}
ul#logocontainer li.s1homes { background: #fff url(../images/s1homes.jpg) no-repeat scroll left 50%; width:87px; height: 31px;}
ul#logocontainer li.citylets { background: #fff url(../images/citylets.jpg) no-repeat scroll left 50%; width:93px; height: 31px;}
ul#logocontainer li.vivastreet { background: #fff url(../images/vivastreet.jpg) no-repeat scroll left 50%; width:90px; height: 31px;}
ul#logocontainer li.iammoving { background: #fff url(../images/iammoving.jpg) no-repeat scroll left 50%; width:78px; height: 31px;}
ul#logocontainer li.findire { background: #fff url(../images/findire.jpg) no-repeat scroll left 50%; width:77px; height: 31px;}
ul#logocontainer li.thinkproperty { background: #fff url(../images/thinkproperty.jpg) no-repeat scroll left 50%; width:166px; height: 31px;}

#footernav { color:#902b92; clear:both; float: left; width: 100%; margin: 0 auto; font-size: 11px; padding-left: 5px; margin-top:10px; list-style-type:none;;}

#footernav li{ margin-right: 10px;}

#footercontainer p { text-align:center; width: 100%; font-size: 11px; }

/***** IMAGE SUB**/

#imagesub {list-style-type:none;}

#imageheadercontainer, #imagesub { float:left; clear:both; width: 100%; height: 120px; }

li.imageli { width: 541px; float: left;  height: 120px; background: #ccc;}

li.imagecontent { float:left; padding: 10px;  height: 100px; width: 419px; background: #ac2fae; color: #fff;}

li.imagecontent p { font-size:13px;}

/***** CONTACT FORM **/

#contactform { float: left; width:100%; clear:both; margin-top: 10px;}

#contactform p.subheading{  width:100%;}

#contactform label { width:100%; float: left; margin-top: 10px; margin-bottom:5px;}

#contactform input, #contactform textarea, #contactform select   { float: left; clear:both;  padding: 6px; border: 1px solid #ccc; width:40%;}

#contactform select#title { width: 60px !important; clear: left; margin-right: 10px;} 

#contactform input#fname, #contactform input#sname { width: 250px; clear: none; margin-right: 10px;}

label#smallsub { float: left; clear: none !important; font-size:10px ; }

label.title { width: 80px !important; } label.fname {width: 270px !important; } label.sname {width: 200px !important; }

.checklabel{ float:left !important; width: 400px !important;}

select#category { width: 50%;}

.checkbox { width: 20px !important; margin: 10px 10px 0px 0px !important; border: 0px !important; }

label.double { width: 100px !important;} label.email, label.sell, label.rent { width: 44% !important;}

input#telephone { clear: none !important; margin-left: 10px;} select#rent { clear:none !important; margin-left: 23px;}

#contactform span { margin-left:10px; #  margin-left: 10px;  color: #b1b1b1;  font-size: 11px;  font-style: italic; }

#contactform #send { float:right; margin-top:10px; background:#81B6F1; color:#fff; border: 0px; width: 100px; cursor:pointer; clear:both;}

#contactform #send:hover{  background: #79a7f1;  } 

#contactform input.error, #contactform textarea.error, #contactform select.error {background: #f8dbdb;   border-color: #e77776;  }

#contactform textarea {width: 97.3%; height: 200px;}

#error{ margin-bottom: 20px;  border: 1px solid #efefef; float:left; width: 95%; color: #F00; padding: 10px; font-weight: bold;  }

#valid{ margin-bottom: 20px;  border: 1px solid #efefef; float:left; width: 95%; color: #063; padding: 10px;   }

/***** SCROLLER **/

.tickercontainer { border-bottom: 3px solid #ddd; background:#ac2fad;  width:805px; height: 30px;  float: left; }

.mask { left: 5px; overflow: hidden; position: relative; top: 8px;  width:790px; float:left;}

.newsticker { margin: 0px; padding:0px; position:relative; width:1260px !important; color: #fff; list-style-image:none; list-style-type:none; }

.newsticker li { margin-right: 10px; padding:0px; float:left; }

.heading { font-weight:bold;  float: left; color:#fff; height: 16px; background:#ac2fad; border-bottom:3px solid #ddd; 	padding: 7px; width: 161px; }

/***** CALENDAR **/

.calendarside { width:299px; float: left; clear: both; display: block;}

form#calendar { clear:both; margin-top: 10px; float: left;  width: 299px !important; background: #ddd; border: 1px solid #A1A5A9;}

div.jcalendar { float: left; clear:both; margin: 0px 30px ; width: 239px;}

form#calendar h4 { margin: 10px 10px 0px 10px; border-bottom:1px solid #A1A5A9;}

p.time {padding: 2px 5px 5px 22px; margin-top: 10px; background:transparent url(../images/clock.png) no-repeat scroll left top; width: 109px; height: 18px; color: #68429A !important;  font-weight: bold; }

#LiveClockIE { background-color: transparent !important;  }

#LiveClockIE {  color: ##68429A !important;}

div.jcalendar select { border: 1px solid #ccc; }

select.jcalendar-select-day { /** width: 37px!important; **/ }

select.jcalendar-select-month { /** width: 82px!important; **/ }

select.jcalendar-select-year {/**  width: 51px!important; **/ }

#propertysearch { float: left; z-index:500; width:250px; padding:10px 0 0 24px;}
#propertysearch #form1{ float: left; width: 100%;}

#propertysearch  div{  float: left; font-size: 12px; width: 100%; } 

#propertysearch  div#price_low{  float: left; font-size: 12px; width: 50%; } 
#propertysearch  div#rent_low{  float: left; font-size: 12px; width: 50%; } 
#propertysearch  div#price_high{  float: left; font-size: 12px; width: 50%; } 
#propertysearch  div#rent_high{  float: left; font-size: 12px; width:50%; } 
#propertysearch div#rent_low select, #propertysearch  div#rent_high select { width: 100px;}
#propertysearch div#price_low select, #propertysearch  div#price_high select { width: 100px;}
select#psc_propertytype, select#psc_minbeds, select#psc_categoryid, select#psc_pagesize, select#psc_marketing {width: 90%;}
input#cmdSubmit { width:90%; background:#eee; color:#AC2FAD; border: 2px solid #68429A; margin-top: 10px; font-weight:bold; text-transform:uppercase; cursor:pointer;} 

#propertysearch div p { color: #fff;  width: 100%;}

#propertysearch select, #propertysearch input { padding: 3px; }

.clear, #propertysearch select { clear:both !important; } .full { width: 100%;}

h4.white { padding: 10px 0px 0px 0px; color:#fff; border: 0px !important;}


/** Banners Homee **/

#bannershomecontainer { width: 100%; float: left; clear: both; margin-top: 10px;  }

#contactbanner { width: 659px; float: left; height: 127px; background: url(../images/contactbanner.jpg) no-repeat scroll left top; margin-bottom: 10px; border: 1px solid #ccc; color:#000; }

#contactbanner #content {padding: 30px 10px 0px 137px;}

#contactbanner #content p {float: none;}


#decoratebanner { width: 659px; float: left;clear: both; height: 67px; background: url(../images/redecorate.jpg) no-repeat scroll left top;}

.hide {}
a#popupContactClose { background: #9e86be; color: #fff; cursor: pointer; float: right; padding: 5px; margin-top: 10px;}
#popupContact { background: #fff; height: 373px; display:none; width: 840px; z-index: 52;}
#backgroundPopup { background:#000; display:none; height: 100%; left:0; position: fixed; top: 0; width: 100%; z-index: 51;}
#taxi-info { float: left; width: 840px; height: 373px; background:#fff;}
#border{ float: left; width: 790px; border: 5px solid #9e86be; padding: 20px; background:#fff;}
#border #left-info { float: left; }
#border #right-info { float: left; width:350px; padding-left: 20px; margin-left: 20px; border-left: 1px solid #ccc;}
#border #right-info p { font-size: 15px; line-height: 20px; margin-bottom: 10px; font-family:Arial, Helvetica, sans-serif;}
#border #right-info img { margin-bottom: 10px; float: left; }
#border #right-info p.pad { padding: 5px; background:#7f2883; color:#fff; text-align:center;}