* { margin: 0; padding: 0; border: 0; }

body {
    background-color: #ddd3b7;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 90%;
    color: #444;
    min-width: 990px;

}

a { outline-width: 0px; }
h1, h2, h3, h4, h5, h6, p { margin: 15px 0px; }


h1, h2 {
   color: #444;
   font-size: 1.1em;
}



#header {
    background: transparent;
    height: 100px;
    width: 926px;
    margin: 10px auto 0;
    margin-bottom: 0px;
    position: relative;
}



#badgerlogo {
   float: left;
   border: 0;
}

#headermenu{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
padding-top: 46px;
}

#headermenu a.ro{
background: transparent url('images/hmenuback_left.jpg') -22px -8px no-repeat;
display: block;
float: left;
font: bold 14px Arial;
line-height: 30px;
height: 30px;
padding-left: 20px; /* Width of left menu image */
text-decoration: none;
}

#headermenu a:link.ro, #headermenu a:visited.ro, #headermenu a:active.ro{
color: #600; /*button text color*/
}

#headermenu a.ro span{
background: transparent url('images/hmenuback_right.jpg') right -800px no-repeat;
display: block;
padding: 0px 20px 4px 0;
}

#headermenu a.ro:hover{ /* Hover state CSS */
background: transparent url('images/hmenuback_left.jpg') left -8px no-repeat;
}

#headermenu a.ro:hover span{ /* Hover state CSS */
background: transparent url('images/hmenuback_right.jpg') right -8px no-repeat;
color: #600;
}

#portfoliolink {
    display: block;
    text-align: right;
    text-decoration: none;
    color: #000;
    font-size: 10px;
    background: transparent url(images/myport1.jpg) left top no-repeat;
    width: 144px;
    height: 91px;
    position: absolute;
    top: 0px;
    right: 0px;
    padding-top: 33px;
    font-weight: bold;
}

#plinktext {
    margin-right: 12px;
}

#portfoliolink:hover {
    background: transparent url(images/myport2.jpg) left top no-repeat;
}


.left {
   float: left;
}

.right { float: right; }
.clearit { clear: left; clear: right; }


#topaddressbar {
   position: absolute;
   left: 40px;
   width: 904px;
   color: #fff;
   background-color: pink;
   background: transparent;
}

#topaddressbar h1 {
   font-size: .9em;
   line-height: 35px;
   margin: 0;
   color: #fff;
}
#topaddressbar p {
   font-size: .9em;
   line-height: 35px;
   font-weight: bold;
   margin: 0;
}

#topaddressbar a {
    color: #fff;
    text-decoration: none;
}
#topaddressbar a:hover {
    color: #fff;
    text-decoration: underline;
}

#wrapper {
    width: 990px;
    background: transparent;
    margin: 0px auto;
}

#wrapper-top {
    position: relative;
    background: #fff url(images/border-top.jpg) left top repeat-x;
    width: 990px;
    background-color: #eee;
    height: 68px;
}
#wrapper-top-left {
    background: #600 url(images/border-top-left.jpg) left top no-repeat;
    height: 68px;
    width: 42px;
    float: left;
}

#wrapper-top-right {
    background: #600 url(images/border-top-right.jpg) right top no-repeat;
    height: 68px;
    width: 42px;
    float: right;
}

#wrapper-bottom {
    background: #fffde6 url(images/border-bottom.jpg) left bottom repeat-x;
    width: 990px;
    background-color: #eee;
    height: 35px;
    clear: both;
}
#wrapper-bottom-left {
    background: #600 url(images/border-bottom-left.jpg) left bottom no-repeat;
    height: 35px;
    width: 17px;
    float: left;
}

#wrapper-bottom-right {
    background: #600 url(images/border-bottom-right.jpg) right bottom no-repeat;
    height: 35px;
    width: 17px;
    float: right;
}

#content-wrapper {
    background: #fffde6 url(images/cback.jpg) left top repeat-y;
    position: relative;
    float: left;
    width: 990px;
}

#padtop, #padbottom {
    position: absolute;
    width: 956px;
    height: 4px;
    background-color: #fff;
    left: 17px;
}

#padtop {
    top: 0px;
}

#padbottom {
    clear: both;
    bottom: 0px;
}



.badger_recommends_item {
    width: 150px;
    margin: 10px auto;
}
.badger_recommends_item img {
    border: 0;
    }


#fpwrap {
    background: #fff url(images/featuredpropertybox.gif) left top no-repeat;
    height: 218px;
    width: 655px;
    overflow: hidden;
}

#featuredproperties {
    margin: 10px;
    clear: both;
    height: 198px;
    overflow: auto;

}

#featuredproperties .listingsummary {
   width: 600px;
   margin-left: 10px;
   padding: 1px;
}
#featuredproperties .listingsummary .listingdetails {
   width: 260px;
   height: 200px;
   overflow: hidden;

}

/* start of bottom banners */

#bottombanners {
   position: absolute;
   width: 720px;
   left: 23px;
   bottom: 0px;
   background-color: #fff;
}

#bannerpics {
    width: 100%;
}

#bannerpics img {
    width: 724px;
    height: 242px;
}


#banner_area {
   width: 100%;
   float: left;
   clear: both;
   margin-bottom: 4px;
}

#banner_ads {
   width: 720px;
   width: 100%;
   margin-bottom: 4px;
}


#banner_ads a {
   float: left;
}

a.marginlr {
      margin: 0 3px;
}

#banner_ads img {
   width: 238px;
}

#banner_text {
    clear: left;
   background: #fff url(images/bottom_green_box.jpg) left top no-repeat;
   height: 81px;
   width: 720px;
   padding-bottom: 4px;
}

#banner_text ul {
   list-style-type: none;
   padding: 0;
   margin: 0px;
   margin-left: 10px;
   padding-top: 5px;
}

#banner_text ul li {
   float: left;
   margin: 8px 10px;
   width: 216px;
}

#banner_text h2 {
   color: #800;
   font-size: 12px;
   padding: 0;
   margin: 0;
   margin-bottom: 5px;
}

#banner_text p {
   font-size: 10px;
   padding: 0;
   margin: 0;
}

#banner_text a {
   color: #080;
   text-decoration: none;
   padding-right: 15px;
   background: transparent url(images/green_arrow.gif) right top no-repeat;
}

#banner_text a:hover {
    text-decoration: underline;
}

/* end of bottom banners */


#footer {
    background: transparent;
    width: 58%;
    margin: 10px auto;
    font-size: 10px;
}

#footer .company_name {
    font-weight: bold;
    color: #660000;
}

#footer a {
    color: #008;
    border: 0;
}

#footer table {
    border-collapse: collapse;
}


#pagemenu {
    background: transparent;
    height: 234px;
    overflow: hidden;
    padding: 0px;
    border: 0px;
    border-bottom: 4px solid #fffde6;
    padding: 4px 0px;
}

#pagemenutitle {
    font-size: 1.1em;
    color: #fff;
    background-color:  #660000;
}

#pagemenu .menuitem {
   width: 100%;
   height: 26px;

}


#pagemenu a {
   color: #600;
   text-decoration: none;
   padding: 5px 0 0 30px;
   display: block;
   height: 100%;
   font-family: "Arial Bold", Arial;
   font-size: 12px;
   font-weight: bold;
   background: transparent url(images/nav_bar_normal.gif) left top no-repeat;
}


#pagemenu a.active {
   color: #060;
}
#pagemenu a:hover {
   background: transparent url(images/nav_bar_hover.gif) left top no-repeat;
}

#psmenu a {
   color: #600;
   text-decoration: none;
   display: block;
   height: 100%;
   font-family: "Arial Bold", Arial;
   font-size: 12px;
   font-weight: bold;
   background: transparent url(images/nav_bar_normal2.jpg) left top repeat-y;
   padding: 5px 0 3px 30px;
   border-bottom: 1px solid #fff;
}

#psmenu a:hover {
   background: transparent url(images/nav_bar_hover2.jpg) left top repeat-y;
   border-bottom: 1px solid #fff;
}

#homepageinfobox {
   background-color: #709a3d;
   margin: 0;
   margin-top: 4px;
   padding: 0;
   color: #fff;
   text-align: center;
   height: 240px;
   width: 220px;
   overflow: none;
   position: relative;
   border: 0px;
   border-bottom: 4px solid #fffde6;

}

#homepageinfobox_inner {
   border: 0px;
   width: 210px;
   height: 230px;
   position: relative;
   top: 4px;
   left: 4px;
   border: 1px solid #fff;
   line-height: 2em;
}
#homepageinfobox_inner * { margin: 0; }

#homepageinfobox_inner h2 {
   padding-top: 15px;
}


#maincontent a {
    color: #069;
    text-decoration: none;
}

#maincontent a:hover {
   text-decoration: underline;
   }
#maincontent img {
   border: 0;
   }


#maincontent {
    font-size: 90%;
    line-height: 1.4em;
}


.toolbox {
   background-color: #fff;
   border: 1px solid #989a67;
   float: right;
   width: 200px;
   padding: 10px 0px;
   font-size: 75%;
   margin: 5px 10px;
}
.toolboxinner {
   padding: 0px 15px;
}
.toolbox h3 {
   padding: 0;
   margin: 0;
   display: block;
   text-align: center;
   font-size: 1.2em;
   color: #600;
}

#maincontent .toolbox ul {
    margin: 0px;
}
.toolboxmenu {
    background: transparent;
    font-size: 1.1em;
    margin: 0;
    padding-left: 10px;
    list-style-type: none;
    list-style-position: outside;
   text-indent: -25px;
}


.toolboxmenu li {
   margin-left: 2px;
   padding-left: 2px;
   font-size: 1em;
}



.toolboxmenu a {
   color: #444;
   padding: 0px 15px;
   text-decoration: none;
   padding-left: 25px;
   background: transparent url(images/arrowgreen.gif) 4px top no-repeat;
}

.toolboxmenu a:hover {
   background: transparent url(images/arrow2.gif) 4px top no-repeat;
}

#rental_property_search_area {
  display: block;
  font-size: 65%;
  line-height: 18px;
  margin: 24px;
}


#rental_property_search_area .search_hd {
   clear: both;
   display: block;
   color: #600;
   margin: 0;
   padding: 0;
   font-size: 90%;
}

#pricerange .selectbox {
   font-size: 12px;
   background-color: #ffe;
}



.quicksearch {
   position: relative;
   font-size: .6em;
   padding-bottom: 15px;
}


.quicksearch .inner {
    width: 190px;
    margin: 24px 5px 5px 24px;
}

.quicksearch label {
   font-weight: bold;
}

.qstext {
    font-size: 10px;
    color: #888;
    width: 120px;
    height: 12px;
    border: 1px solid #999;
    clear: both;
    padding: 2px;
}

.quicksearch .qstext {
    float: left;
}

div.gobutton input {
background:url(images/go.jpg) no-repeat;
cursor:pointer;
width: 22px;
height: 22px;
border: none;
padding: 3px;
display: inline;
margin-left: 20px;
}

.gogif {
   position: relative;
   top: 7px;
}



.button {
   background-color: #600;
   color: #fff;
   font-weight: bold;
   border: 2px outset black;
   padding: 2px;
}


.button:hover {
   border: 2px inset black;
}

.hiddendiv {
    display: none;
    width: 150px;
    background-color: #fff;
    border: 2px solid #600;
    padding: 10px;
}

.quicksearch .dropdownarrow {
    display: inline;
    height: 18px;
    margin: 0 4px;
}
.quicksearch ul {
    list-style-type: none;
}

.quicksearch ul li {
    height: 26px;
}

.qspopout {
    width: 0px;
    position: absolute;
    top: 30px;
    padding: 5px;
    padding-bottom: 30px;
    border: 1px double #888;
    background-color: #fff;
    display: none;
}
#qstowns {
    width: 300px;
}

#qspropertytype {
    width: 180px;
}

#qspricerange {
    width: 180px;
}
#rentaltowns {
    width: 180px;
}

#rentalseasons {
    width: 150px;
}

#rentalprice {
    width: 150px;
}

.qspoptitle {
    display: block;
    background-color: #600;
    color: #fff;
    font-size: 1.2em;
    text-align: center;
    border-bottom: 2px solid #060;
    margin-bottom: 5px;
}


.qspopout fieldset {
   width: 150px;
   float: left;
   line-height: 15px;
}
.qspopout label {
    padding: 0 3px;
}
.qspopout select {
    width: 150px;
    border: 1px solid #888;
}
.qspopout ul {
    list-style-type: none;
}

.closepopout {
    position: absolute;
    bottom: 5px;
    right: 5px;
    background-color: #600;
    color: #fff;
    font-weight: bold;
    padding: 4px;
}
.qssubmit {
  display: block;
  width: 150px;
  background-color: #600;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  padding: 3px 5px;
  border: 2px outset black;
  cursor: hand;
}

#qssubmit:hover {
  border: 2px inset black;
}
#detailedsearchlink {
   margin: 10px 0;
}

#detailedsearchlink a {
   font-size: 10px;
   color: #555;
   text-decoration: none;
}
#detailedsearchlink a:hover {
   color: #333;
}
#detailedsearchlink a img {
   border: 0;
   margin: 0px 0px 0 10px;
   position: relative;
   top: 4px;
}

/* the style starts here */
.hov { display: block; margin: 0; padding: 0;}
.hov table {position:absolute; border:0; border-collapse:collapse; left:0;}
.hov a {background:#9c9; color:#000; text-decoration:none;}

.hov b {display:none; font-weight:normal;}

.hov:hover {position:relative; z-index:100;}

.hov a:hover,
.hov:hover a

{border:0; text-decoration:none; position:relative;}

.hov:hover b,
.hov a:hover b
{
    display:block;
    visibility:visible;
    position:absolute;
    left:-10px;
    top:0em;
    background:#fff;
    cursor:hand;
    border:1px solid #888;
    padding:5px 10px;

    width: 150px;
    background-color: #fff;
    border: 2px solid #600;
    padding: 10px;

}
.hov b a {white-space:nowrap; color:#000; text-decoration:none; background:transparent; display:block;}
.hov b a:hover {text-decoration:underline;}

.hov ul { list-style-type: none; clear: both;}

.hov label:hover { cursor: hand; }

.closetowns {
   display: block;
   text-align: center;
   font-size: .75em;
   }


.cb {
   margin: 0px 2px;
}

.qshead {
   font-size: 12px;
   margin: 12px 0 11px 0;
      padding: 0;

}

.rentalcb {
   margin-top: -8px;
}


.header_data {
   border-right: 1px solid #444;
   padding: 0 10px;
}

#mainpicture {
   float: left;
   margin-left: -15px;
}

#mainpic {
    margin: 0;
    padding: 0;
}

#caption {
   clear: both;
   width: 300px;
   font-size: .8em;
   font-style: italic;
   padding-left: 10px;
}

#caption p {
   padding: 0;
   margin-top: 260px;
   margin: 260px 0 0 30px;
}

#thumbnail_container {
   float: left;
   width: 30px;
}

#description {
   clear: both;
}

.thumb {
   height: 70px;
   float: left;
   padding: 2px;
}

#rental_listing {
   font-size: .9em;
}

#rental_listing .listingheader {
   margin-bottom: 10px;
   width: 692px;
   margin-left: -2px;
}

#rental_listing .header_data {
   color: #600;
   font-weight: bold;
}


#rental_listing .hdr {
   color: #600;
}
#rental_listing ul {
   display: block;
   list-style-type: none;
}

#rental_listing ul li {
   width: 300px;
   float: left;
}
#rental_listing .fieldname {
   display: block;
   float: left;
   width: 150px;
   color: #000;
   text-align: right;
   padding-right: 8px;
}

#rental_amenities ul {
   color: #000;
   font-size: .9em;
   list-style-type: disc;
   margin-left: 24px;
}
#print_header {
   display: none;
   }



             /* Detailed Search Page */
#detailedsearch .newrow {
    clear: both;
    margin: 10px 0;
}

#detailedsearch .newrow h3 {
    font-size: 1.2em;
    color: #600;
}



#detailedsearch .cat {
   float: left;
   margin-right: 8px;
   width: auto;

}

#detailedsearch .cat ul {

   float: left;
   list-style-type: none;
   font-size: 1.2em;
   margin-top: 5px;
   margin-right: 7px;
}

#detailedsearch .cat li label:hover {
    text-decoration: underline; cursor: hand;
}

#detailedsearch .cat li label {
    color: #444;
    margin: 3px;
    position: relative;
    top: -2px;
    line-height: 16px;
}

#detailedsearch .cat li.lbl {
    color: #666;
    font-size: 12px;
    font-weight: bold;
    margin: 2px 0;
}

#detailedsearch .cat li select {
    width: 140px;
    border: 1px solid #888;
    margin: 4px 0;
}

#detailedsearch #keywords {
   width: 220px;
    border: 1px solid #888;
}


/* Agents */
#agentgallery a {
   float: left;
   width: 110px;
   margin: 6px 4px;
   padding: 10px 4px 3px;
   text-align: center;
   font-size: 10px;
   text-decoration: none;
   background-color: #fff;
   color: #444;
   border-right: 2px solid #aaa;
   border-bottom: 2px solid #aaa;
   border-top: 1px solid #eee;
   border-left: 1px solid #eee;
}

#agentgallery a:hover {
   background-color: #ddd3b7;
}


.staffthumb {
   border: 0;
}
.staffthumb p {
   font-size: 80%;
}


#agentgallery * {
   padding: 0;
   margin: 0;
}


#agentprofile img {
   padding-right: 15px;
}

#home_town_list {
    clear: both;
   margin: 15px 0px;
}

.townpic {
    float: right;
    margin: 0 0 10px 10px;
}

#townlinks {
   clear: both;
   margin: 10px 0px;
}

#socialmedialinks {
    margin: 5px auto;
    width: 190px;
    color: #fff;
}


ul.forminput {
   list-style-type: none;
}

ul.forminput label {
   display: block;
   float: left;
   width: 120px;
   text-align: right;
   padding-right: 4px;
}


#resultstop {
    border-bottom: 1px solid #600;
}

#resultstop h1,
#resultstop h2,
#resultstop h3,
#resultstop h4,
#resultstop h5 {
    font-size: 1.5em;
    margin: 5px 0px;
}
.go-yellow {
    width: 33px;
    height: 29px;
    border: 0;
    background: transparent;
    position: relative;
    top: 8px;
    }

#backbutton {
   float: right;
   color: #fff;
}

.press_release {
   margin: 10px 0;
   border-top: 1px solid #600;
}

#free-market-analysis label {
    display: block;
    font-weight: bold;
    color: #888;
}
.formlayout {
   list-style-type: none;
}

.formlayout .textinput,
.formlayout textarea {
   width: 220px;
   border: 1px solid #888;
}

#free-market-analysis .button {
    margin: 0 30px;
}
#sitefooter {
   text-align: center;
   margin: 20px auto;
   width: 70%;
   font-size: 60%;
}

#bottommenu {
   display: block;
   text-align: center;
   margin-top: -29px;
}

#bottommenu a {
    margin: 0px 10px;
    color: #fffde6 ;
    font-size: 90%;
    text-decoration: none;
}
#bottommenu a:hover {
    text-decoration: underline;
}

#searchvars {
    display: none;
}

/*slide show style */
/*slide show style */
.ss_listingsummary {
   font-size: 1em;
   font-family: Arial, Helvetica, sans-serif;
}
.ss_listingheader {
   background-color: #fff;
   color: #333;
   margin: 5px 0;
   font-weight: bold;
   border: 1px solid #ddd3b7;
   border-bottom: 3px solid #ddd3b7;
}

.ss_listingheader span {
   border-right: 1px solid #ddd3b7;
   margin: 5px 0px;
   padding: 0 10px;
}

.ss_listingimage {
   float: left;
   width: 150px;
   padding-right: 10px;
}

.ss_listingimage img {
   width: 100%;
   border: 0;
}

.ss_listingbullets {
   display: block;
   font-size: 80%;
   background-color: #ddd3b7;
   padding: 5px;
   margin: 5px 0;
}

.ss_listingbullets ul {
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

/*slide show style */
/*slide show style */
#ss_wrap {
    width:610px;
    height:468px;
    background: #fff url(images/slideshow0.png) left top no-repeat;
    font-size: 90%;
    position:relative;
    margin: 60px auto 40px auto;
    border: 0;
    clear: both;
}

#searchtitle {
    color: #fff;
    font-size: 1.5em;
    font-weight: bold;
    position: relative;
    top: 70px;
    float: left;
    width: 420px;
    padding-left: 25px;
}

#ss_nav_buttons {
    position: relative;
    top: 70px;
    float: right;
    width: 105px;
    height: 30px;
    padding-right: 25px;
}

#ss_slide_count {
   float: left;
   width: 55px;
   height: 20px;
   color: #eee;
   font-size: .9em;
   font-weight: bold;

}

#ss_slide_next,
#ss_slide_prev {
    width: 24px;
    float: right;
}


.ss_listingsummary {
   font-size: 1em;
   font-family: Arial, Helvetica, sans-serif;
}
.ss_listingheader {
   background: transparent;
   color: #333;
   margin: 5px 0;
   font-weight: bold;
   font-size: 1.8em;
}

.listing_number {
   color: #000;
   background: transparent;
}

.ss_listingheader span {
   margin: 5px 0px;
   padding: 0 10px;
}

.ss_listingimage {
   float: left;
   width: 240px;
   padding-right: 10px;
}

.ss_listingimage img {
   width: 100%;
   border: 0;
}

.ss_listingbullets {
   font-weight: bold;
   font-size: .9em;
   padding: 2px;
   line-height: 1.1em;
}
.ss_listingbullets p {
   padding: 0;
   margin: 0;
}


#slide {
    width:560px;
    height:265px;
    overflow:hidden;
    position:absolute;
    left:15px;
    top:100px;
    background: transparent;
    border: 0;
}

.ss_listingsummary {
    height:265px;
    width: 560px;
    position:absolute;
    left:575px;
    top: 0px;
    padding:10px;
}

.ss_listingdetails {
   float: left;
   width: 290px;
   height: 200px;
   overflow: hidden;
}


.ss_moredetails {
    position: absolute;
    right: 35px;
    bottom: 20px;
}

#slide .ss_moredetails a {
    color: #000;
    font-weight: bold;
}


.ss_listingdetails_town {
   font-weight: bold;
   color: #600;
}

.ss_viewlistings {
   clear: both;
   position: absolute;
   right: 15px;
   bottom: 10px;
}


#ss_previous b {display:none;}
#ss_next b {display:none;}

#ss_previous, #ss_next {
    width:30px;
    height:30px;
    background:url(images/prev.jpg);
    position:absolute;
    left:5px;
    top:165px;
    cursor:pointer;
}

#ss_previous {
    background:url(images/prev.jpg);
    left:10px;
}

#ss_next {
    background:url(images/next.jpg);
    left:600px;
}
#ssb_previous {
   position: absolute;
   left: 50px;
   top: 355px;
}

#ssb_next {
   position: absolute;
   left: 400px;
   top: 355px;
}
#ss_buttons {position:absolute; left:130px; top:355px;}
#ss_buttons div {width:20px; height:20px; background:url(button.gif); float:left; margin-right:5px; display:inline;}
#ss_buttons div b {display:block; width:20px; height:20px; line-height:19px; font-family:arial, sans-serif; font-size:11px; color:#16a;text-align:center; cursor:pointer;}
img#loading {position:absolute; left:290px; top:170px;}

#slidebottom {
   clear: left;
   clear: right;
   position: relative;
   top: 375px;
   left: 30px;
   color: #fff;
   font-size: 1.2em;
}

#slidebottom .ss_link {
   float: left;
   margin: 0;
   border-right: 1px solid #fff;
   padding: 0 17px;
}

#slidebottom a {
   color: #fff;
}
#col1 {
    float: left;
    clear: both;
    margin: 0px 0 0 21px;
    width: 724px;
    background-color: #fffde6;
    padding-bottom: 250px;
}

#col2 {
    float: right;
    width: 220px;
    margin-right: 21px;
}


#maincontent {
    clear: both;
    margin: 30px;
    min-height: 300px;
    line-height: 1.5em;

}

#menubox {
    width: 100%;
    height: 242px;
    background-color: black;
}

.rcoldiv {
    margin: 5px 0;
}