body {font-size:10px; font-family:Arial, Helvetica, sans-serif; background-color:#ddd8c2;}
select, input, textarea {font-size:11px; vertical-align:middle;}
form {margin-bottom: 0px;margin-top: 0px; margin-left: 0px; margin-right: 0px; margin:0;}

h1 {color:#003366; font-size:20px;}
h2 {color:#003366; font-size:18px;}

.OHHBannerAds {text-align:center; padding:5px;}
.BannerAdsContainer1 {border:1px solid  #999999; width:326px; height:278px; margin-top:10px; padding-top:3px;}
.BannerAdsContainer2 {border:1px solid #CCCCCC; width:318px; height:273px; padding-top:0px; background-color:#CCCCCC;}

/* -- Trulia Carousel Style -- */
#tCarousel{ position:relative; width:300px; }
#tCarousel .tCarouselFL a{ color:#06C; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;text-decoration:none;  }
#tCarousel .tCarouselFL a:hover, #tCarousel .tCarouselFR a:hover {color:#DF7E00 !important;text-decoration:underline !important;}
#tCarousel .tCarouselFR a {color:#393939;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;text-decoration:none;}
/* -- End -- */

/* -- Trulia Carousel Style Wide -- */
#tCarouselWide{ position:relative; width:600px; }
#tCarouselWide .tCarouselFL a{ color:#06C; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;text-decoration:none;  }
#tCarouselWide .tCarouselFL a:hover, #tCarouselWide .tCarouselFR a:hover {color:#DF7E00 !important;text-decoration:underline !important;}
#tCarouselWide .tCarouselFR a {color:#393939;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;text-decoration:none;}
/* -- End -- */

/* -- Trulia Search Box Right Rail -- */
.tru_search {font: 11px Arial; font-weight: bold; border: 1px solid #989898; width: 326px;background-color:#FFFFFF; margin-left:2px; margin-top:10px;}
.tru_frm_ttl { font-size: 12px; background-color: #EFEFEF; padding: 5px 10px; border-bottom: 1px solid #989898; line-height: 11px;color:#000000; }    
.trulia_frm { padding: 0 9px 10px 9px; margin: 0; }    
.trulia_frm:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }    
.tru_head { color: #769329 !important; padding: 10px 0 5px 0; margin: 0; clear: both; }    
.tru_head span { font-size: 9px; color: #000; font-weight: normal; }    
.trulia_frm select, input.tru_loc { font-size: 11px; font-weight: normal; border: 1px solid #999999; height: 20px; padding: 2px 0px;}
.tru_price { width: 89px; }    
.tru_type { width: 200px; }    
.tru_det { float: left; padding-right: 15px; }    
.tru_bed { width: 55px; }    
.tru_ba { width: 55px; }    
.tru_size { width: 55px;  padding-right: 0; }    
.tru_loc { width: 124px; }    
p.tru_loc { padding-top: 20px; }    
input.tru_loc { height: 16px; padding: 2px 0px; width: 200px; }    
.tru_srch { padding: 5px 0 5px 0; margin-left: 5px; }    
input.tru_srch { float: left; padding: 15px 0 0;height:30px; }    
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }    
.clearfix { display: inline-block; }    
/* Hides from IE-mac \*/    * html .clearfix { height: 1%; }    .clearfix { display: block; }    /* End hide from IE-mac */ 
.box_display_none {display: none;}    
.box_display_block {display: block; padding-left:18px}    
.searchbox_left{float:left;}    
.searchbox_right{float:right}    
.width90{width:90px;}    
.width200{width:200px;}
/* -- End -- */

#VideoPlayer {width:322px; padding:2px; border:1px solid #999999;}
#flashcontent {width:324px;}

#Features {background:#E1EDAD url(../images/bkgd_realtor.png) repeat scroll 0 0; height:171px; width:320px; overflow:hidden;}
#Features .Title {font-size:19px; font-weight:bold; padding-left:8px; float:left;}
#Features .Link {float:right; font-size:10px;}

#TruliaDP {padding:5px;}
.StoryBox {padding:5px; border-bottom:1px dotted #cccccc;}
.StoryBox .StoryTitle {font-size:11px; font-weight:bold;}
.StoryBox .StoryTitle a {color:#0066CC; text-decoration: underline;}
.StoryBox .StoryTitle a:hover {text-decoration:none;}
.StoryBox .StoryText {font-size:10px;}
.StoryBox .More {color:#79A801; text-decoration: underline;}
.TruliaSearch {padding:0px;}

#OpenHouses {text-align:center; background:#E1EDAD url(../images/bkgd_openhouse.png) repeat scroll 0 0; height:250px; width:300px; overflow:hidden;}
#OpenHouses .Title {font-size:19px; font-weight:bold; padding-left:8px; float:left;}
#OpenHouses .Link {float:right; font-size:10px; padding-right:5px;}
#OpenHouses .Price {font-size:14px; font-weight:bold;}
#OpenHouses .City {font-size:12px;}
#OpenHouses .Rooms {font-size:12px;}

/* -- open house widget right rail -- */
.OpenHouseContainer1 {width:330px; height:283px; margin-top:0px;}
.OpenHouseHeader {width:326px; height:22px; padding-top:11px; padding-left:25px; text-align:left; z-index:100; position:relative; top:7px; left:-19px; visibility: hidden;}
.OpenHouseHeader a{color:#666666}
.OpenHouseContent {
	width:260px; 
	height:230px; 
	float:left;
	padding-left:65px;
}
.OpenHouseContent a{color:#669900}
.OpenHouseFooter {width:326px;height:20px;float:left;}
.OpenHouseFooter a{color:#666666}
/* end */

/* -- featured realtor right rail -- */
.RealtorContainer1 {width:328px; height:232px; margin-top:0px;}
.RealtorHeader {
	width:328px; 
	height:22px; 
	padding-top:11px; 
	padding-left:25px; 
	text-align:left; 
	position:relative; 
	top:0px; 
	left:-25px; 
	visibility: visible;
}
.RealtorHeader a{color:#666666}
.Green1{ background-image:url(../images/green-tab1.gif); background-repeat:no-repeat; float:left; width:9px; height: 30px}
.Green2{ background-image:url(../images/green-tab2.gif); background-repeat: repeat-x; float:left; width:310px; height:30px}
.Green3{ background-image:url(../images/green-tab3.gif); background-repeat:no-repeat; float:left; width:9px; height: 30px}
.RealtorContent {
	width:326px; 
	height:155px; 
	float:left;
	padding-top:10px;
	text-align:center;
	border:1px solid #669900;
}
.RealtorContent a{color:#669900}
.RealtorFooter {
	width:326px;
	height:20px;
	float:left;	
	border-left:1px solid #669900;
	border-right:1px solid #669900;
	border-bottom:1px solid #669900;
	background-color:#CCFF99;
}
.RealtorFooter a{color:#666666}
/* end */


/* -- insurance right rail -- */
.InsuranceContainer1 {width:328px; height:120px; margin-top:0px; padding-bottom:10px;}
.InsuranceHeader {
	width:328px; 
	height:22px; 
	padding-top:11px; 
	padding-left:25px; 
	text-align:left; 
	position:relative; 
	top:0px; 
	left:-25px; 
	visibility: visible;
}
.InsuranceHeader a{color:#666666}
.Green1{ background-image:url(../images/green-tab1.gif); background-repeat:no-repeat; float:left; width:9px; height: 30px}
.Green2{ background-image:url(../images/green-tab2.gif); background-repeat: repeat-x; float:left; width:310px; height:30px}
.Green3{ background-image:url(../images/green-tab3.gif); background-repeat:no-repeat; float:left; width:9px; height: 30px}
.InsuranceContent {
	width:326px; 
	height:55px; 
	float:left;
	padding-top:10px;
	text-align:center;
	border:1px solid #669900;
}
.InsuranceContent a{color:#669900}
.InsuranceFooter {
	width:326px;
	height:20px;
	float:left;	
	border-left:1px solid #669900;
	border-right:1px solid #669900;
	border-bottom:1px solid #669900;
	background-color:#CCFF99;
}
.InsuranceFooter a{color:#666666}
/* end */


.Heading{font-family:Cambria, Georgia, Times, Times New Roman, serif; color:#003300; float:left; font-variant:small-caps;}
.PresentedBy{font-family:Arial, Helvetica, sans-serif; color:#999999; font-size:10px; float: right; text-align:center;}
.Photo {border:double #CCCCCC;}

#TruliaQA {text-align:center; margin-left:14px;}
#GoogleAds {padding:5px;}
.ARAStory {padding:5px; font-size:12px;}

/* -- trulia search box, module is wide, widget is for old widget on right rail -- */
#search_box_module {background:#E1EDAD url(../images/bkgd_srch_200.png) repeat scroll 0 0; height:200px; width:622px; overflow:hidden;}
#search_box_widget {background:#E1EDAD url(../images/bkgd_srch_200.png) repeat scroll 0 0; height:100px; width:300px; overflow:hidden;}
#search_box_module_content, #adv_search_box {padding:10px 30px 20px;}
#search_box_module #search_box_tagline {font-size:16px; font-weight:bold; padding:3px 0 21px;}
#search_box_module h1, #adv_search_box h1 {display:inline; font-size:19px;}
#search_box_module select, #adv_search_box select {border:1px solid #AAAAAA;}
#search_box_module select, #adv_search_box select {height:20px;}
#search_box_module a.submit_btn, #adv_search_box a.submit_btn {background:transparent url(../images/btn_srch.png) no-repeat scroll 0 0; float:right; height:42px; width:104px;}
#search_box_module label, #adv_search_box label {display:block;	font-weight:bold; padding-bottom:3px;}
h1, h2, h3, h4 {margin:0; padding:0;}
.clearfix {display:block;}
.fleft {float:left;}
label {vertical-align:middle;}
#search_text input, #adv_search_box input, #min_price, #max_price, #min_sqft, #max_sqft, #beds_baths_form select {border:1px solid #AAAAAA;}
#search_text input {font-size:14px; padding:5px 0 5px 5px; width:405px;}
#search_text input, #min_price, #max_price {padding-bottom:4px; padding-top:3px;}
#search_prop_type {height:41px;}
#search_prop_type select {font-size:13px; height:26px; width:145px;}
.fright {float:right;}
.search_example {clear:both; color:#666666; font-size:10px; padding-bottom:15px; padding-left:10px;}
#price_range, #min_num_beds, #min_num_baths, #min_size {float:left;	font-size:11px;}
#min_price, #max_price {margin-right:10px; padding-left:5px; width:55px;}
#min_num_beds, #min_num_baths, #min_size {height:37px; padding:0 10px 0 15px;}
#min_num_beds select, #min_num_baths select {width:55px;}
#min_size select {width:65px;}
#advanced_search_link {clear:both; color:#0066CC; float:right; font-size:11px; padding-right:15px; text-decoration:underline; white-space:nowrap;}
input.transparent_btn {background-color:transparent; border:0 none;	color:transparent;}
input.transparent_btn {height:1px; margin:0; padding:0;	position:absolute; width:1px;}
/* -- end -- */

/* -- view-open-house, view-homes-for-sale tables -- */
.table_header {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; background-color:#cccccc; color:#333333;border:1px dotted #666666;}
.table_text {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.table_label {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
/* -- end -- */

.Caption {font-size:12px; font-weight:bold;}
.Text {font-size:12px;}
.TDDivider{border-left: 1px solid #808080;}

/* -------------------- Main Content Styles ------------------------- */
.content{
	margin:2px;
	text-align:left;
	background-color:#ededed;
}
.InnerContent{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:left;
	border: 1px solid #cccccc;
	padding: 3px;
}
.InnerContentInner{
	border: 1px solid #CCCCCC;
	padding: 3px;	
}
.content h2{color: #333333;}
.ContentHeading{
	border-top: 1px solid #cccccc;
	border-bottom: #6699cc 1px solid;
	width: 100%;
	color: #003366;
	font-family: Cambria, Georgia, Times, Times New Roman, serif; 	
	background-color: #DFF4FF;
}
.LowerContentHeading{
	border-top: 1px solid #cccccc;
	border-bottom: #6699cc 1px solid;
	width: 100%;
	color: #003366;
	font-family: Cambria, Georgia, Times, Times New Roman, serif; 	
	background-color: #cccccc;
}
.PageLinks{
	font-size:10px;
	color:#666666;
	border-bottom:1px dotted #CCCCCC;
	border-top:1px dotted #cccccc;
	text-align:left
}
.PageLinks a{color: #999999;}
.OHHFooter{
	width: 978px;
	border: 1px solid #808080;
	background-color: #ededed;
}	
.hrfooter{
	width: 62%;
	color:#CCCCCC;
}
.main{
	width:982px;
	border:1px solid #666666;
	background-color:#FFFFFF;
	padding:4px;
}
.OHHmain{
	width:976px;
	background-color:#FFFFFF;
	padding:0px;
}
.articles{
	border:solid;
	border-width:thin;
	color:#b7b7b7;
	margin-top:5px;
	text-align:left;
}
.articlesheader{
	background-color:#EDEDED;
	color:#0066CC;
	width:166px;
	height:60px;
	text-align:center;
	padding:20px;
	position:relative;
	left:100px;
	top:-99px;
}
.articlestext{
	color:#000000;
	position:relative;
	top:-100px;
}
.articlesimage{
	background-color:#EDEDED;
	width:80px;
	height:80px;
	position:relative;
	top:1px;
	left:1px;
	padding:10px;
	text-align:center;
	vertical-align:middle;
}
.TableThin{
	border: 1px solid #CCCCCC;	
}
.GreyList {list-style-image: url(../images/arrow.gif);}

/* ------------------------ Top Navigation Styles --------------------- */
.OHHTop{
width: 978px;
height: 145px;
}
.OHHTopLogo{
width: 230px;
height: 145px;
z-index:100;
float:left;
margin-top: 8px;
margin-left: 8px;
}
.OHHTopAd{
width: 728px;
height: 95px;
float:left;
margin-top: 5px;
}
.OHHTopNav{
/*border: 1px solid #4f81bd;*/
width: 972px;
height: 25px;
position: relative;
top: -105px;
left: 3px;
z-index:0;
}

/* ------------- TRULIA HEADER ---------------------- */
.Truliamain{
width:980px;
background-color:#FFFFFF;
padding:0px;
}
.TruliaTop{
width: 978px;
height: 150px;
}
.TruliaTopLogo{
width: 230px;
z-index:100;
float:left;
margin-top: 10px;
margin-left: 10px;
}
.TruliaTopAd{
width: 728px;
height: 95px;
float:left;
margin-top: 5px;
}
.TruliaBannerAds {text-align:center; padding:5px;}