@charset "utf-8";
/* CSS Document */

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

body {
background:url(../images/bg.jpg) top left repeat-x #ebfaff;
text-align:center;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
color:#666666;
}

#frame {
width:957px;
text-align:left;
margin:auto;
overflow:hidden;
}

p {
font-size:12px;
line-height:18px;
color:#666666;
margin-bottom:25px;
}

h5 {
font-size:12px;
line-height:18px;
color:#666666;
margin-bottom:8px;
font-weight:bold;
margin-left:35px;
}

table {
font-size:12px;
line-height:18px;
color:#666666;
}

a {
color:#0099cc;
}

a:hover {
color:#666666;
}

ul {
font-size:12px;
line-height:18px;
color:#666666;
margin-bottom:25px;
margin-left:15px;
list-style-position:outside;
list-style-image:url(../images/list.gif);
}

li {
margin-bottom:5px;
}

ol {
font-size:12px;
line-height:18px;
color:#666666;
margin-bottom:25px;
list-style-position:outside;
list-style:lower-alpha;
margin-left:18px;
}

.blue {
color:#0099cc;
}

.grey {
color:#666666;
}

h1 {
color:#0099cc;
font-family:Helvetica, Arial, sans-serif;
font-size:25px;
font-weight:normal;
margin-bottom:15px;
}

h2 {
color:#666666;
font-family:Helvetica, Arial, sans-serif;
font-size:13px;
font-weight:normal;
margin-bottom:25px;
margin-left:35px;
font-style:italic;
}

h2 a {
color:#0099cc;
font-size:18px;
text-decoration:none;
font-style:normal;
}

h2 a:hover {
color:#666666;
}

h3 {
color:#0099cc;
font-family:Helvetica, Arial, sans-serif;
font-size:18px;
font-weight:normal;
margin-bottom:25px;
margin-left:35px;
}


/************* HEADER **************/

#header {
width:957px;
height:96px;
background:url(../images/header.jpg) top left no-repeat;
}

#head_details {
height:40px;
float:right;
text-align:right;
font-size:13px;
}

.head_txt {
color:#FFFFFF;
line-height:18px;
margin:-19px 15px 0px 0px;
}

.head_txt a {
color:#FFFFFF;
text-decoration:none;
}

.head_txt a:hover {
color:#bfdef5;
}

.head_shadow {
color:#3675a7;
line-height:18px;
margin:15px 15px 0px 0px;
}


/************ NAVIGATION **************/


#navigation {
height:41px;
float:right;
margin:15px 25px 0px 0px;
}

* html #navigation {
margin:15px 12px 0px 0px;
}

.nav {
color:#339900;
float:left;
text-align:center;
height:41px;
}

.navleft {
height:41px;
width:8px;
background:url(../images/navleft.png) top left no-repeat;
float:left;
margin-left:-1px;
}

.navright {
height:41px;
width:8px;
background:url(../images/navright.png) top left no-repeat;
float:left;
}

.navcont {
height:41px;
background:url(../images/navbg.png) top left repeat-x;
float:left;
}

.navcont a {
color:#339900;
text-decoration:none;
font-size:12px;
line-height:41px;
}

.navcont a:hover {
color:#666666;
}

.navcont2 {
height:41px;
background:url(../images/navbg.png) top left repeat-x;
float:left;
padding:7px 3px 0px 3px;
}

.navcont2 a {
color:#339900;
text-decoration:none;
font-size:12px;
line-height:14px;
}

.navcont2 a:hover {
color:#666666;
}

* html .navcont2 {
height:34px;
}




/************ CONTENT **************/

#content {
width:957px;
background:url(../images/contentbg.png) top left no-repeat #ffffff;
overflow:hidden;
}

#leftcolumn {
width:247px;
float:left;
margin:4px 1px 0px 4px;
}

* html #leftcolumn {
margin:4px 1px 0px 2px;
}

#topleft {
width:247px;
float:left;
background:url(../images/left_top.png) top left no-repeat;
margin-bottom:1px;
}

.leftgradup {
width:247px;
float:left;
background:url(../images/leftgradup.jpg) top left no-repeat;
margin-bottom:1px;
}

.leftgraddown {
width:247px;
float:left;
background:url(../images/leftgraddown.jpg) top left no-repeat;
margin-bottom:1px;
}



#featuredleft {
list-style:none;
width:203px;
float:left;
margin:-10px 0px 10px 22px;
}

* html #featuredleft {
margin:-10px 0px 10px 11px;
}

#featuredleftup {
height:30px;
width:203px;
border-bottom:1px solid #0099cc;
background:url(../images/up.png) center no-repeat;
display:block;
float:left;
margin-left:22px;
}

* html #featuredleftup {
margin-left:11px;
}

#featuredleftup a {
height:30px;
width:203px;
display:block;
border:none;
}

#featuredleftdown {
height:30px;
width:203px;
border-top:1px solid #0099cc;
background:url(../images/down.png) center no-repeat;
display:block;
float:left;
margin:0px;
margin-left:22px;
}

* html #featuredleftdown {
margin-left:11px;
}

#featuredleftdown a {
height:30px;
width:203px;
display:block;
border:none;
}

.featureditem {
border:1px solid #0099cc;
background:#ffffff;
width:201px;
float:left;
margin:20px 0px 0px 0px;
}

* html .featureditem {
height:92px;
}

.fitemhold {
border:1px solid #0099cc;
width:80px;
height:80px;
float:left;
margin:5px 10px 5px 5px;
}

.mainitemhold{
border:1px solid #0099cc;
width:487px;
height:281px;
margin:15px;
float:left;

}

.featureditem p {
line-height:14px;
font-size:11px;
margin:10px 0px 0px 0px;
}

.featureditem p a {
color:#0099cc;
}

.featureditem p a:hover {
color:#666666;
}

.leftlandlords {
width:245px;
height:165px;
float:left;
background:url(../images/landlordsbox.jpg) top left no-repeat;
margin:1px 0px 1px 1px;
color:#FFFFFF;
}

* html .leftlandlords {
margin:1px 0px 1px 0px;
}

.leftlandlords p {
margin:10px 10px 0px 15px;
color:#FFFFFF;
}

.leftlandlords .tennantbutton {
background:url(../images/button.png);
color:#FFFFFF;
border:none;
margin:10px 0px 77px 15px;
height:18px;
width:125px;
font-size:12px;
text-align:left;
padding:5px 0px 1px 5px;
}

.tennantbutton a {
color:#FFFFFF;
text-decoration:none;
}

.homeimg {
margin:4px 0px 0px 0px;
float:left;
}

#fullcolumn {
width:701px;
float:left;
margin:4px 0px 0px 0px;
}

#fullcolumn p {
margin-left:35px;
margin-right:35px;
}

#fullcolumn h1 {
margin-top:25px;
margin-left:35px;
margin-right:35px;
}

#fullcolumn li {
margin-left:35px;
margin-right:60px;
}

#fullcolumn table {
margin-left:35px;
margin-right:25px;
}

#fullcolumn table td {
text-align:left;
}

#fullcolumn input{
border:1px solid #0099cc;
background-color:#FFFFFF;
color:#666666;
padding:1px 0px 0px 2px;
margin:5px 0px 0px 10px;
font-size:12px;
height:22px;
width:180px;
}

#fullcolumn select{
border:1px solid #0099cc;
background-color:#FFFFFF;
color:#666666;
padding:0px 0px 0px 2px;
margin:5px 0px 0px 10px;
font-size:12px;
height:22px;
width:184px;
}

#fullcolumn textarea{
border:1px solid #0099cc;
background-color:#FFFFFF;
color:#666666;
padding:1px 0px 0px 2px;
margin:5px 0px 0px 10px;
font-size:12px;
height:140px;
width:180px;
}

#fullcolumn #formsubmit {
background:url(../images/button.png);
color:#FFFFFF;
border:none;
margin:12px 0px 12px 10px;
height:24px;
width:130px;
font-size:12px;
text-align:left;
padding:0px 0px 1px 4px;
}

#centercolumn {
width:513px;
float:left;
}

#centercolumn h1 {
margin-top:25px;
margin-left:35px;
margin-right:35px;
}

#centercolumn p {
margin-left:35px;
margin-right:25px;
}

#centercolumn table {
margin-left:35px;
margin-right:25px;
}

#centercolumn li {
margin-left:35px;
margin-right:25px;
}

#centercolumn input{
border:1px solid #0099cc;
background-color:#FFFFFF;
color:#666666;
padding:1px 0px 0px 2px;
margin:5px 0px 8px 22px;
font-size:12px;
}

#centercolumn .formsubmit {
background:url(../images/button.png);
color:#FFFFFF;
border:none;
margin:12px 0px 12px 22px;
height:24px;
width:130px;
font-size:12px;
text-align:left;
padding:0px 0px 1px 4px;
}

.title {
margin:29px 0px 15px 35px;
}

#topleft .title, .leftgradup .title, .leftgraddown .title {
margin-left:22px;
}

#topleft p, .leftgradup p, .leftgraddown p {
margin-left:22px;
color:#0099cc;
margin-bottom:0px;
}

#leftcolumn span {
color:#0099cc;
font-size:12px;
}

#leftcolumn input[type=text] {
border:1px solid #0099cc;
background-color:#FFFFFF;
color:#666666;
padding:2px 0px 0px 2px;
margin:5px 0px 8px 22px;
font-size:12px;
}
#leftcolumn .quicksearchsubmit {
background:url(../images/button.png);
color:#FFFFFF;
border:none;
margin:12px 0px 12px 22px;
height:24px;
width:130px;
font-size:12px;
text-align:left;
padding:0px 0px 1px 4px;
}

.leftfull {
width:193px;
height:19px;
}

.leftfullselect {
margin:5px 0px 8px 22px;
font-size:12px;
color:#666666;
}

#leftcolumn select {
margin:5px 0px 8px 22px;
font-size:12px;
color:#666666;
}

* html .leftfull {
border:1px solid #0099cc;
background-color:#FFFFFF;
color:#CCCCCC;
padding:2px 0px 0px 2px;
margin:5px 0px 8px 22px;
font-size:12px;
}

.lefthalf {
width:87px;
float:left;
height:19px;
}

* html .lefthalf {
border:1px solid #0099cc;
background-color:#FFFFFF;
color:#CCCCCC;
padding:2px 0px 0px 2px;
margin:5px 0px 8px 22px;
font-size:12px;
}

.left50 {
width:90px;
float:left;
border-right:1px solid #0099cc;
margin-left:22px;
}

* html .left50 {
margin-left:11px;
}

.left50 select {
width:45px;
font-size:12px;
color:#666666;
}

.right50 {
width:90px;
margin-left:15px;
float:left;
}

.right50 select {
width:90px;
font-size:12px;
color:#666666;
}

#rightcolumn {
width:185px;
border-left:1px solid #cccccc;
float:left;
margin:70px -10px 0px 0px;
}

.boxright {
width:156px;
border:1px solid #0099cc;
margin:0px 0px 15px 15px;
background:url(../images/rightboxbg.gif) top left repeat-x;
float:left;
}

* html .boxright {
margin:0px 0px 15px 7px;
}

.boxright h3 {
color:#0099cc;
font-weight:normal;
margin:10px 0px 5px 10px;
font-size:16px;
line-height:18px;
}

.boxright p {
color:#666666;
margin:0px 10px 10px 10px;
font-size:11px;
line-height:16px;
}

.boxright .tennantbutton {
background:url(../images/button.png);
color:#FFFFFF;
border:none;
margin:22px 0px 77px 10px;
height:18px;
width:125px;
font-size:12px;
text-align:left;
padding:5px 0px 1px 5px;
}

.leftmap {
margin:10px 0px 20px 22px;
}


/************* FOOTER **************/

#footer {
width:957px;
height:33px;
background:url(../images/contentbgend.png) top left no-repeat;
overflow:hidden;
margin:0px 0px 20px 0px;
}

.copyleft {
font-size:10px;
color:#0099cc;
text-align:left;
float:left;
width:750px;
margin:9px 0px 0px 20px;
}

.copyright {
font-size:10px;
color:#0099cc;
text-align:right;
float:right;
width:150px;
margin:9px 20px 0px 0px;
}

.copyleft a, .copyright a {
color:#0099cc;
}

.copyleft a:hover, .copyright a:hover {
color:#666666;
}


/**************** PROPERTIES LIST ********************/

.listheadleft {
color:#666666;
font-size:11px;
float:left;
margin-left:35px;
}

.listheadright {
color:#666666;
font-size:11px;
float:right;
text-align:right;
margin-right:35px;
}

.listheadleft a, .listheadright a {
color:#666666;
text-decoration:underline;
}

.listheadleft a:hover, .listheadright a:hover {
color:#666666;
}

#listframe {
width:632px;
margin:7px 0px 15px 35px;
border-bottom:1px solid #0099cc;
border-top:1px solid #0099cc;
float:left;
}

* html #listframe {
margin:7px 0px 15px 18px;
}

.proplist1, .proplist2 {
width:632px;
float:left;
}

.proplist1 {
background:#ddedf8;
}

.proplisthold{
border:1px solid #0099cc;
margin:15px;
height:127px;
width:182px;
float:left;
}

.proplisthold img{
border:0px;
}

.proplisttxt {
float:left;
width:430px;
margin-left:-30px;
}

.proplisttxt p {
color:#666666;
margin-bottom:15px;
}

.proplisttxt p a {
color:#0099cc;
text-decoration:underline;
}

.proplisttxt p a:hover {
color:#666666;
}

.proplisttxt h2 {
margin:15px 0px 10px 35px;
color:#0099cc;
font-size:18px;
}

/**************** PROPERTIES LIST ********************/

.propertyhead {
width:632px;
float:left;
background:#ddedf8;
margin:0px 0px 25px 0px;
}

* html .propertyhead {
width:632px;
height:320px;
}


.propertysmlist {
width:81px;
float:left;
margin-left:8px;
}

* html .propertysmlist {
position:absolute;
margin:0px 0px 0px -15px;
}

#up {
height:30px;
width:81px;
background:url(../images/up.png) center no-repeat;
display:block;
float:left;
}

#up a {
height:30px;
width:81px;
display:block;
border:none;
}

#down {
height:30px;
width:81px;
background:url(../images/down.png) center no-repeat;
display:block;
float:left;
margin:0px 0px 0px 0px;
}

#down a {
height:30px;
width:81px;
display:block;
border:none;
}

.propertysmlist ul {
list-style:none;
margin-left:-70px;
margin-bottom:0px;
}

* html .propertysmlist ul {
list-style-position:inside;
list-style-image:none;
margin:0px 0px 0px -70px;
width:81px;
}


.propertysmlist ul li img {
border:1px solid #0099cc;
height:79px;
width:79px;
padding:0px;
margin:1px 0px -5px 0px;
}

.propertycontent {
width:622px;
float:left;
border:1px solid #0099cc;
padding:10px 10px 0px 10px;
margin:0px 0px 20px 0px;
}

* html .propertycontent {
width:610px;
}

.price {
color:#0099cc;
font-size:18px;
}

.propcontframe {
margin:0px 0px 0px -35px;
}

.propcontframe p {
margin-bottom:10px;
}

.cont50 {
width:180px;
float:left;
margin-left:35px;
}

.cont50 input {
height:23px;
}

hr {
height:1px;
border:none;
background-color:#CCCCCC;
color:#CCCCCC;
margin:25px 35px;
}

.contact_txt {
margin:5px 0px;
border:1px solid #0099cc;
color:#b3b3b3;
font-size:12px;
padding:4px 0 0 4px;
height:22px;
width:180px;
}

.contact_code {
margin:5px 0px;
border:1px solid #0099cc;
color:#b3b3b3;
font-size:12px;
padding:4px 0 0 4px;
height:22px;
width:180px;
}

.contact_enq {
margin:5px 0px;
border:1px solid #0099cc;
color:#666666;
font-size:12px;
padding:4px 0 0 4px;
height:98px;
width:178px;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
line-height:18px;
}

div.captchaImage{ /* Repositions the Captcha image */
	margin-top:8px;
	vertical-align:middle;
	padding:2px 4px 4px 4px;
	background:#ffffff;
	border:1px solid #a1a1a1;
	width:174px;
	height:18px;
	margin-bottom:10px;
}

.jcarousel-container {
    position: relative;
	float:left;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 201px;
    height:92px;
}

.jcarousel-clip-vertical {
    width:  243px;
    height: 327px;
}

.jcarousel-item {
    width: 201px;
    height: 92px;
	margin-bottom:15px;
}

* html .jcarousel-item {
	margin-bottom:-10px;
}

.propertysmlist .jcarousel-list li,
.propertysmlist .jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 80px;
    height:80px;
}
.propertysmlist .jcarousel-clip-vertical {
    width:  90px;
    height: 255px;
}

.propertysmlist .jcarousel-item {
    width: 80px;
    height: 80px;
	margin-bottom:6px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
 .jcarousel-next {
    z-index: 3;
    display: none;
}

 .jcarousel-prev {
    z-index: 3;
    display: none;
}




.jcarousel-item-vertical {

}

.jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.thumbimages {
margin-left:35px;
margin-bottom:25px;
}

.thumbsubmit {
background:url(../images/button.png);
color:#FFFFFF;
border:none;
margin:12px 0px 12px 35px;
height:24px;
width:100px;
font-size:12px;
text-align:left;
padding:0px 0px 1px 4px;
}
.sideimage{
cursor:pointer;
}

.contact_submit {
width:70px;
}
.mainopt{

}
.subopt{
padding-left:5px;
font-size:10px;
}