/* ------------  listings pages styles  ------------------------ */

/* ------------  styles used on all listings pages  ------------------------ */

/*--- sidebar ----*/

#listingsidebar {
float: left;
width: 215px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* ---------------- listings sidebar navigation ------------------- */
#listingsidebar ul {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 4px 0px 0px 40px;
}

#listingsidebar li {
display: block;
color: #98cd0d;
padding: 6px 0px 6px 0px;
font-weight: bold;
}


#listingsidebar a:link {
display: block;
padding: 0px 0px 0px 15px;
color: #000;
background: url(../images/sidenav_orange.gif) top left no-repeat;
background-position: 0px 2px;
text-decoration: none;
border: 0px;
}

#listingsidebar a:visited {
display: block;
padding: 0px 0px 0px 15px;
background: url(../images/sidenav_orange.gif) top left no-repeat;
background-position: 0px 2px;
text-decoration: none;
color: #000;
}

#listingsidebar a:hover {
display: block;
padding: 0px 0px 0px 15px;
background: url(../images/sidenav_green.gif) top left no-repeat;
background-position: 0px 2px;
text-decoration: none;
color: #98cd0d;
/*color: #FFA752;*/
}

#listingsidebar a:active {
display: block;
padding: 0px 0px 0px 15px;
background: url(../images/sidenav_green.gif) top left no-repeat;
background-position: 0px 2px;
text-decoration: none;
color: #000000;
}

/*----- custom links to highlight the current page in the sidebar ----*/

#listingsidebar a.currentpage:link {
padding: 0px 0px 0px 15px;
background: url(../images/sidenav_green.gif) top left no-repeat;
background-position: 0px 2px;
text-decoration: none;
color: #98cd0d;
}

#listingsidebar a.currentpage:visited {
padding: 0px 0px 0px 15px;
background: url(../images/sidenav_green.gif) top left no-repeat;
background-position: 0px 2px;
text-decoration: none;
color: #98cd0d;
}

#listingsidebar a.currentpage:hover {
padding: 0px 0px 0px 15px;
background: url(../images/sidenav_green.gif) top left no-repeat;
background-position: 0px 2px;
text-decoration: none;
color: #98cd0d;
}

#listingsidebar a.currentpage:active {
padding: 0px 0px 0px 15px;
background: url(../images/sidenav_green.gif) top left no-repeat;
background-position: 0px 2px;
text-decoration: none;
color: #000000;
}

/*----- end of custom links ----*/

#listingsideimage {
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 40px;
}
#listingsidebar blockquote {
color: #999999;
margin: 25px 20px 0px 40px;
padding: 0px 0px 0px 0px;
font-style: italic;
font-size: 14px;
line-height: 20px;
}

/*---------------------- end of listings sidebar navigation  ----------------------*/
/* ------------------------------------------------------------------------------ */




/*---------------------- content area  ----------------------*/
#listingcontent{
margin: 0px 0px 0px 220px;
padding: 0px 0px 0px 0px;
width: 560px;
}


#listingcontent p {
margin: 0px 0px 0px 0px;
padding: 5px 120px 10px 0px;
color: #656565;
font-size: 13px;
line-height: 17px;
}

#listingcontent p.intro {
margin: 0px 0px 0px 0px;
padding: 5px 120px 10px 20px;
}

#listingcontent p.propspages {
margin: 0px 0px 0px 0px;
padding: 5px 120px 10px 20px;
}

#listingcontent h1{
font-size: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 80px 0px 20px;
color:#98cd0d;
}
#listingcontent span.para {
width: 410px;
float: left;
font-weight: normal;
font-size: 11px;
color: #666666;  
margin: 0px 20px 0px 0px;
padding: 6px 5px 5px 10px;
}
#listingcontent span.head4 {
font-weight: bold;
font-size: 12px;
color: #000000;  
margin: 0px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 10px;
}



/* ------------  styles for sort buttons  ------------------------ */

/*sqft sort button */
#listingcontent p a{
margin: 5px 0px 0px 5px;
padding: 0px 0px 0px 0px;
}

#listingcontent p a:link {
padding: 2px 0px 0px 30px;
background: url(../images/123.gif) top left no-repeat; 
background-position: 0 0px;
text-decoration: none;
color: #999999;
}

#listingcontent p a:visited {
padding: 2px 0px 0px 30px;
background: url(../images/123.gif) top left no-repeat; 
background-position: 0 0px;
text-decoration: none;
color: ##999999;
}

#listingcontent p a:hover {
padding: 2px 0px 0px 30px;
background: url(../images/123.gif) top left no-repeat; 
background-position: 0 0px;
text-decoration: none;
color: #007457;
}

#listingcontent p a:active {
padding: 2px 0px 0px 30px;
background: url(../images/123.gif) top left no-repeat;
background-position: 0 0px;
text-decoration: none;
color: #000000;
}

/* alphabetically sort button */
#listingcontent p a.alphabet:link {
padding: 2px 0px 0px 30px;
background: url(../images/alphabetsort.gif) top left no-repeat; 
background-position: 0 0px;
text-decoration: none;
color: #999999;
}

#listingcontent p a.alphabet:visited {
padding: 2px 0px 0px 30px;
background: url(../images/alphabetsort.gif) top left no-repeat; 
background-position: 0 0px;
text-decoration: none;
color: #999999;
}

#listingcontent p a.alphabet:hover {
padding: 2px 0px 0px 30px;
background: url(../images/alphabetsort.gif) top left no-repeat; 
background-position: 0 0px;
text-decoration: none;
color: #007457;
}

#listingcontent p a.alphabet:active {
padding: 2px 0px 0px 30px;
background: url(../images/alphabetsort.gif) top left no-repeat;
background-position: 0 0px;
text-decoration: none;
color: #000000;
}

/*----------------------------------------------------------*/
/*------ oot properties avaialble key ------*/


/* properties available sort graphic */
#listingcontent p span.props {
padding: 0px 0px 0px 20px;
background: url(../images/props_available.gif) top left no-repeat; 
text-decoration: none;
color: #999999;
}

/* properties available sort graphic */
#listingcontent p span.landlord {
padding: 0px 0px 0px 20px;
background: url(../images/landlord_ins.gif) top left no-repeat; 
text-decoration: none;
color: #999999;
}

/* developments key graphic */
#listingcontent p span.developments {
padding: 0px 0px 0px 20px;
background: url(../images/developments.gif) top left no-repeat; 
text-decoration: none;
color: #999999;
}


/* -------------- end of styles for sort and key buttons -------------- */
/*----------------------------------------------------------*/


/*--- divider line ---*/

#divider {
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image: url(../images/divider3.gif);
background-position: bottom-left;
background-repeat: repeat-y;
}

#clearone{
clear: both;
height: 0px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 0px 0px;
}

/* ------- spacers: help to keep the same space between the divider line and bottom of page */

#bottomspacer{
height: 1px;
margin: 0px 0px 0px 0px;
height: 1px;
}

#listingspacer{
clear: both;
height: 1px;
margin: 0px 0px 0px 0px;
}

/* -------- next and previous buttons for listings ------------*/

#listnav{
margin: 10px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}

#listnav ul {
list-style: none;
margin: 0px;
padding: 0px;
color:#FFFFFF;
}

#listnav li {
float:left;
font-size: 11px;
font-weight: bold;
margin: 0px;
padding: 0px 0px 0px 10px;
}

/* ################################################ Page numbers */
#listnav p{
text-align: right;
padding: 0px 40px 0px 0px;
}

#listnav p.propspages {
margin: 0px 0px 0px 0px;
padding: 0px 40px 0px 0px;
}

/*--- next button ---*/

#listnav a.next:link {
display: block;
width: 68px;
height: 18px;
padding: 2px 0px 0px 7px;
background: url(../images/next.gif) top left no-repeat; 
background-position: 0 0px;
text-decoration: none;
color: #ffffff;
}

#listnav a.next:visited {
display: block;
width: 68px;
height: 18px;
padding: 2px 0px 0px 7px;
background: url(../images/next.gif) top left no-repeat; 
background-position: 0 0px;
text-decoration: none;
color: #ffffff;
}

#listnav a.next:hover {
display:block;
width: 68px;
height: 18px;
padding: 2px 0px 0px 7px;
background: url(../images/next.gif)top left no-repeat; 
background-position: 0 -50px;
text-decoration: none;
color: #ffffff;
}

#listnav a.next:active {
display:block;
width: 68px;
height: 18px;
padding: 2px 0px 0px 7px;
background: url(../images/next.gif)top left no-repeat;
background-position: 0 -75px;
text-decoration: none;
color: #ffffff;
}

/*--- previous button ---*/

#listnav a.previous:link {
display: block;
width: 52px;
height: 18px;
padding: 2px 0px 0px 23px;
background: url(../images/previous.gif) top left no-repeat; 
background-position: 0 0px;
text-decoration: none;
color: #ffffff;
}

#listnav a.previous:visited {
display: block;
width: 52px;
height: 18px;
padding: 2px 0px 0px 23px;
background: url(../images/previous.gif) top left no-repeat; 
background-position: 0 0px;
text-decoration: none;
color: #ffffff;
}

#listnav a.previous:hover {
display:block;
width: 52px;
height: 18px;
padding: 2px 0px 0px 23px;
background: url(../images/previous.gif)top left no-repeat; 
background-position: 0 -50px;
text-decoration: none;
color: #ffffff;
}

#listnav a.previous:active {
display:block;
width: 52px;
height: 18px;
padding: 2px 0px 0px 23px;
background: url(../images/previous.gif)top left no-repeat;
background-position: 0 -75px;
text-decoration: none;
color: #ffffff;
}


/*--- previous button off state - set through the li tag ---*/

#listnav li.previousoff {
float:left;
font-size: 11px;
font-weight: bold;
margin: 0px 0px 0px 10px;
/*padding: 0px 0px 0px 10px;*/
display: block;
width: 52px;
height: 18px;
padding: 2px 0px 0px 23px;
background: url(../images/previous_off.gif) top left no-repeat; 
background-position: 0 0px;
text-decoration: none;
color: #ffffff;
}

/*--- next button off state - through the li tag ---*/

#listnav li.nextoff {
float:left;
font-size: 11px;
font-weight: bold;
margin: 0px 0px 0px 10px;
/*padding: 0px 0px 0px 10px;*/
display: block;
width: 67px;
height: 18px;
padding: 2px 0px 0px 8px;
background: url(../images/next_off.gif) top left no-repeat; 
background-position: 0 0px;
text-decoration: none;
color: #ffffff;
}





/* ------------------------------------------------------------------------------ */

/* ------------  extra styles for lisitings pages  ------------------------ */

/* --- active retailers table ---*/

.activetable {
margin: 0px 0px 0px 20px;
width: 560px;
}

table.retailers {
font-size: 12px;
width: 500px;
border-collapse: collapse;
/*border: 4px solid #ffffff;*/
color:#007457;
background: #E8E8E8;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
}

table.retailers tbody tr {
border-bottom: 2px solid #ffffff;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

table.retailers tbody tr td {
font-weight: bold;
color: #000000;  
margin: 0px;
padding: 5px 5px 5px 15px;
border-bottom: 3px solid #ffffff;
}

table.retailers tbody tr td.sqft {
font-weight: bold;
color: #999999; 
margin: 0px;
padding: 0px;
padding-right: 150px;
text-align: right;
}


/* --- properties available table ---*/


.activetable {
margin: 0px 0px 0px 20px;
width: 560px;
}


#listingcontent table.ootprops {
font-size: 12px;
width: 500px;
border-collapse: collapse;
color:#007457;
background: #E8E8E8;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
}

#listingcontent table.ootprops tbody {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#listingcontent table.ootprops tbody tr {
border-bottom: 2px solid #ffffff;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;

}


#listingcontent table.ootprops tbody tr td {
font-weight: bold;
color: #000000;  
margin: 0px;
padding: 0px 0px 0px 0px;
border-bottom: 3px solid #ffffff;
background-image:url(../images/tableborder.gif); 
background-repeat: repeat-y;
background-position: right;
}

#listingcontent table.ootprops tbody tr td h4 {
font-weight: bold;
font-size: 12px;
color: #323232;  
margin: 0px;
padding: 0px;
}

#listingcontent table.ootprops tbody tr td a:link {
font-weight: bold;
font-size: 12px;
color: #000000;  
margin: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background:none;}

#listingcontent table.ootprops tbody tr td a:visited {
font-weight: bold;
font-size: 12px;
color: #000000;  
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background:none;}

#listingcontent table.ootprops tbody tr td a:hover {
color: #98cd0d;  
background:none;
}

#listingcontent table.ootprops tbody tr td a:active {
color: #000000;  
background:none;
}



#listingcontent table.ootprops tbody tr td h4 {
font-weight: bold;
font-size: 12px;
color: #323232;  
margin: 0px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 10px;
}


/* --- properties p img style ---*/

#listingcontent table.ootprops tbody tr td p {
width: 410px;
float: left;
font-weight: normal;
font-size: 11px;
color: #666666;  
margin: 0px 20px 0px 0px;
padding: 0px 5px 0px 10px;
}

#listingcontent table.ootprops tbody tr td h4 p {
width: 90px;
float: right;
font-weight: normal;
font-size: 11px;
color: #666666;  
margin: 0px 10px 0px 0px;
padding: 0px 5px 0px 10px;
}

#listingcontent table.ootprops tbody tr td div.cell a h4 {
font-weight: bold;
font-size: 12px;
color: #000000;  
margin: 0px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 10px;
}

#listingcontent table.ootprops tbody tr td div.cell a:hover h4 {
font-weight: bold;
font-size: 12px;
color: #666666;  
margin: 0px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 10px;
}

#listingcontent table.ootprops tbody tr td div.cell a p {
width: 410px;
float: left;
font-weight: normal;
font-size: 11px;
color: #666666;  
margin: 0px 20px 0px 0px;
padding: 0px 5px 0px 10px;
}

#listingcontent table.ootprops tbody tr td div.cell a:hover p {
width: 410px;
float: left;
font-weight: normal;
font-size: 11px;
color: #000000;  
margin: 0px 20px 0px 0px;
padding: 0px 5px 0px 10px;
}


#listingcontent table.ootprops tbody tr td div.cell{
width: 100%;
float: left;
font-weight: normal;
font-size: 11px;
color: #666666;  
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#listingcontent table.ootprops tbody tr td div.cell a{
width: 100%;
float: left;
font-weight: normal;
font-size: 11px;
color: #666666;  
margin: 0px 0px 0px 0px;
padding: 6px 0px 4px 0px;
text-decoration: none;

background-image:url(../images/tableborder.gif); 
background-repeat: repeat-y;
background-position: right;
}

#listingcontent table.ootprops tbody tr td div.cell a:hover  {
display: block;
width: 100%;
float: left;
font-weight: normal;
font-size: 11px;
color: #000000;
background-color: #FFF9F6;
margin: 0px 0px 0px 0px;
padding: 6px 0px 4px 0px;
text-decoration: none;

background-image:url(../images/tableborder.gif); 
background-repeat: repeat-y;
background-position: right;
}

#listingcontent table.ootprops tbody tr td img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}

#listingcontent table.ootprops tbody tr td img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}

#listingcontent table.ootprops tbody tr td a div.cell img {
border: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
text-decoration: none;
}


#listingcontent table.ootprops tbody tr td div.cell img  {
border: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
text-decoration: none;
}

/* forms */

input,textarea {
	color: #4c2177;
	border: 1px solid #4c2177;
	width: 300px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
input.checkbox { width:20px; }
td {
	font-size: 11px;
}
table.spacr {
	padding-left: 20px;
}
table.spacr2 {
	padding-left: 42px;
}


/*--- back to contacts page ---*/

#listnav a.back:link {
display: block;
width: 100px;
height: 18px;
padding: 2px 0px 0px 23px;
background: url(../images/back.gif) top left no-repeat; 
background-position: 0 0px;
text-decoration: none;
color: #ffffff;
}

#listnav a.back:visited {
display: block;
width: 100px;
height: 18px;
padding: 2px 0px 0px 23px;
background: url(../images/back.gif) top left no-repeat; 
background-position: 0 0px;
text-decoration: none;
color: #ffffff;
}

#listnav a.back:hover {
display:block;
width: 100px;
height: 18px;
padding: 2px 0px 0px 23px;
background: url(../images/back.gif)top left no-repeat; 
background-position: 0 -50px;
text-decoration: none;
color: #ffffff;
}

#listnav a.back:active {
display:block;
width: 100px;
height: 18px;
padding: 2px 0px 0px 23px;
background: url(../images/back.gif)top left no-repeat;
background-position: 0 -75px; 
text-decoration: none;
color: #ffffff;
}

/*--- next ---*/

#listnav a.back:link {
display: block;
width: 100px;
height: 18px;
padding: 2px 0px 0px 23px;
background: url(../images/back.gif) top left no-repeat; 
background-position: 0 0px;
text-decoration: none;
color: #ffffff;
}

#listnav a.back:visited {
display: block;
width: 100px;
height: 18px;
padding: 2px 0px 0px 23px;
background: url(../images/back.gif) top left no-repeat; 
background-position: 0 0px;
text-decoration: none;
color: #ffffff;
}

#listnav a.back:hover {
display:block;
width: 100px;
height: 18px;
padding: 2px 0px 0px 23px;
background: url(../images/back.gif)top left no-repeat; 
background-position: 0 -50px;
text-decoration: none;
color: #ffffff;
}

#listnav a.back:active {
display:block;
width: 100px;
height: 18px;
padding: 2px 0px 0px 23px;
background: url(../images/back.gif)top left no-repeat;
background-position: 0 -75px;
text-decoration: none;
color: #ffffff;
}









/* -------- next and previous buttons for listingssmaller ------------*/

#listnavsmall{
margin: 10px 0px 0px -10px;
padding: 0px 0px 0px 0px;
}

#listnavsmall ul {
list-style: none;
margin: 0px;
padding: 0px;
color:#FFFFFF;
}

#listnavsmall li {
float:left;
font-size: 11px;
font-weight: bold;
margin: 0px;
padding: 0px 0px 0px 10px;
}

#listnavsmall p{
text-align: right;
margin: 0px 15px 0px 0px;
padding: 0px 80px 0px 0px;
}

#listnavsmall p.propspages {
margin: 0px 0px 0px 0px;
padding: 0px 40px 0px 0px;
}

/*--- next button ---*/

#listnavsmall a.next:link {
display: block;
width: 68px;
height: 18px;
padding: 2px 0px 0px 7px;
background: url(../images/next.gif) top left no-repeat; 
background-position: 0 0px;
text-decoration: none;
color: #ffffff;
}

#listnavsmall a.next:visited {
display: block;
width: 68px;
height: 18px;
padding: 2px 0px 0px 7px;
background: url(../images/next.gif) top left no-repeat; 
background-position: 0 0px;
text-decoration: none;
color: #ffffff;
}

#listnavsmall a.next:hover {
display:block;
width: 68px;
height: 18px;
padding: 2px 0px 0px 7px;
background: url(../images/next.gif)top left no-repeat; 
background-position: 0 -50px;
text-decoration: none;
color: #ffffff;
}

#listnavsmall a.next:active {
display:block;
width: 68px;
height: 18px;
padding: 2px 0px 0px 7px;
background: url(../images/next.gif)top left no-repeat;
background-position: 0 -75px;
text-decoration: none;
color: #ffffff;
}

/*--- previous button ---*/

#listnavsmall a.previous:link {
display: block;
width: 52px;
height: 18px;
padding: 2px 0px 0px 23px;
background: url(../images/previous.gif) top left no-repeat; 
background-position: 0 0px;
text-decoration: none;
color: #ffffff;
}

#listnavsmall a.previous:visited {
display: block;
width: 52px;
height: 18px;
padding: 2px 0px 0px 23px;
background: url(../images/previous.gif) top left no-repeat; 
background-position: 0 0px;
text-decoration: none;
color: #ffffff;
}

#listnavsmall a.previous:hover {
display:block;
width: 52px;
height: 18px;
padding: 2px 0px 0px 23px;
background: url(../images/previous.gif)top left no-repeat; 
background-position: 0 -50px;
text-decoration: none;
color: #ffffff;
}

#listnavsmall a.previous:active {
display:block;
width: 52px;
height: 18px;
padding: 2px 0px 0px 23px;
background: url(../images/previous.gif)top left no-repeat;
background-position: 0 -75px;
text-decoration: none;
color: #ffffff;
}


/*--- previous button off state - set through the li tag ---*/

#listnavsmall li.previousoff {
float:left;
font-size: 11px;
font-weight: bold;
margin: 0px 0px 0px 10px;
/*padding: 0px 0px 0px 10px;*/
display: block;
width: 52px;
height: 18px;
padding: 2px 0px 0px 23px;
background: url(../images/previous_off.gif) top left no-repeat; 
background-position: 0 0px;
text-decoration: none;
color: #ffffff;
}

/*--- next button off state - through the li tag ---*/

#listnavsmall li.nextoff {
float:left;
font-size: 11px;
font-weight: bold;
margin: 0px 0px 0px 10px;
/*padding: 0px 0px 0px 10px;*/
display: block;
width: 67px;
height: 18px;
padding: 2px 0px 0px 8px;
background: url(../images/next_off.gif) top left no-repeat; 
background-position: 0 0px;
text-decoration: none;
color: #ffffff;
}





/* ------------------------------------------------------------------------------ */


.bigger{
	font-size: 12px;
}
.contacton a {font-size: 11px; color: #666666; }
.contactoff a {font-size: 11px; color: #999999; }

/* --------------------------- Contact page - DOWNLOAD MAP BUTTON ----------------- */
div#listingcontent .download { padding-left:16px;}
div#listingcontent .download a, div#listingcontent .download a:link, div#listingcontent .download a:visited { font-size:12px; text-align:right; padding-right:5px; padding-top:2px;
background-image:url(../images/map_buttons/notext_link.gif); background-repeat:no-repeat; background-position:right; display:block; width: 109px; height: 18px; color:#fff }
div#listingcontent .download a:hover { background-image:url(../images/map_buttons/notext_over.gif); background-repeat:no-repeat; }
div#listingcontent .download a:active { background-image:url(../images/map_buttons/notext_down.gif); background-repeat:no-repeat;}

.uu { background:#98cd0d;padding:0px 2px; }
a.info {float:right; margin:-5px 0px 0px 20px;}
a.info:link,
a.info:visited { display:block;width:75px; height:17px; border:2px solid #ffffff;text-align:center; }
p.info {margin-top:-10px; }