/* --------------------------------------- Colors
		#74b32b - Green in Header
		#b60606 - Red in side headings
		#E1E1E1 - Light Gray body background
		#133115 - Charcoal color at top
---------------------------------------------------- */
*{
	margin: 0px;
	padding: 0px;
}
a{
	outline: none;
}
.hide{
	position: absolute;
	left: -9999px;
}
body{
	text-align: center;
	font: 12px/1.5em "Trebuchet MS", serif;
	background: url(../../images/bodybg.gif) repeat-x #E1E1E1;
}
#maincontent p.viewed{
	font-size: 120%;
	width: 250px;
	border: 1px solid #000;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	background: #B60606;
	color: #fff;
	margin: 0 0 10px 0;
	padding: 0;
}
#wrap{
	width: 988px;
	margin: auto;
	text-align: left;
	color: #202020;
	background: url(../images/wrapbg.gif) top left repeat-y #fff;
	border: 1px solid #555555;
} 
#header{
	width: 100%;
	display: block;
	background: url(../images/header.gif) left top repeat-x;
	color: #fff;
	height: 136px;
	position: relative;
}
a.account{
	position: absolute;
	right: 20px;
}#header{

	background: url(../images/hsbobanner.jpg);

}


#header a.h1{
	display: block;
	height: 136px;
	width: 240px;
	text-indent: -9999px;
	float: right;
}
#header h1 a:hover{
	background: url(../images/hsboh1over.gif) left 0px no-repeat;
}
#header #flash{
	font-size: 10px;
	float: left;
	background: url(../images/beyourownh1free.gif) left 0px no-repeat;
	width: 236px;
	height: 136px;
}
#header h2{
	position: absolute;
	left: 300px;
	top: 15px;
	background: url(../images/headerlogo.gif) no-repeat;
	height: 116px;
	display: none;
	width: 204px;
	text-indent: -9999px;
}
/* --------------------- LOCATION BAR ------------------------------- */
.location{
	background: url(../images/navigation.gif) repeat-x;
	color: #000;
	padding-left: 4px;
	height: 27px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	clear: both;
	position: relative;
}
.location a{
	color: #fff;
}
form#lookup{
	display: inline;
}
form#lookup label{
	margin-left: 6px;
}
form#lookup input{
	width: 60px;
}
form#lookup input.submit{
	width: 30px;
	margin-top: 3px;
}
.account{
	margin-top: 5px;
}


.unit{
	border: 1px solid #ccc;
	display: block;
	width: 100%;
}
/* --------------------- END LOCATION BAR ------------------------------- */
#navigation{
	height: 25px;
	background: url(../images/navigation.gif) repeat-x;
	border-bottom: 1px solid #000;
	clear: both;
}
#navigation ul{
	width: 100%;
	list-style-type: none;
}
#navigation li{
	text-align: center;
	/* width: 11%; */
	width: 12%;
	float: left;
	padding-top: 3px;
}
/*
#navigation li.home, #navigation li.services, #navigation li.about, #navigation li.faqs, #navigation li.contact{
	width: 7%;
}
#navigation li.listyour{
	width: 12%;
}
#navigation li.representatives, #navigation li.testimonials{
	width: 13%;
}
#navigation li.needs, #navigation li.search{
	width: 15%;
} */

#navigation li a{
	color: #000;
	text-decoration: none;
}
#navigation li a:hover{
	font-weight: bold;
	font-size: 12px;
	letter-spacing: .08em;
}
ul.submenu{
	display: block;
	width: 100%;
	background-color: #b60606;
	color: #fff;
	float: left;
	list-style-type: none;
}
.submenu li{
	float: left;
	display: inline;
	width: 14%;
	text-align: center;
	padding: .2em 0;
}
ul.submenu a{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
.submenu a:hover{
	text-decoration: underline;
}
#testimonials{
	display: none;
	float: left;
	width: 192px;
	border: 1px solid #bcbaba;
	clear: left;
	margin-left: 3px;
	margin-bottom: 5px;
	background-color: #fff;
}
#testimonials h2{
	font-size: 11px;
	background-color: #b60606;
	color: #fff;
	padding: 2px 4px;
}
#testimonials dt{
	padding: 2px 4px;
}
#testimonials dd{
	padding: 0px 4px 10px 4px;
	font-style: italic;
	background: url(../images/ddbg.gif) bottom center no-repeat;
}
#maincontent{
	padding-top: 30px;
	padding-left: 210px;
	position: relative;
}
#maincontent p{
	padding: 0px 4px;
	padding-bottom: 1.5em;
}
#maincontent dl{
	padding: 0px 4px;
}
#maincontent dt{
	font-weight: bold;
	margin-bottom: 5px;
}
#maincontent dd{
	margin-bottom: 15px;
}
body.preffered #maincontent dl{
	margin-bottom: 10px;
}
body.preffered #maincontent dt{
	margin-bottom: 0px;
}
body.preffered #maincontent dd{
	margin-bottom: 0px;
}
#maincontent h1{
	font-size: 120%;
	font-family: Georgia, serif;
	text-transform: uppercase;
	padding: 0px 0px .2em 4px;
	margin-right: 7px;
	margin-bottom: 1.5em;
	border-bottom: 1px dashed #B60606;
}
#maincontent h1.listheading{
	border: 0;
}
#maincontent h2{
	font-size: 13px;
	padding: 0px 4px 1.5em 4px;
}
#maincontent ul.states{
	width: 500px;
	margin: auto;
	text-align: center;
	list-style-type: none;
	height: 145px;
}
#maincontent ul.states li{
	float: left;
	width: 125px;
	text-align: center;
}
#maincontent ul.states a{
	text-indent: -9999px;
	display: block;
	margin: auto;
	width: 122px;
}
#maincontent ul.states a.wisconsin{
	background: url(../images/wisconsin.gif) center center no-repeat;
	height: 102px;
}
#maincontent ul.states a.illinois{
	background: url(../images/illinois.gif) center center no-repeat;
	height: 141px;
}
#maincontent ul.states a.maryland{
	background: url(../images/maryland.gif) center center no-repeat;
	height: 106px;
}
#maincontent ul.states a.minnesota{
	background: url(../images/minnesota.gif) center center no-repeat;
	height: 137px;
}
#maincontent h4{
	font-size: 12px;
}
#maincontent ul.normal{
	margin-left: 10px;
	margin-bottom: 1.5em;
	margin-top: 3px;
}
#maincontent ul.normal li{
	margin-left: 10px;
	padding-bottom: 4px;
}
#maincontent img.right{
	float: right;
	margin: 0px 5px 5px 5px;
}
#links{
	float: left;
	display: block;
	width: 200px;
	padding-top: 30px;
}
#links a{
	text-indent: -9999px;
	display: block;
}
#links a.gsf{
	text-indent: 0px;
}
#links li img{
	border: 0px;
}
a.advanced{
	background: url(../images/advancedsearch2.gif) center center no-repeat;
	height: 50px;
	width: 200px;
	display: block;
	text-indent: -9999px;
	float: none;
	margin: auto;
}
a.renttoown{
	background: url(../images/renttoownbtn.gif) center center no-repeat;
	height: 50px;
	width: 200px;
	display: block;
	text-indent: -9999px;
	float: left;
	margin: auto;
	margin-right: 8px;
}
a.foreclosures{
	background: url(../images/foreclosuresbtn.gif) center center no-repeat;
	height: 50px;
	width: 200px;
	display: block;
	text-indent: -9999px;
	float: left;
	margin: auto;
}

#links a.advanced{
	background: url(../images/advancedsearch.gif) center center no-repeat;
	height: 50px;
}
#links a.faqs{
	background: url(../images/faqs.gif) center center no-repeat;
	height: 50px;
}
#links a.freeguide{
	background: url(../images/freeguide.gif) center center no-repeat;
	height: 100px;
}
#links a.freeguide:hover{
	background: url(../images/freeguideover.gif) center center no-repeat;
}
#links a.flyer{
	background: url(../images/flyerlink.gif) center center no-repeat;
	height: 100px;
}
#links a.flyer:hover{
	background: url(../images/flyerlinkover.gif) center center no-repeat;
}
#links a.nomoneydown{
	background: url(../images/gsflogogray.gif) center center no-repeat;
	height: 100px;
}
#links p{
	padding: 0px 3px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#links p.img{
	text-align: center;
}
#links form{
	margin-left: 3px;
	margin-bottom: 9px;
}
#links h3{
	font-size: 12px;
	padding-left: 4px;
}
#links ul.leftlist{
	list-style-type: none;
	margin-left: 10px;
	text-align: center;
	margin-bottom: 10px;
	margin-right: 10px;
}
ul.leftlist strong{	
	font-size: 120%;
}
#footer{
	clear: both;
	width: 100%;
	background-color: #0c140d;
	color: #fff;
	font-size: 10px;
	text-align: center;
}
#footer a{
	color: #fff;
}
#footer ul{
	list-style-type: none;
}
#footer ul li{
	float: left;
	width: 19%;
	text-align: center;
}
#footer p{	
	clear: both;
	padding-top: 3px;
	padding-bottom: 3px;
}
.bottomfix{
	clear: both;
	height: 0px;
}
/* ----------------------- Listing Results Styles ------------------------------- */
div#leftlisting{
	display: block;
	width: 260px;
	float: left;
}
div.images img{
	margin-bottom: 8px;
	border: 0px;
}
div.images img.thumbnail{
	float: left;
	margin-right: 4px;
}
#leftlisting div.agentinformation{
	width: 250px;
	background-color: #e2f1c9;
	color:  #3a3f33;
	clear: both;
	margin-top: 5px;
	border: 1px solid #75845c;
	margin-bottom: 5px;
}
div.agentinformation p{
	padding: 0px;
	margin: 0px;
	margin-left: 90px;
}
div.agentinformation a.website{
	display: block;
	text-align: center;
	margin-top: -10px;
}
div.agentinformation h4{
	font-size: 12px;
	margin-top: 3px;
	font-weight: normal;
	color: #3a3f33;
	text-indent: 5px;
	margin-bottom: 6px;
	padding-bottom: 2px;
	border-bottom: 1px dashed  #636f51;
}
div.agentinformation img{
	float: left;
	border: 1px solid #5b644c;
	margin: 0px 7px 4px 4px;
}
#leftlisting div.agentinformation p.agentname{
	font-weight: bold;
	padding-bottom: 3px;
	margin-bottom: 3px;
}
div#rightlisting{
	float: left;
	width: 293px;
	position: relative;
}
#rightlisting p{
	clear: both;
	margin: 0px;
	padding: 0px;
	padding-top: 9px;
}
#maincontent a.print{
	display: block;
	font: 10px Arial, sans-serif;
	padding-top: 24px;
	background: url(../images/print.gif) center top no-repeat;
	margin-bottom: 5px;
	margin-top: 1.5em;
	width: 100px;
}
#maincontent a.calculator{
	display: block;
	font: 10px Arial, sans-serif;
	padding-top: 24px;
	background: url(../images/calc.gif) center top no-repeat;
	margin-bottom: 5px;
	margin-top: 1.5em;
	width: 100px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#maincontent a.printb{
	float: right;
	display: block;
	font: 10px Arial, sans-serif;
	padding-top: 24px;
	background: url(../images/print.gif) center top no-repeat;
	margin-bottom: 5px;
	margin-top: 1.5em;
	width: 100px;
}
#maincontent p.price{
	width: 100px;
	float: right;
	display: block;
	font-size: 150%;
	text-align: center;
	margin: 0;
	color: #B1131C;
	padding: 0;
	clear: none;
}
#maincontent p.openHouse{
	color: #B1131C;
	font-size: 150%;
}
#maincontent p.openHouse strong{
	padding-bottom: .3em;
	display: block;
}
a.calculator{
	font-size: 95%;
}
#maincontent p.propaddress{
	float: left;
	margin-left: 120px;
	display: inline;
	clear: none;
	padding: 0px;
	font-weight: bold;
	font-size: 160%;
	text-align: center;
	width: 262px;
}
p.propaddress strong{
	display: block;
	padding-bottom: 5px;
}
#maincontent p.payment{
	font-size: 130%;
	text-align: center;
	padding-top: 1em;
	font-weight: bold;
}
p.payment span.cost{
	color: #B1131C;
	font-size: 160%;
	line-height: 1.5em;
}
.payments{
	color: #b60606;
}
p.ehl{
	font-size: 11px;
}
p.ehl img{
	float: left;
	margin: 5px;
}
#maincontent p.payment a{
	display: block;
	margin: auto;
	margin-top: 10px;
	text-indent: -9999px;
	height: 35px;
	width: 127px;
	background: url(../images/freepreapproval2.gif) no-repeat;
}
#maincontent img.flyer{
	float: right;
	margin: 5px;
	border: 1px solid #000;
}
#maincontent p.started{
	font-size: 140%;
	font-weight: bold;
}
#rightlisting ul.general{
	margin-top: 4px;
	padding-top: 4px;
	clear: both;
	width: 100%;
	list-style-type: none;
	border-top: 1px dashed #c0c0c0;
}
#rightlisting ul.general li{
	float: left;
	width: 49%;
}
#rightlisting h4{
	padding-top: 9px;
	font-size: 12px;
}
#rightlisting ul.dimensions{
	padding-top: 4px;
	clear: both;
	width: 100%;
	list-style-type: none;
}
#rightlisting ul.dimensions li{
	float: left;
	width: 49%;
}
/* ---------------------------------- Agent listings -------------------------------------- */
#maincontent div.topinfo{
	display: block;
	height: 80px;
}
#maincontent div.topinfo p.propaddress{
	margin-right: 5px;
}
#maincontent div.agentcontactinfo{
	display: block;
	width: 550px;
	border-top: 1px dashed #c0c0c0;
	padding-top: 4px;
}
p.contactinfo{
	margin-left: 110px;
}
#maincontent div.agentcontactinfo img{
	float: left;
	margin-right: 40px;
}
#maincontent div.agentcontactinfo p.contact{
	margin-bottom: 4px;
	padding-bottom: 0px;
}
p.contactinfo{
	margin-left: 110px;
}
#maincontent div.agentcontactinfo ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#maincontent div.comments{
	width: 550px;
	display: block;
	margin-top: 5px;
	border-top: 1px dashed #c0c0c0;
	padding-bottom: 4px;
	padding-top: 6px;
}
#maincontent div.comments form textarea{
	width: 550px;
	height: 60px;
	border: 1px solid #808080;
	margin-bottom: 5px;
}
#maincontent div.comments form input{
	width: 550px;
	height: 20px;
	border: 1px solid #808080;
	margin-bottom: 5px;
}
#maincontent div.comments input.submit{
	background: url(../images/buttonbg.gif) no-repeat #ebebeb;
	font: 12px "Trebuchet MS", serif;
	border: 1px solid #808080;
	width: 125px;
	height: 25px;
}
#maincontent div.partners{
	width: 550px;
	display: block;
	margin-top: 5px;
	border-top: 1px dashed #c0c0c0;
	padding-bottom: 4px;
	padding-top: 6px;
}
#maincontent div.partners img{
	margin-top: 5px;
	float: left;
	margin-right: 9px;
	border: 0px;
	padding-bottom: 4px;
}
/* ------------------------------- TabNav(from the master himself at SimpleBits) ----------------- */
 #tabnav	{
	height: 20px;
	width: 95%;
	margin: 0;
	padding-left: 10px;
	background: url(../images/tab_bottom.gif) repeat-x bottom;
	margin-bottom: 10px;
}
#tabnav li{
	margin: 0; 
	padding: 0;
  	display: inline;
  	list-style-type: none;
}
#tabnav a:link, #tabnav a:visited{
	float: left;
	background: #f3f3f3;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	margin-right: 4px;
	border: 1px solid #ccc;
	text-decoration: none;
	color: #666;
}
#tabnav a:link.active, #tabnav a:visited.active	{
	border-bottom: 1px solid #fff;
	background: #fff;
	color: #000;
}
#tabnav a:hover{
	background: #fff;
}
#maincontent table.resultstable{
	width: 95%;
	border-collapse: collapse;
	margin-top: 10px;
}
#maincontent table.resultstable td{
	text-align: center;
	border: 1px solid #ccc;
}
#maincontent table.resultstable td img{
	border: 1px solid #000;
}
#maincontent table.resultstable td.address{
	text-align: left;
}
#maincontent table.resultstable th{
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	padding: .3em 0;
	background: #666;
	border: 1px solid #ccc;
	color: #fff;
}
td select{
	width: 200px;
}
.searchtable{
	text-align: left;
	margin: auto;
	width: 90%;
	font-size: 120%;
	clear: none;
}
.searchtable td{
	padding-right: 1em;
}
.searchtable tr.freetext td{
	padding-bottom: 1.3em;
}
.searchtable td.check{
	padding-top: 5px;
}
.searchtable td.check input{
	position: relative;
	top: -4px;
}
form#search{
	float: left;
	text-align: center;
	margin-top: 10px;
	clear: none;
}
#search table{
	border-collapse: collapse;
	text-align: left;
	margin: auto;
}
#search table th{
	text-transform: uppercase;
	padding: .2em .8em .2em .3em;
	color: #666;
	border: 0px;
	font-size: 110%;
	background: #F3F3F3;
}
#search table td{
	padding: .2em 2em .2em .3em;
	border: 0px;
}
#search table td.buttons{
	border: 0px;
	padding-top: .9em;
	text-align: center;
}
.pages a{
	margin-right: 10px;
}
.pages{
	padding-bottom: .8em;
}
/* --------------------- Guide Form ------------------------------- */
form.guide{
	position: relative;
	margin-left: 4px;
	width: 546px;
	float: left;
}
form.guide label{
	text-align: left;
	display: block;
	float: left;
	width: 250px;
}
form.guide br{
	padding-top: 10px;
}
#maincontent form.guide p{
	padding: 0;
	margin: 0 0 5px 0;
	display: block;
	width: 100%;
	float: left;
}
#maincontent .guide p.flyertype{
	border-bottom: 1px solid #ccc;
}
.guide p.choose{
	text-transform: uppercase;
	padding: .2em .8em .2em .3em;
	color: #666;
	border: 1px solid #ccc;
	font-size: 110%;
	text-indent: 5px;
	background: #F3F3F3;
	margin-bottom: 0;
}
	
.highlight{
	background-color: #F3F3F3;
}
/* ----------------------- Sign up form ----------------------------- */
.signup{
	width: 546px;
	margin-bottom: 10px;
}
.signup fieldset{
	border: 0px;
	padding: 0 4px;
	margin-bottom: 10px;
}
.signup ol{
	list-style-type: none;
}
.signup li{
	display: block;
	padding-bottom: .3em;
}
.signup label{
	width: 200px;
	display: block;
	float: left;
}
#maincontent ul.errors{
	margin-left: 40px;
	margin-bottom: 10px;
}
.accepted{
	color: #68A818;
	font-weight: bold;
}
.reduced{
	color: blue;
	font-weight: bold;
}
.new{
	color: #568A17;
	font-weight: bold;
}
.sold{
	color: red;
	font-weight: bold;
}
.phoneNumber{
	display: block;
	padding-top: 20px;
	color: #B1131C;
}
.resultstable span.new{
	font-size: 130%;
}
.resultstable span.open{
	color: #024DD7;
	font-style: italic;
}
.resultstable span.price{
	font-weight: bold;
}
.resultstable span.sold{
	color: #68A818;
}
.resultstable span.available{
	color: #000;
}
.resultstable span.accepted{
	color: #68A818;
}
.resultstable{
	margin-bottom: 1em;
}
#maincontent form.edit td{
	vertical-align: top;
}
#maincontent p.note{
	margin: 0;
	margin-bottom: .5em;
	padding: 0;
}
#maincontent table.messages td{
	text-align: left;
	padding: 0 5px;
	vertical-align: top;
}

#maincontent img.maplink{
	border: 0px;
	margin-left: 10%;
	padding: 0px;
}
input.errorMessage, select.errorMessage{
	border: 2px solid #b60606;
}
label.errorMessage{
	color: #b60606;
	font-size: 90%;
}
form.guide label.errorMessage{
	float: right;
	margin-right: 20px;
	display: inline;
}
#links ul.choosecounties li{
	width: 100%;
	padding-left: 30px;
	list-style-type: none;
	margin-bottom: 10px;
}
#links ul.choosecounties li.north{
	background: url(../images/north.gif) 5px 2px no-repeat;
} 
#links ul.choosecounties li.milwaukee{
	background: url(../images/milwaukee.gif) 5px 2px no-repeat;
}
#links ul.choosecounties li.madison{
	background: url(../images/madison.gif) 5px 1px no-repeat;
}
/* ----------------------- Preffered Partners Styles ------------------------------- */
body.preffered dl dt{
	font-weight: bold;
	margin: 0px;
}
body.preffered dl dd{
	margin-bottom: 1000px;
	padding: 0px;
}
/* ----------------------- PREFERED PARTNERS ELEMENTS ----------------------------- */
ul#contentNav{
	display: block;
	margin: 0px 100px 70% 10px;
	float: left;
	list-style-type: none;
}
ul#contentNav a{
	color: blue;
	font-size: 14px;
	text-decoration: none;
}
ul#contentNav a:hover{
	color: black;
}

table.open{
	margin-bottom: 1.5em;
	width: 100%;
}
table.open td{
	width: 50%;
	padding-bottom: .4em;
}
/* ----------------------- cantfind ELEMENTS ----------------------------- */
#cantfind{
	float: right;
	clear: none;
	background: #FDCD14;
	border: 1px solid #000;;
	width: 200px;
	margin-right: 40px;
	display: inline;
	margin-bottom: 0px;
}
a.valueofhome{
	background: url(../images/valueofhome.gif) center center no-repeat;
	width: 202px;
	height: 110px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 330px;
	left: 746px;
}
#maincontent > a.valueofhome{
	margin-right: 10px;
}
#ad{
	float: right;
	margin: 10px;
}
#ad a img{
	padding: 0px;
	margin: 0px;
	border: 0px;
}
#cantfind p, #cantfind h2{
	margin-left: 5px;
}
#cantfind h2{
	font-size: 140%;
	padding-top: .2em;
	text-align: center;
}
#cantfind ol{
	list-style-type: none;
	margin-left: 10px;
}
#cantfind li{
	padding: .2em 0;
}
/* ----------------------- Editing Table Styles ------------------------------- */
.editInfo .unit{
	background: #eee;
	border-collapse: collapse;
	border: 1px solid #ccc;
	margin-bottom: 15px;
	padding-top: .4em;
	width: 80%;
}
.editInfo .unit td{
	padding: 0 .4em .4em .4em;
}
#addUnit{
	display: block;
	padding: .2em 5px;
	text-align: center;
	color: #fff;
	width: 100px;
	text-decoration: none;
	background-color: #74b32b;
	margin-bottom: 10px;
	border: 1px solid #000;
}
.hidden{
	display: none;
}