*, html { padding: 0; margin: 0; }

body {
 background: #585858;
 padding: 0;
 margin: 15px 0 15px 0;
 font-family: arial, helvetica, sans-serif;
 color: #000000;
 text-align: center;
 behavior:url(csshover.htc); /* Required for IE Win to properly render menu hover function */
 font-size: 12px;
}

a:link { color: #0000ff; text-decoration: none; }
a:visited { color: #5b5b5b; text-decoration: none; }
a:hover { color: #ff0000; text-decoration: none; }
a:active { color: #ff0000; text-decoration: none; }

form, input { padding: 0; margin: 0; }


/* LAYOUT */

#wrapper { width: 745px; display: table; margin: 0 auto; background: #ffffff url("images/bkgtile.jpg") top left repeat-y; }
#header { width: 100%; height: 168px; background: #ffffff url("images/heading_blue.jpg") top left no-repeat; }
#contentarea { width: 100%; }
#contentarea td { vertical-align: top; text-align: left; }
#content { width: 100%; }
#content td { vertical-align: top; text-align: left; }
#content td#left { width: 152px; }
#content td.gutter { width: 10px; font-size: 1px; }
#content td#main { width: 573px; padding: 10px 0; }
#footer { width: 100%; font-size: 11px !important; text-align: center; line-height: 110%; height: 45px; background: #ffffff; border-top: 1px solid #000000; border-bottom: 1px solid #000000; }
#footer td { vertical-align: middle; text-align: center; }
#footer td#hsmetro { width: 150px; border-left: 1px solid #000000; }
#footer td#copyright { }
#footer td#metroweb { width: 150px; border-width: 0 1px 0 0; border-style: solid; border-color: #000000; }



    /* Mac IE styles */
    *>html div#wrapper { display: inline-table; }



/* LIST STYLES */

#main ul { margin: 10px 30px; }
#main ul li { margin-bottom: 2px; }



/* MENU */

#menuwrap { width: 152px; }
#menuwrap ul.menu { list-style-type: none; width: 150px; margin: 0 auto; padding: 0; }
#menuwrap ul.menu li { float: left; width: 150px; display: block; font-size: 13px; font-weight: bold; line-height: 130%; margin: 0 !important; padding: 0 !important; }
#menuwrap ul.menu a { display: block; text-decoration: none; padding: 2px 2px 3px 4px; border-bottom: 1px solid #000000; }
#menuwrap ul.menu a, #menuwrap a:visited { color: #ffffff; background: #FF6600; }
#menuwrap ul.menu a:hover, #menuwrap a:active { color: #ffffff; background: #0072B0; }
#menuwrap ul.menu a.topborder { border-top: 1px solid #000000 !important; margin-top: 5px;}
#menuwrap ul.menu a.listwith, #menuwrap ul a.listwith:visited { border-top: 1px solid #000000; margin-top: 5px; background: #color url("images/[icon].gif") top right no-repeat; }
#menuwrap ul.menu a.listwith:hover, #menuwrap ul a.listwith:active { border-top: 1px solid #000000; background: #color url("images/[icon].gif") top right no-repeat; }

#menuwrap ul.menu ul.submenu { width: 140px; margin: 5px auto; }
#menuwrap ul.menu ul.submenu li { width: 140px; display: block; font-size: 11px; font-weight: normal; line-height: 100%; }
#menuwrap ul.menu ul.submenu a { background: transparent; border: 0 none; }
#menuwrap ul.menu ul.submenu a, #menuwrap ul ul.submenu a:visited { color: #0072B0; background: transparent; }
#menuwrap ul.menu ul.submenu a:hover, #menuwrap ul ul.submenu a:active { color: #ffffff; background: #0072B0; }

#menuwrap ul.menu .homebtn { border-bottom: 0 !important; margin-bottom: -5px; }




#sidemenu { width: 152px; }
#sidemenu ul.menu { list-style-type: none; width: 150px; margin: 0 auto; padding: 0; }
#sidemenu ul.menu li { float: left; width: 150px; display: block; font-size: 13px; font-weight: bold; line-height: 130%; margin: 0; padding: 0; }
#sidemenu ul.menu a { display: block; text-decoration: none; padding: 2px 2px 3px 4px; border-bottom: 1px solid #000000; }
#sidemenu ul.menu a:link, #sidemenu a:visited { color: #ffffff; background: #FF6600; }
#sidemenu ul.menu a:hover, #sidemenu a:active { color: #ffffff; background: #0072B0; }

#sidemenu ul.menu a.topborder { border-top: 1px solid #000000; margin-top: 5px; }


#sidemenu ul.menu ul.submenu { width: 140px; margin: 5px auto 0 auto; }
#sidemenu ul.menu ul.submenu li { width: 140px; display: block; font-size: 11px; font-weight: normal; line-height: 100%; }
#sidemenu ul.menu ul.submenu a { background: transparent; border: 0 none; }
#sidemenu ul.menu ul.submenu a, #sidemenu ul ul.submenu a:visited { color: #0072B0; background: transparent; }
#sidemenu ul.menu ul.submenu a:hover, #sidemenu ul ul.submenu a:active { color: #ffffff; background: #0072B0; }


#sidemenu ul#toppages a.lastlink { border-bottom: 0 none; margin-bottom: -5px; }





/* SITE NETWORK LINKS */

div#network { text-align: center; margin-bottom: 15px; }
div#network p { font-size: 10px; font-weight: normal; text-align: center; margin-bottom: 0;}
div#network p.nethead { text-decoration: underline; font-weight: bold; text-align: center; margin-bottom: 5px; }


/* TEXT STYLES */

h1 { font-size: 24px; margin: 0 0 5px 0; color: #0072B0; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; margin-bottom: 5px; line-height: 110%; }
h5 { font-size: 16px; margin-bottom: 5px; color: #BD1F2F; line-height: 110%; }
h6 { font-size: 15px; margin-bottom: 5px; line-height: 110%; }

p { font-size: 13px; margin-bottom: 5px; }

.body { font-size: 13px; text-indent: 15px; line-height: 120%; margin: 0 0 2px 0; }
.body2 { font-size: 13px;  line-height: 120%; margin: 0 0 2px 0; } 
.footnote { font-size: 10px; margin: 0; }
.smtext { font-size: 6px; }
.spacer3 { font-size: 3px; margin: 0; }
.spacer1 { font-size: 1px; margin: 0; }

.addyhed { font-size: 35px; font-weight: bold; margin: 0; color: 000000; }
.grandehed { font-size: 28px; font-weight: bold; margin: 0; color: #000000; }
 
.bighed { font-size: 24px; font-weight: bold; margin: 0 0 5px 0; }
.hed { font-size: 20px; font-weight: bold; margin: 0 0 5px 0; }
.medhed { font-size: 18px; font-weight: bold; margin: 0 0 5px 0; color: #7C2E09; }
.smhed { font-size: 16px; font-weight: bold; margin: 0 0 2px 0; }
.smbody { font-size: 12px; line-height: 115%; margin: 0 0 5px 0; margin-top: 0; margin-bottom: 0; } 
.smtxt { font-size: 8px !important; line-height: 120%; margin: 0; } 
.spacer { font-size: 4px !important; line-height: 100%; margin: 0; }     
.spacer2 { font-size: 2px !important; line-height: 100%; margin: 0; }
.sidebartxt { font-size: 12px;  line-height: 120%; margin: 0 0 2px 0; } 
.listinghed { font-size: 14px; font-weight: bold; line-height: 120%; margin: 0 0 3px 0; padding: 2px 2px 2px 4px; background: #CEEEFF; border: 1px solid #0072B0; }
.listingbody { font-size: 12px; line-height: 110%; margin: 0; }


.gray { color: #9b9b9b; }

table#oldtable td p { margin-bottom: 2px; line-height: 110%; font-size: 13px; }
table#oldtable td table td { font-size: 13px; padding: 1px; }

p.backtotop { font-size: 10px !important; margin: 14px 0; text-align: center; }
p.image { font-size: 1px; margin: 0; }

/* IMAGE STYLES */

.picborder { border: 1px solid #000000; margin-bottom: 5px; }
.picrightnb { float: right; margin: 0 0 1px 5px; }
.picleftnb { float: left; margin: 0 5px 1px 0; }
.picright { float: right; margin: 0 0 1px 5px; border: 1px solid #000000; }
.picleft { float: left; margin: 0 5px 1px 0; border: 1px solid #000000; }


/* TWO COLUMN TABLE - content and sponsor ads */

table.twocol { width: 565px; }
table.twocol td { text-align: left; vertical-align: top; }
table.twocol td.maincol { width: 400px; }
table.twocol td.rightcol { width: 150px; text-align: center; }
table.twocol td.gutter15 { width: 15px; font-size: 1px; }

table.twocol td.rightcol img.sponsorad { margin: 10px; border: 1px solid gray; }



/*FAQ STYLES */

p.question { font-weight: bold; margin-top: 10px; }
ul#faqlist { font-size: 14px; list-style-type: circle; list-style-position: outside; margin: 10px 25px 20px 25px; font-weight: bold; }


/* PROMO STYLES */

table.promo { width: 100%; }
img.icon { border: 1px solid #000000; margin: 3px 3px 8px 8px; float: right; }


/* BROCHURE STYLES */

table#infotwocol { width: 100%; margin-top: 25px; }
table#infotwocol td.columnone, table#infotwocol td.columntwo { width: 48%; vertical-align: top; text-align: left; }
table#infotwocol td.infogutter { width: 4%; font-size: 1px; }

  


    /* slideshow styles */

    table#propertyslides { width: 560px; margin: 0 auto; }
    table#propertyslides td.thumbs { width: 80px; vertical-align: middle; text-align: center;}
    table#propertyslides td.bigpic { width: 400px; vertical-align: middle; text-align: center; }
    table.thumbtable { width: 100%; }
    table.thumbtable td { padding: 3px 5px; height: 52px; }
    
    table#thumbtabletop { margin: 0 auto; }
    table#thumbtabletop td { width: 70px; padding: 5px; height: 52px; text-align: center; }

    table#thumbtablebot { margin: 0 auto; }
    table#thumbtablebot td { width: 70px; padding: 5px; height: 52px; text-align: center; }
    
    
    *>html table#propertyslides, *>html table#thumbtablebot, *>html table#thumbtabletop { margin-right: auto; margin-left: auto; }
    
    table#pictures td { padding: 0 !important; }
    table#pictures table td { padding: 0 !important; }
    table#pictures table td table td { padding: 0 !important; }
    
    

/* LIST WITH US PAGE STYLES */

 div#attention { border: 1px solid black; padding: 10px; margin: 10px 0 10px 10px; background: #f1f1f1; width: 275px; }
 ul.listwithuslist { font-size: 13px; margin: 5px 30px 10px 30px; list-style-position: outside; }



 /* ADSPRO
 iframe.adspro { width: 234px !important; height: 60px !important; margin: 0 auto; border: 0; } */




/* MINI-SITE-BROCHURE */

  /* listing intro */
  table#minisitemain { width: 100%; background: #CBC6AA; margin-bottom: 15px }
  table#minisitemain td#minisiteleft { width: 150px; padding: 10px; } 
  table#minisitemain td#minisiteleft p { margin-bottom: 1px; }
  
  p.fsbo { color: #0000FF; }
  p.askingprice { font-size: 15px; color: #0000FF; font-weight: bold; }

  table#details { width: 100%; }
  table#details td { font-size: 12px; text-align: left; vertical-align: top; width: 25%; padding: 0 6px 0 2px; }




/* Search Box */

div.searchform { width: 100%; text-align: left; font-size: 12px; font-weight: bold; border-bottom: 1px solid #000000; }
div.searchform form#search { padding: 1px 5px 7px 5px; }
input.button { font-size: 12px; border: 1px solid #000000; margin-top: 2px; }
input.box { font-size: 12px; border: 1px solid #000000; width: 135px; height: 15px; }
div.searchform .text { margin: 15px 0 0 6px; }




/* welcome header */
#welcome { width: 100%; background: #0072B1; margin-bottom: 0; color: #ffffff; }
#welcome td { vertical-align: top; padding-top: 2px; padding-bottom: 2px; }
#welcometext { width: 30%; text-align: left; padding-left: 4px; }
#welcomelinks { width: 70%; text-align: right !important; padding-right: 4px; }
#welcomelinks a:link, #welcomelinks a:visited { color: #ffffff; }
#welcomelinks a:hover, #welcomelinks a:active { color: #FFFF00; }



/* TOP MENU STYLES */

.clearfloat { clear: both; height: 11px; font-size: 1px; }
#topmenu { width: 100%; }
#topmenu ul { list-style-type: none; margin: 0; padding: 0; }
#topmenu ul li { display: block; float: left; margin-right: 4px; }
#topmenu ul li a { display: block; padding: 2px 4px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #a1a1a1; }
#topmenu ul li a:link, #topmenu ul li a:visited { background: #ffffff; color: #000000; }
#topmenu ul li a:hover, #topmenu ul li a:active { background: #f1f1f1; color: #000000; }



/* TEXT BUTTON STYLES */

p.button { border: 1px outset #000000; background: #f5f5f5; color: #000000; width: 120px; padding: 2px; font-weight: bold; font-size: 12px; }
p.button a:link, p.button a:visited { background: #f5f5f5; color: #000000;  }
p.button a:hover, p.button a:active { background: #f5f5f5; color: #000000;  }




/* CONTACT INFO */

#contactinfo { width: 450px; margin: 20px auto 0 auto; display: table; text-align: left; }
#contactinfo label { position: relative; float: left; width: 70px; font-weight: bold; text-align: right; }
#contactinfo div.info { margin-left: 80px !important; }

.clearfloat { clear: both; font-size: 5px; padding: 0; }



/* Contact Form iFrame */
#contactform { border: 0 none; }








/* 68 CLASSIFIEDS STYLES */



/* Main Table -  handles the appearence of the the main tables used with 68classifieds */
table.main { border: 1px solid #000000; background-color: #FFFFFF; }

/* TH - handles the appearence of the the first row in all tables. With the default */
/* th { font-weight: bold; color: #FFFFFF; background: #000000; padding: 2px 4px 4px 4px; font-size: 10px; } */
th { font-size: 24px; margin: 0 0 5px 0; color: #0072B1; }

/* Table Border */
.tableborder { border: 0px solid #000 !important; width: 100%; padding: 0px; margin:0px; }

/* Sortable  - Sort the show listings table */
table.sortable { border:0 px solid #000; width: 100%; padding: 0px; margin:0px; }
table.sortable td { padding: 2px 4px; text-align: left !important; vertical-align: top; background: #FAF8EE; }
table.sortable th { text-align: left !important; height: 24px !important; vertical-align: middle !important; font-weight: bold; color: #FFFFFF; background: #000000; padding: 0 4px; font-size: 10px; }
table.sortable th a { text-decoration: none !important; }
table.sortable span.sortarrow  { text-decoration: none; color: #FFF; }
a.sortheader:link { color: #FFF; }
a.sortheader:visited { color: #FFF; }
a.sortheader:hover { color: #FFF; }

.sortable img { border: 1px solid #000000; }



/* Membership Details - user home page */
table.membershipdetails { border:0 px solid #000; width: 100%; padding: 0px; margin:0px; }
table.membershipdetails td { padding: 2px 4px; text-align: left !important; vertical-align: top; background: #FAF8EE; }
table.membershipdetails th { text-align: left !important; vertical-align: middle !important; font-weight: bold; color: #FFFFFF; background: #000000; padding: 2px 4px; font-size: 10px; }
table.membershipdetails th a { text-decoration: none !important; }

#membershippromo { margin: 20px 0; }
.buymemberad { display: table; border: 1px solid #000000; background: #f5f5f5; margin-bottom: 25px; }
.buymemberad table.tableborder { width: 550px; margin: 10px 10px 0 10px; }



/* Search - Short Description value active */

.shortdescriplist { border-width: 2px 1px 1px 1px; border-style: solid; border-color: #CBC6AA; width: 100%; padding: 0; margin: 0 0 8px 0; }
.shortdescriplist td { padding: 3px; }
.shortdescriplist h2 { font-size: 14px; margin-bottom: 3px; }
.shortdescriplist .listingprice { text-align: right; margin-bottom: 5px; }
.shortdescriplist .listingdate { text-align: right; font-size: 11px; color: #585858; }
.shortdescriplist a:link { color: #000000; text-decoration: underline; }
.shortdescriplist a:visited { color: #585858 !important; text-decoration: underline;  }
.shortdescriplist a:hover, .shortdescriplist a:active { color: #0072B1; text-decoration: none;  }
.shortdescriplist img { margin: 0 !important; padding: 0 !important; border: 1px solid #c0c0c0; }



/* Featured Listings */
 
/* handles the display of featured listings */
td.featured { background: #E7D885 !important; }

/* handles the display of highlighted listings */
td.highlighted { background:#f5f5f5 !important; }

/* row1 & row2 - handles alternating rows */
.row1 { background-color: transparent; }
.row2 { background-color: transparent; }


/* Form styles
   - formstrip is the part above the form fields
   - formleft & formright deal with the left and right <td> in the form output.
*/
.formstrip { background-color: #FFF; color: #000000; font-weight: bold; font-size: 12px; padding: 2px 0 10px 0; border-top: 1px solid #000000; }
.formstriperror { color: #FF0000; background: #f5f5f5; padding: 5px 10px; border: 1px solid #000000; text-align: center; }
.formstrip a:link, .formstrip a:active, .formstrip a:visited { color: #0072B1 }
.formstrip a:hover { color: #5487BF }
.formleft { background-color: #FFFFFF; font-weight: bold; padding: 3px; width: 75px !important;  }
.formright { background-color: #FFFFFF; padding: 3px; text-align: left; }
.formleft2 { background-color: #FFFFFF; font-weight: bold; padding: 3px; width: 115px !important;  }
.formright2 { background-color: #FFFFFF; padding: 3px; text-align: left; }
.formleft3 { background-color: #FFFFFF; font-weight: bold; padding: 3px; width: 135px !important;  }
.formleft4 { background-color: #FFFFFF; font-weight: bold; padding: 3px; width: 190px !important;  }
.formsmall  { background-color: #FFFFFF; color: #000000; padding: 2px 4px; }


.formleftview { background-color: #FFFFFF; font-weight: bold; padding: 3px; width: 130px !important; border-top: 1px solid #dddddd; }
.formrightview { background-color: #FFFFFF; padding: 3px; border-top: 1px solid #dddddd !important; }



input,select,textarea
{
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Geneva;
	font-size: 11px;
	margin-right: 5px;
}

input.check { border: 0 none; }


/* Required fields */
.required {font-size: 9px; font-weight: bold; color: #FF0000; }
.error { color: #FF0000; background: #f5f5f5; padding: 5px; width: 80%; border: 1px solid #000000; text-align: center; }


/* Expired Listings */
.expired {font-weight: bold; color:#000000; }


/* Breadcrumb - handles the category breadcrumb trail */
.breadcrumb{ color: #585858; padding: 2px 4px; background: #f1f1f1; }
a.breadcrumb:link { color: #585858; }
a.breadcrumb:visited{ color: #c0c0c0; }
a.breadcrumb:hover { color: #0072B1; }


/* Pagination - handles the appearance of the previous and next section */
.pageNav td { padding: 2px 4px 2px 4px; }
.pageNav a { text-decoration: none; }
.pagination { text-align: right; background-color: #000000; color: #333333; }
.paginationNum { background-color: #FFFFFF; color: #333333; }
.navigationBack { background-color: #0072B1; color: #FFFFFF; font-size: 11px; font-weight: bold; padding: 3px 6px 3px 6px; white-space: nowrap; }
.navigation { font-size: x-small; }


/* Characters - used when a user is placing an ad. It formats the characters remaining */
.characters { color: #666666; font-size: 9px; }

/* Icons - used on the userindex page; formats the icons and links. */
div.icon   { margin: 3px; text-align: center; }
div.icon a { display: block; height: 93px !important; height: 95px; width: 108px !important; width: 110px; vertical-align: middle; text-decoration: none; border: 1px solid #DDD; padding: 2px 5px 1px 5px; text-align: center; }
div.iconimage { padding-top: 13px; text-align: center; }


/* Pricing Packages */

h6.pricepkg { background: #000000; color: #ffffff; margin-bottom: 4px; padding: 2px 4px; font-size: 13px; }



/* Account / Member Info */

.membericons { width: 100%; }
.membericons td { padding: 5px; font-size: 11px; text-align: center !important; width: 25%; }
.membericons img { margin-bottom: 2px; }


/* Modify Images Page */
.modimage { width: 130px; text-align: center !important; font-size: 11px; border-top: 1px dotted #000000; padding: 10px 0; }
.modimage img { margin-bottom: 2px; border: 1px solid  #000000; }
.modimgvitals { padding: 5px; border-top: 1px dotted #000000; padding: 10px 0; }


/* View Listings Page Styles */

.listingextras { text-align: center !important; vertical-align: bottom !important; padding: 2px; border-right: 1px solid #e8e8e8; font-size: 11px; }
.listingextrasnb { text-align: center !important; vertical-align: bottom !important; padding: 2px; border-right: 0 none; font-size: 11px; }
.listingextras img, .listingextrasnb img { border: 0 none; }





/* banner ads */
#adstop { width: 743px; height: 70px; margin: 0 1px; background: #ffffff; border-bottom: 1px solid #000000;  }
#adsbot { width: 743px; height: 70px; margin: 0 1px; background: #ffffff; border-width: 1px 0 0 0; border-style: solid; border-color: #000000;  }


.banners { width: 100%; height: 70px; clear: both; margin: 0; }
.banners .banner { width: 33%; text-align: center !important; vertical-align: middle !important; }
.banners .banner iframe { border: 0 none !important; }

.sidebanners { width: 100%; text-align: center; margin-top: 20px; }
.sidebanners iframe { margin: 10px auto; border: 0 none !important; }

.rightcol iframe { margin: 10px auto 10px auto !important; border: 0 none !important; }