/* CSS Document */

body {color: #444; margin: 0; padding: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-image:url(images/back10.gif); background-repeat: repeat-x;}
h1, h2, h3, form, ul {margin: 0; padding: 0;}
h1 {font-size: 16px;}
h2 {font-size: 14px;}
a {text-decoration: none; color: #ff7c19;}
h1 a, h2 a {color: #ff7c19;}
a:hover {text-decoration: underline;}
hr {margin: 10px 20px 10px 20px; height: 1px; border: 0; background-image: url(images/hr.gif); background-repeat: repeat-x; clear: both;}
table {margin-left: 20px;}
fieldset {margin-left: 20px; border: 1px solid #e16202; background-color: #f7f8f8; clear: both;}
fieldset a {text-decoration: underline; font-weight: bold;}
fieldset a:hover {text-decoration: none;}

/* FRAME AREA */

#frame {width: 920px; margin: 0 auto 0 auto; /*background-color: blue;*/}

/* HEADER AREA */

#header {float: left; height: 80px; width: 920px; margin: 0;}
.rotation {float: right; font-weight: bold; font-size: 16px; text-align: right; margin: 28px 0 0 0;}

    .login { float: right; height: 35px; width: 920px; text-align: right; color: #fff; padding-right: 50px; background-image: url(images/signin.gif); background-repeat: no-repeat; background-position: right;}
    .login a {color: #fff; line-height: 28px;}
    .login span {color: #ff7c19; padding-right: 40px; font-size:11px;}
    .login span a{color: #ff7c19; margin:0 5px 0 5px; font-size:11px; text-decoration: none; }
    .login span a:hover{color:#ff7c19;}


/* NAVIGATION AREA */

#nav {float: left; line-height: 30px; width: 920px; margin: 0 0 15px 0;}
#nav li {list-style: none; margin: 0; padding: 0; float: left;}

.taborange {background-image: url(images/tab-orange.jpg); background-repeat: no-repeat; width: 120px; line-height: 30px; display: block; text-align: center; color: #fff;}
.taborange a {color: #fff;}

.tab{background-image: url(images/tab-grey.jpg); background-repeat:no-repeat; width: 120px; line-height: 30px; display: block; text-align: center;}
.tab a {color: #333;}

/* BUY BOX*/

.buymid {float: left; width: 648px; margin: 0 ; background-image: url(images/buyalt-mid2.gif); background-repeat: repeat-y;}
.buymid li {margin: 5px 15px 0 30px; list-style: url(images/arrow.gif);}
.buymid ul {margin-bottom: 10px; margin-top: 25px;}
.buymid p {margin: 10px;}
.buymid h1 {height: 25px; margin: 0 0 10px 10px;}
.buymid h1 a {text-decoration: none;}
.buymid h2 {margin: 0 0 0 10px;}
.buymid h2 a {text-decoration: none;}
.buymid li a {color: #000;}
.buymid input {margin-top: 15px;}
.buymid a {text-decoration: underline;}
.buymid a:hover {text-decoration: none;}

.buybox {float: left; width: 290px; margin: 14px 20px 0 10px;}

/* SELL BOX */

.sell {float: left; width: 261px; margin: 0 0 0 10px; background-image: url(images/sell-mid.gif); background-repeat: repeat-y;}
.sell ul {margin: 0;}
.sell li {margin: 15px 15px 0 30px; list-style: url(images/arrow.gif);}
.sell p {margin: 10px;}
.sell h1 {margin-left: 10px;}
.sell li a {color: #000;}
.sell input {margin-top: 15px;}

.prop {float: right;  margin-right: 10px;}
.butt {margin: 20px 0 0 10px;}

/* SUBNAV BOX */

.subnav {float: left; width: 265px; margin: 0 0 0 10px; background-image: url(images/sell-mid.gif); background-repeat: repeat-y;}
.subnav li {margin: 2px 10px 0 30px; list-style: url(images/arrow.gif);}
.subnav li a {color: #2e558a; text-decoration: underline;}
.subnav li a:hover {text-decoration: none;}
.subnav p {margin: 10px;}
.subnav h1 {margin: 0 0 10px 10px;}


/* _________________________SEARCHBOX________________________________________________*/

    #search {width: 880px; height: 89px; margin: 20px auto 20px auto; background-color: #ff7c19; color: #fff; padding: 20px; background-image:url(images/search.gif); background-repeat: no-repeat;}
    #ajax_listOfOptions {background-color: #fff; position: absolute; position: absolute; width: 260px; font-size: 12px; padding: 1px; cursor:pointer; border-top: none; text-indent: 10px;}
    #ajax_listOfOptions div:hover {background-color: #ff7c19;}

    #search h1 {font-size: 18px; margin: 10px 0 20px 30px;}
    #search label {font-size: 13px; margin: 0 10px 0 30px; float: left; line-height: 23px;}
    #search input {width: 260px; float: left; margin: 0 5px 0 0; height: 19px;}



    /* CONTENT BOX */


    .content {float: left; width: 920px; margin: 30px 0 30px 0; /*text-align: justify;*/ background-image: url(images/ads-mid.gif); background-repeat: repeat-y;}
    .content h1, .price span {color: #ff7c19; font-size: 30px; font-weight: normal;  line-height: 35px; margin: 0 20px 20px 0;}
    #title {width: 500px; padding-top: 25px; display: block;}
    
    
    #contentresults {width: 880px; margin: 0 20px 0 20px; /*background-color: green;*/}
    #contentresults hr {margin: 20px 0 20px 0;}
    

    .content h2, .contentresults h2 {margin: 0 0 30px 0; font-size: 21px; font-weight: normal;}
    .content p {margin-left: 0; margin-right: 20px;}
    .content h3 {margin: 0 0 15px 0; font-size: 18px; font-weight: normal; color: #ff7c19;}
    .content h4 {margin: 0 0 15px 0; font-size: 16px; font-weight: normal;}
    .content a {color: #ff7c19;}
    
    .content hr {margin: 20px 0 20px 0;}

    .cap {text-transform: capitalize;}
    .lowcap {text-transform: lowercase;}
    .content li, .contentresults li {list-style-image: url(images/bullet.gif);}
    .content blockquote {font-style: italic;}

    .filter {font-size: 12px; float: right; font-weight: bold; color: #222;}
    .filter a {color: #222; font-weight: normal; margin: 0px 5px 0px 5px;color: #222;}
    .filter a:hover {color: #222; text-decoration: none;}

    .price { width: 180px; float: right; text-align: center; font-size: 12px;  margin-top: 0px;color: Orange;}
    /* ie 6 bug */


    .picright {float: right; margin: 0 0 20px 20px;  padding: 5px; margin: 0 0 0 20px; border: none;}



.conleft {float: left; width: 620px; margin: 0px 0 30px 20px; text-align: justify; /*background-color: Lime;*/}
.conleft table {margin: 0 0 0 20px;}
.conleft ul, #contentresults ul {margin: 0 0 20px 60px;}
.conleft table a {text-decoration: underline;}
.conleft h3, .conleft button {margin-left: 20px;}
.conleft object {margin-left: 20px;}


.date {float: left; margin: 0 30px 120px 20px;}


    /* _________________________LOGIN TABLE________________________________________________*/

    .viewlist {width: 100%;}
    .viewlist th {background-color: #354049; color: #fff; font-size: 11px; text-align: left;}
    .viewlist td, .viewlist th {/*border-bottom: 1px solid #c2c2c2; padding: 2px 5px 2px 5px; font-size: 12px; /*text-transform: capitalize;*/}
    .cellcolour {background-color: #f2f1f1;}
    .viewlist td a {color: inherit; color: #000; text-decoration: none; cursor: pointer;}
    .viewlist a:hover {text-decoration: underline;}

    /* used in pop ups & add edit functions */
    .block td {font-size: 12px; vertical-align: top; padding: 3px;}
    .block select, .block input {width: 150px;}
    .cal {margin: 0px 0px 0px 5px; border: none; float: right; cursor:pointer;}

    #signin a{color: #222; font-size: 11px; text-decoration: none;}


    /* EMAIL TABLE */

    .email {width: 620px;}
    .email td {font-size: 12px;}
    .email textarea {width: 600px; height: 400px;}
    .email input {width: 535px;}
    .thin {width: 60px;}



 /* _________________________SIDEBAR________________________________________________*/
 
 
 
.conright {float: right; width: 230px; margin: 0 20px 30px 0; /*background-color: Yellow;*/}
.conright li {list-style: url(images/arrow.gif);}
.conright h2 {margin: 0px 0 30px 0; font-size: 20px; font-weight: normal;}
.conright h3 {font-size: 16px; font-weight: normal;}
.conright ul {margin: 0 0 0 0; padding: 0; border-top: 1px solid #c2c2c2;}
.conright li {list-style: none; border-bottom: 1px solid #c2c2c2; padding: 5px 10px 5px 10px;}
.conright li a {color: #333; text-decoration: none;}
.conright li a:hover {text-decoration: underline;}

.conright table {margin: 0; padding: 0;}
.conright input, .conright textarea {width: 220px}

/*.conright hr {border: 0; border-top: 1px dashed #ccc; height: 1px; clear: both; margin: 0 10px 0 10px;}*/

    .allnews {margin: 40px 0 0 10px;}

    .resources {/*background-repeat: no-repeat; background-image: url(images/resourcebox.gif);*/ width: 187px; height: 202px; margin: 40px 0 30px 10px; padding: 5px 10px 10px 15px;}
    .resources table {margin: 20px 0 0 0; padding: 0px; }
    .resources td {padding: 4px; }
    .resources a {color: #333; text-decoration: underline;}
    .resources a:hover {text-decoration: none;}
    .resources button {margin-top: 5px;}


    .contactbox {/*background-repeat: no-repeat; background-image: url(images/formbox.gif);*/ width: 187px; height: 610px; margin: 40px 0 20px 10px; padding: 5px 10px 10px 15px;}
    .contactbox table {margin: 20px 0 0 0; width: 170px;}
    .contactbox textarea {width: 170px; height: 95px;}
    .contactbox button {margin: 10px 0 0 0;}
    .contactfield {width: 170px;}

    .portfolio {/*background-repeat: no-repeat; background-image: url(images/portfolio.gif);*/ width: 187px; height: 95px; margin: 0 0 20px 0; padding: 5px 10px 10px 0;}
    .portfolio table {margin: 10px 0 0 0; width: 180px;}
    .portfolio img {margin: 0 20px 0 0;}
    .portfolio a, .portfolioBottom a {color: #333; text-decoration: underline;}
    .portfolio a:hover {text-decoration: none;}
    .portfolioBottom a {text-decoration: none; font-weight: bold;}
    .portfolioBottom a:hover {text-decoration: underline;}

    .portfolioTop h3 a {color: #333; text-decoration: none; display: block; font-weight: bold; color:#ff7c19;}
    .portfolioTop h3 a:hover {font-weight: bold;}
    .portfolioTop {/*background-repeat: no-repeat; background-image: url(images/portfolio-top.gif);*/ width: 187px; /*height: 35px;*/ margin: 0 0 10px 10px; padding: 4px 10px 10px 15px;}

    .portfolioBottom {/*background-repeat: no-repeat; background-image: url(images/portfolio-bottom.jpg);*/ background-position: bottom;  width: 187px; /*height: 67px;*/ margin: 2px 0 0px -15px; padding: 15px 10px 10px 15px;}
    .long {height: 450px;}
    .portfolioBottom input, .portfolioBottom select {_width: 127px; width: 130px; font-size: 11px;}
    .portfolioBottom button, .viewlist button {padding: 0px; line-height: 17px; font-size: 11px;}
    .portfolio button {padding: 0px; line-height: 17px; font-size: 11px; /*width: 40px;*/ float: right; margin: 0px;}
    .portfolioBottom form {margin: 0px; padding: 0px;}
    .portfolioBottom td {padding: 3px; font-size: 12px;}

    .infopack {width: 212px; margin: 20px 0 20px 10px;}
    .infopack a {color: #333; text-decoration: underline;}
    .infopack a:hover {text-decoration: none;}


 /*_____________________________SEARCH RESULTS__________________________________________________*/

    .filteresults {border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; line-height: 36px; padding: 10px 0 10px 0;  font-size: 11px; width: 880px; margin: 15px 0px 15px 0;}
    .filteresults table {margin: 0 auto 0 auto; width: 100%;}
    .filteresults td {padding: 3px;}
    .filteresults label {margin: 0 0px 0 0;}
    .filteresults h3 {font-size: 16px; font-weight: bold; margin: 0px 0px 5px 0px;}
    .filteresults select {font-size: 11px; margin: 0 5px 0 0px; width: 230px; padding: 2px;}
    #short {width: 110px; margin-right: 10px;}
    
    button {line-height: 18px; vertical-align: middle; margin: 2px; padding: 2px; _padding: 0px 2px 0px 2px; cursor:pointer; font-size: 11px; }
    button:hover {color: orange;}
    
    .filteresults button {width: 80px; padding: 2px;}

    .property {width: 420px; height: 170px; float: left; margin: 0 10px 0 10px; text-align: left; /*background-color: Yellow;*/}
    .property h3 {font-size: 14px; margin: 0 0 10px 0;}
    .property h3 small {font-size: 10px; font-weight: normal;}
    .propertyimg {border: 1px solid #cecccc; padding: 4px; width: 200px; height: 150px; display: block; float: left; margin-right: 10px;}
    .property strong {text-transform: capitalize; font-size: 11px;}
    .property p {margin-left: 0; margin-right: 0;}

    .desc {text-align: justify; font-size: 11px; padding: 0px 2px 0px 2px;}

    .pagenumbers {border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; padding: 0; margin: 10px 0 30px 0; width: 880px;}
    .pagenumbers button {font-size: 11px; margin-bottom: 10px;}
    .pagenumbers span {}
    .pagenumbers p {margin: 10px 0 5px 0; padding: 0;}
     
     #pnavon {font-weight: bold; color: #ff7c19; font-size: 12px; padding: 4px;}

    .smltext {font-size: 10px;}

    .incentive {font-size: 10px; color: #354049; font-weight: bold; }
    .incentive span {color:#ff7c19; }
    .incentive small {color: #999; font-size: 9px;}

    .linko {position: absolute; }
    .morelink {cursor: pointer; margin: 0 0 10px 0px;}
    .basket {height: 520px; }

    /*_____________________________PROPERTY DETAILS__________________________________________________*/


    .aboutprop {width: 620px; /*float: left; margin: 50px 50px 0 0;background-color: #ccc;*/}
    .facilities {width: 620px; /*float: left; margin: 50px 0 0 0; background-color: pink;*/}
    .facilities ul {margin: 0 0 30px 20px; padding: 0 0 0 20px; }
    .facilities li {list-style-position: outside; list-style-type:circle;  margin-top: 8px; }
    .facilities a {color: #333; text-decoration: underline;}
    .facilities a:hover {text-decoration: none;}

    #flashcontent {width: 600px;}
    #flashcontent object {margin-left: 20px;}
    
    .facilitiesprice {font-size: 30px; color: #ff7c19;line-height: 35px;}

    .sm {width: 35px; margin-right: 5px;}
    #price {width: 70px;}

    .mini {width: 80px; height: 60px; border: 1px solid #222;}
    .price {float: left; text-align: left;}
    .incentive {font-weight: bold; color: orange; font-size: 12px; text-transform: uppercase; }


/* AD BOX */

.ads {float: left; width: 920px; margin: 10px 0 10px 0; background-image: url(images/ads-mid.gif); background-repeat: repeat-y;}
.ads h1 {font-size: 14px; margin: 0 10px 10px 10px;}
.ads p {margin: 5px 30px 5px 10px;}
.ads h2 {margin: 10px; color: #657B99;}

.adpics {margin: 0;}
.adpics img {margin: 0 23px 0 23px;}

/* FEATURED BOXS */

.featured {float: left; width: 455px; margin: 0; /*background-color: red;*/ background-image: url(images/featured-mid2.gif); background-repeat: repeat-y;}
.featured h1 {font-size: 16px; margin: 0 0 5px 20px;}
.featured table {margin: 0 0 10px 0;}
.featuredpics {width: 410px; margin: 0 10px 0 20px; display: block;}
.featuredpics img {margin: 2px 2px 2px 2px;}
.featured h2 {margin: 0 0 22px 0;}

.price {font-size: 14px; color: #FF7C19; font-weight: bold;}
.spacer {width: 10px; float: left;}

/* DIRECTORY, FORUM BOXES */

.box {float: left; width: 250px; height: 150px; margin: 15px 0 0 0;}
.box li {margin: 0 0 0 50px; list-style: url(images/arrow.gif);}
.box h1 {margin: 10px 0 10px 32px; font-size: 14px;}
.box li a {color: #000;}

.directory {background-image: url(images/box-directory2.gif); background-repeat: no-repeat;}
.forum {background-image: url(images/box-forum2.gif); background-repeat: no-repeat;}
.blog {background-image: url(images/box-blog2.gif); background-repeat: no-repeat;}

/* DEVELOPMENT RESULTS */

.devresult {padding: 10px; width: 440px; float: left; margin: 0px 0 10px 20px; border: 1px solid orange;}
.devresult table {margin: 0;}
.devresult h2 {margin: 0 10px 0 0; padding: 0;}
.devresult img {margin-right: 10px;}
.devresult p {margin: 10px 0 10px 0;}
.devresult h2 {margin-bottom: 10px;}
.devbut {float: right; margin: 0 0 5px 0;}

/* PROPERTY RESULTS */

.propresult {padding: 10px; width: 200px; float: left; margin: 0px 0 10px 20px; border: 1px solid orange;}
.propresult table {margin: 0;}
.propresult h2 {margin: 0 10px 0 0; padding: 0;}
.propresult img {margin-right: 10px;}
.propresult p {margin: 10px 0 10px 0;}
.propresult h2 {margin-bottom: 10px;}
.devbut {float: right; margin: 0 0 5px 0;}

/* DEVELOPMENT DETAILS */

label {float: left; width: 200px; margin: 2px 0 0 20px; line-height: 23px; display: block;}

/* FOOTER AREA */

#footer {clear: both; height: 150px; width: 100%; margin: 10px 0 0 0; background-image: url(images/footer.gif); background-repeat: repeat-x; }
.foot {width: 920px; margin: 0 auto 0 auto; padding: 30px 0 0 0;}

/* GLOSSARY */

.glossary {margin: 20px 0 0 0;}
.glossary td {padding: 2px;}
.glosslight {background-color: #f3f4f4;}
.glossdark {background-color: #ebedef;}

/* CLASSES AND OTHER CRAP */

.right {float: right;}
.left {float: left;}
.picleft {float: left; margin: 0 20px 10px 0;}
.picright {float: right; margin: 0 0 10px 10px;}
.icons {float: right; margin-right: 20px;}
.map {float: right; margin: 0 20px 10px 40px;}
.formfield {width: 350px;}
.greytext {color: #999;}
.finputs {float: left; width: 260px; margin: 2px 0 0 0;}
.tagline {color: #2e558a;}
.orangetext {color: #e16202;}
.btext {color: #9b0101; font-weight: bold;}
.marg {margin: 0 0 20px 20px;}
.thumb {width: 120px; height: 80px;}

#butty {background-color: #ff7c19; width: 150px; line-height: 30px; text-align: center; display: block; color: #fff; font-weight: bold; border: 1px solid #ccc; margin-bottom: 20px; text-transform: uppercase;}




#crumbs {margin: 0 20px 0 20px;}
.icons img {margin: 0 0 10px 10px;}
.red{border: solid 1px Red;}
.green{border: solid 1px Green;}