/*
 * CSS file for a template for REALTOR 747 - A product of IT747.COM
 */

body, table, td { 
    font: normal 12px Verdana, Arial, helvetica, sans-serif;
    line-height: 150%;
    color: #000000;
    background-color: #ffffff;
}

body {
	font: normal 10px Verdana, Arial, helvetica, sans-serif;
	color: #666666;
	margin: 5px 10px 5px 10px;
}

h1{
 font: bold 120% Arial,sans-serif;
 color: #FF9900;
 margin: 0px;
 padding: 10px 10px 10px 10px;
}

h2{
 font: bold 114% Arial,sans-serif;
 color: #0000FF;
 margin: 0px;
 padding: 10px 10px 10px 10px;
}

h3{
 font: bold 100% Arial,sans-serif;
 color: #FF9900;
 margin: 0px;
 padding: 10px 10px 10px 10px;
}

h4{
 font: 90% Arial,sans-serif;
 color: #FF9900;
 margin: 0px;
 padding: 10px 10px 10px 10px;
}

h5{
 font: 80% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 5px 0px 5px 0px;
}


a { 
    cursor: pointer; 
}

a:link { 
    text-decoration:none; 
}

a:visited { 
    text-decoration:none;
}

a:hover { 
    color: red;
    text-decoration: underline;
}

a:active {
    color: #cccccc;
}


table { 
    width: 100%; 
    border-collapse: collapse;
    table-layout: auto;
} 

table, td {
    vertical-align: top;
}

table.background {
    width: 780px;
    border: 1px solid #f5f5f5;
}

table.top 
	border-bottom: 1px solid #f5f5f5;
}
table.top td {
    background-color: white;
}

.table a.capsule{
	font: 11px Arial, sans-serif;
	color: #FF6600;
}

.table a.capsule:hover{
	text-decoration: overline underline;
}

td.tableLeft{
	text-align: Justify;
	background-color: #FFFFFF;
	font-size: 10px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

td.tableRight{
	text-align: Justify;
	font: small Arial, sans-serif;
	background-color: #FFFFFF;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	padding-left: 10px;
	padding-right: 10px;
	
}

td.top_a {
    width: 20%;
}

td.top_b {
    width: 60%;
}

td.top_c {
    width: 20%;
    text-align: right;
}

td.page,
td.page_active {
	font: normal 13px Verdana;
	text-align: center;
}

td.business_name {
    color: #bb4444;
    font: bold 28px Verdana;
}

td.business_slogan {
	color: #999999;
	font: 11px Arial;
	text-align: left;
	padding-left: 10px;
}


td.left {
	width: 150px;
	border-right: solid 1px #F5F5F5;
}

td.righter table.righter {
    margin-top: 5px;
}

td.sep {
    width: 15px;
    border-right: 1px solid #f5f5f5;
}

td.sep2 {
    width: 15px;
}

td.body {
}

td.body table.body {
    margin-top: 20px;
}

p.heading,
p.heading_1,
p.heading_2,
p.heading_3 {
    margin: 0px;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-bottom: 1px;
}

p.heading {
    color: #0C8171;
}

p.heading_1 {
    font: bold 18px Verdana, Arial;
    color: #999999;
}

p.heading_2 {
    font: 14px Verdana, Arial;
    color: #666666;
}

p.heading_3 {
    font: 11px Verdana, Arial;
    color: #999999;
 }

p.category,
p.category_active {
	font: normal 13px Verdana;
	margin: 3px 0px 0px 20px;
	text-decoration: none;
}

p.category_active {
    font: bold 13px Verdana;
}

table.special {
}

/* feature styles */

.orangeText {
	color: #FF6600;
}

.feature{
	padding: 0px 10px 0px 10px;
	font-size: 80%;
	text-align: justify;
}
html>body .feature {
	height: auto;
	text-align: justify;
}

.feature h1{
	font: bold 175% Arial,sans-serif;
	color: #FF6600;
	padding: 0px 0px 5px 0px;
}
.feature h2{
	font: bold 155% Arial,sans-serif;
	color: #FF6600;
	padding: 0px 0px 5px 0px;
}
.feature h3{
	font: bold 125% Arial,sans-serif;
	color: #FF6600;
	padding: 0px 0px 5px 0px;
}

.feature img{
	padding: 0px 10px 0px 0px;
}


/* page/ category anchor */
div.page a:link, 
div.page a:visited,
div.category a:link, 
div.category a:visited {
    color: #0000FF;
}

div.page a:hover,
div.category a:hover {
    color: #FF0000;
	text-decoration: none; 
}

div.page a:active,
div.category a:active {
	color: #cccccc;
	text-decoration: none;
}


/* special listing */

div.special a:link, 
div.special a:visited {
    color: black;
    text-decoration: underline; 
}

div.special a:hover {
    color: red;
	text-decoration: underline; 
}

div.special a:active {
    color: #cccccc;
}

div.special td.name {
	font: bold 12px Arial;
	padding-bottom: 10px;
	text-align: left;
}

div.special td.price {
    color: #bb4444;
    font: bold 12px Arial;
}

div.special td.catch_phrase {
    color: #1166cc;
    font: bold 12px Arial;
}

div.special td.image {
}

div.special input.image_title {
	font: bold 12px Arial;
	border: none;
	text-align: left;
}

div.special td.short_desc {
	font: normal 11px Arial;
	text-align: justify;
}

div.special td.feature_head,
div.special td.agent_info_head {
    color: blue;
    background-color: white;
    font: bold 11px Verdana;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding-top: 3px;
    padding-bottom: 3px;
}
div.special td.agent_info_head {
    color: green;
}

div.special td.feature_body,
div.special td.agent_info_body {
    font: normal 10px Verdana;
}


/* listings */

div.listings a:link, 
div.listings a:visited {
    color: black;
	text-decoration: none; 
}

div.listings a:hover {
    color: red;
	text-decoration: underline; 
}

div.listings a:active {
    color: #cccccc;
}

div.pagi a:link, 
div.pagi a:visited {
    color: blue;
	text-decoration: underline; 
}

div.pagi a:hover {
    color: red;
	text-decoration: underline; 
}

div.pagi a:active {
    color: blue;
}

div.listings table.listings {
    border: 1px solid #f5f5f5;
}

div.listings table.listings_2 {
    border: 1px solid #f5f5f5;
}

div.listings table.listing_head {
    border-bottom: 1px solid #f5f5f5;
	padding-left: 10px;
	margin-left: 10px;
}
div.listings table.listing_head td {
	background-color: #EEEEEE;
}

div.listings table.listing_head_2 {
    border-bottom: 1px solid #f5f5f5;
	padding-left: 10px;
	margin-left: 10px;
}
div.listings table.listing_head_2 td {
    background-color: #f5f5f5;
}

div.listings table.listing_body {
	padding-left: 10px;
}

div.listings table.listing_body td.listing_body_left {
	width: 100px;
	padding-right: 10px;
	padding-left: 10px;
}

div.listings td.listing_head {
	vertical-align: middle;
}

div.listings font.listing_head {
    font: bold 12px Arial;
	margin-left: 10px;
}

div.listings td.tell_more {
    font: normal 11px Arial;
}

div.listings td.price {
    color: #bb4444;
    font: bold 12px Verdana;
}

div.listings td.agent {
    color: blue;
    font: normal 11px Verdana;
    text-align: right;
}

div.listings td.catch_phrase {
    color: #1166cc;
    font: bold 12px Verdana;
}

div.listings td.short_desc {
	font: normal 11px Arial;
	text-align: justify;
	padding-bottom: 10px;
}

/* detail */

div.detail td.left {
	width: 450px;
	padding-right: 10px;
}

div.detail td.right {
    text-align: right;
}

div.detail td.small_image_name {
    margin: 0px;
    padding: 0px;
    padding-right: 5px;
    padding-bottom: 10px;
    font: normal 11px Verdana;
    text-align: center;
}

div.detail img.big_image {
    padding: 3px;
    margin-bottom: 10px;
    border: 1px solid #cccccc;
    width: 348px;
    height: 248px;
}

div.detail img.small_image {
    padding: 3px;
    border: 1px solid #cccccc;
    width: 100px;
}

div.detail td.price {
	color: #bb4444;
	font: bold 12px Verdana;
	vertical-align: bottom;
	padding-left: 10px;
}

div.detail td.map {
    font: bold 11px Verdana;
    text-align: right;
}

div.detail td.catch_phrase {
	color: #1166cc;
	font: bold 12px Verdana;
	padding-left: 10px;
}

div.detail td.long_desc {
	padding-top: 5px;
	padding-bottom: 5px;
	font: normal 12px Arial;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
}

div.detail p.feature_head,
div.detail p.addinfo_head,
div.detail p.contact_info_head {
    font: bold 13px Verdana;
    color: #1166cc;
    margin-top: 10px;
	margin-left: 10px;
    margin-bottom: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 25px;
    border-bottom: 2px solid #cccccc;
    background-image: url( "icon-2.gif" );
    background-repeat: no-repeat;
}

div.detail p.addinfo_head {
    color: #0C8171;
    background-image: url( "icon-0.gif" );
}

div.detail p.contact_info_head {
    color: #bb4444;
    background-image: url( "icon-3.gif" );
}

div.detail ul {
}

div.detail li.feature {
    font: normal 13px Verdana;
    padding: 1px;
    list-style-image: url( "yes.gif" );
}

div.detail table.addinfo {
    border: 1px solid #f5f5f5;
}

div.detail td.addinfo_attr,
div.detail td.addinfo_value {
    font: normal 13px Verdana;
    padding: 3px 3px 3px 20px;
}

div.detail td.addinfo_attr {
    width: 40%;
    font-weight: bold;
	margin-left: 20px;
}

div.detail td.addinfo_value {
    width: 60%;
}

div.detail table.contact_info {
    border: 1px solid #f5f5f5;
}

div.detail td.contact_info_attr,
div.detail td.contact_info_value {
    font: normal 13px Verdana;
    padding: 3px 3px 3px 20px;
}

div.detail td.contact_info_attr {
    width: 30%;
    font-weight: bold;
}

div.detail td.contact_info_value {
    width: 70%;
}


/* global */

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

p.page_title {
}

p.info {
    color: #999999;
    font: normal 12px Arial;
    text-align: center;
}

img.pic {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    padding: 3px;
}

img.listing_pic {
    background-color: #ffffff;
    border: none;
    padding: 3px;
    width: 100px;
}

img.clean {
    background-color: #ffffff;
    border: none;
    padding: 0px;
}

p.notice {
    color: #FF9900;
	font: bold 16px Arial; 
    padding-top: 10px;
    padding-bottom: 10px;
}

p.it747_link {
	font: normal 11px Verdana; 
    text-align: center;
    padding: 20px;
}

div.hidden {
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
}


div.agent_info,
div.mortgage_calculator,
div.tell_your_friend,
div.ask_agent {
	width: 350px;
	height: 250px;
	background-image: url( 'bg_13.gif' );
	background-repeat:repeat-x;
	margin-left: 2px;
	margin-top: 2px;
}	

div.mortgage_calculator td.attr {
    width: 50%;
    font: bold 10px Arial;
    text-align: right;
    padding-right: 10px;
}

div.mortgage_calculator td.value {
    width: 50%;
    font: normal 10px Arial;
    text-align: left;
	border: 1px solid #eeeeee;
}

div.mortgage_calculator input {
    color: blue;
    background-color: #ffffee;
    border: none;
    font: normal 10px Arial;
    padding-left: 5px;
}

div.mortgage_calculator input.calc_button,
div.mortgage_calculator input.close_button {
    color: #005500;
    background-color: #ffeedd;
    border: 2px solid white;
    font: bold 12px Arial;
    padding-left: 5px;
    padding-right: 5px;
}
div.mortgage_calculator input.calc_button_hover,
div.mortgage_calculator input.close_button_hover {
    color: white;
    background-color: red;
}

div.tell_your_friend td.attr,
div.ask_agent td.attr {
    width: 30%;
    font: bold 10px Arial;
    text-align: right;
    padding-right: 10px;
}

div.tell_your_friend td.value,
div.ask_agent td.value {
    width: 70%;
    font: normal 12px Arial;
    text-align: left;
	border: 1px solid #eeeeee;
}

div.tell_your_friend input,
div.tell_your_friend textarea,
div.ask_agent input,
div.ask_agent textarea {
    color: blue;
    background-color: #ffffff;
    border: 1px solid #f5f5f5;
    font: normal 10px Arial;
    padding-left: 5px;
}

div.tell_your_friend input.button,
div.ask_agent input.button {    
	color: #005500;
    background-color: #ffeedd;
    border: 2px solid white;
    font: bold 12px Arial;
    padding-left: 5px;
    padding-right: 5px;
}

div.tell_your_friend input.button_hover,
div.ask_agent input.button_hover {
    color: white;
    background-color: red;
}



/* Temporary */

div.tmp hr {
    border: 1px solid #f5f5f5;
}

div.tmp p {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}

p.tmp_a {
	font: bold 14px Verdana; 
}

p.tmp_marker {
    color: #bb4444;
	font: bold 13px Verdana; 
}

p.tmp_head {
    padding-left: 10px;
	font: bold 13px Verdana; 
}

p.tmp_image {
	padding-left: 10px;
	font: bold 13px Verdana;
	padding-right: 10px;
}

p.tmp_body {
	padding-left: 10px;
	font: normal 11px Arial;
	text-align: justify;
	color: #666666;
	padding-right: 10px;
}

td.tmp_body {
	padding-left: 10px;
	font: normal 10px Arial;
	text-align: justify;
	color: #666666;
	padding-right: 10px;
}

p.tmp_body_footer {
	padding-left: 10px;
	font: normal 10px Arial;
	text-align: justify;
	color: #333333;
	padding-right: 10px;
}

table.top {
	}

div.top_menu a:link, 
div.top_menu a:visited {
	color: #000000;
	text-decoration: none; 
	}
div.top_menu a:hover {
    color: #FF0000;
    background: none;
	text-decoration: none;
    }
td.top_menu_head {
	color: #ffffff;
	background-color: #5688C3;
	font: bold 11px Verdana, Arial;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
    }
td.top_menu {
    font: 11px Arial;
    background-color: #F6F6F6;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom: 1px solid #CCCCCC;
    }
td.top_menu_current {
    background-color: #FFFFFF;
    }

div.category a:link, 
div.category a:visited {
	color: #000000;
	text-decoration: none; 
	}
div.category a:hover {
    color: #FF0000;
    background: none;
	text-decoration: none; 
    }
td.category_head {
	color: #ffffff;
	background-color: #5688C3;
	font: bold 11px Verdana, Arial;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
    }
td.category {
    font: 11px Arial;
    background-color: #F6F6F6;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom: 1px solid #CCCCCC;
    }
td.category_current {
    background-color: #FFFFFF;
    }
td.cell_rollover a:hover {
    background-color: #FFFFFF;
    }

/*************** round corner styles ******************/

div.uedge {
      background-color: #ffffff;
      background-image: url(../../../../media/topmid.gif);
	  background-repeat: repeat-x;
    }
    div.redge {
      background-image: url(../../../../media/midright.gif);
      background-position: top right;
      background-repeat: repeat-y;
    }
    div.bedge {
      background-image: url(../../../../media/botmid.gif);
      background-position: bottom left;
      background-repeat: repeat-x;
    }
    div.ledge {
      background-image: url(../../../../media/midleft.gif);
      background-position: top left;
      background-repeat: repeat-y;
    }
    div.ulcorner {
      background-image: url(../../../../media/tl.gif);
      background-position: top left;
      background-repeat: no-repeat;
    }
    div.urcorner {
      background-image: url(../../../../media/tr.gif);
      background-position: top right;
      background-repeat: no-repeat;
    }
    div.blcorner {
      background-image: url(../../../../media/bl.gif);
      background-position: bottom left;
      background-repeat: no-repeat;
    }
    div.brcorner {
      background-image: url(../../../../media/br.gif);
      background-position: bottom right;
      background-repeat: no-repeat;
      padding: 5px 5px 5px 5px;
    }
    div.innercontent {
      width: 100%;
    }


/* vim: set expandtab sw=4 ts=4 sts=4: */