/* Following styles are for the 'michigan.com' version of the marketplace template. Not as cool as the real michigan.com but more like the ugly twin. */ /* CSS Reset ---------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline; background: transparent; } html {text-align: center;} body {line-height: 1; text-align: left;} h1, h2, h3, h4, h5, h6 {font-weight: normal;} ol, ul {list-style: none;} blockquote, q {quotes: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse; border-spacing: 0;} /* real estate michigan style! */ body {background: url(images/mi-bodybg.jpg) repeat-x top center fixed #313131; font-family: "helvetica neue", helvetica, "Lucida Grande", arial, sans-serif; font-size: 12px; color: #333;} p {line-height: 18px; padding-bottom: 7px;} #wrapper {width: 980px; /* padding: 0 10px; */ margin: 0 auto;} #header {width: 980px; height: 104px; background: url(images/mi-head.gif) no-repeat top left; position: relative;} span#date {display: block; font-size: 36px; color: #ccc; float: left; margin: 5px 0 0 0; width: auto;} #header ul#mi-providers {margin: 0; padding: 0; position: relative; top: 28px; } #header ul#mi-providers li {width: auto; height: 20px; margin: 0; padding: 0; list-style-type: none; position: absolute;} #mi-freep {top: 8px; left: 426px;} #mi-detnews {top: 8px; left: 560px;} #mi-livings {top: 8px; left: 691px;} #mi-hometown {top: 8px; left: 816px;} #mi-lansing {top:33px; left: 434px;} #mi-battle {top: 33px; left:589px;} #mi-port {top: 33px; left: 740px;} #navigation {width: 980px; margin: 20px auto 10px auto; height: 27px;} #main-nav {position: relative; z-index: 5000;} #main-nav>li {float: left; width: auto; position: relative; text-decoration: none; font-weight: bold; text-shadow: 0px 1px 1px rgba(0,0,0, .5); font-size: 13px; line-height: 25px; padding: 1px 15px 0px 0px; color: #0597BD;} #main-nav>li.first {margin-right: 350px;} #main-nav>li#nav-home {padding: 1px 0 0 0;} #main-nav>li.drop {padding:1px 10px 0 10px;} #main-nav>li a {width: auto; line-height: 25px; padding: 1px 15px 12px 0px; text-decoration: none; font-weight: bold; text-shadow: 0px 1px 1px rgba(0,0,0, .5); font-size: 13px; float: left;} #main-nav>li a:link, #main-nav>li a:visited {color: #f1f1f1;} #main-nav>li a:hover {color: #7B8E11;} #main-nav>li.active {} #main-nav>li.green.active a, #main-nav>li.green a:hover {color: #7B8E11;} #main-nav>li.blue.active a, #main-nav>li.blue a:hover {color: #0597BD;} #main-nav>li.orange.active a, #main-nav>li.orange a:hover {color: #c7791e;} #main-nav>li.pink.active a, #main-nav>li.pink a:hover {color: #d21e5b;} #main-nav li span.new-nav {background: url(../images/sprite-icons-buttons.png) no-repeat;background-position: -138px -75px; position: absolute; top: -14px; right: 0px; height: 22px; width: 38px; display: block; text-indent: -5000px;} /* arrows for usabiliy to mark which categories are drop down */ #main-nav>li.drop a { background: url(../images/sprite-drop-arrow.gif) no-repeat right 10px; padding: 1px 15px 12px 0px } #main-nav li.blue.active a, #main-nav li.blue a:hover {background-position: right -40px;} #main-nav li.orange.active a, #main-nav li.orange a:hover {background-position: right -90px;} #main-nav li.green.active a, #main-nav li.green a:hover {background-position: right -140px;} /* drop down menus */ #main-nav .drop-down {float: none; position: absolute; top: 27px; left: -5px; width: 152px; z-index: 9500; background: url(../images/sprite-dropdown.png) no-repeat; display:none;} #main-nav .drop-down li {float: none; margin: 0 1px 0 1px; text-align: left; background: url(../images/sprite-horiz-bg.gif) repeat-x 0 0; width: 150px;} #main-nav .drop-down li.drop-top {height: 8px; width: 152px; margin: 0 ; padding: 0;display: block; line-height: 0; background: url(../images/sprite-icons-buttons.png) no-repeat;} #main-nav .drop-down li.first {background: transparent;} #main-nav .drop-down li a {float: none; background: transparent; display: block; width: auto; text-shadow: 0px 1px 1px rgba(0,0,0, .5); padding: 2px 10px 2px 10px;} #main-nav .drop-down li a:hover {background: url(../images/30-white.png) repeat 0 0; } /* for local (blue) drop downs*/ #main-nav .blue .drop-down {background-position: 0 bottom;} #main-nav .blue .drop-down li.drop-top {background-position: 0 -319px;} #main-nav .blue .drop-down li {background-position:0 0;} #main-nav .blue .drop-down li a {color: #f1f1f1;} /*for sports (orange) drop downs */ #main-nav .orange .drop-down {background-position: -160px bottom;} #main-nav .orange .drop-down li.drop-top {background-position: 0 -329px;} #main-nav .orange .drop-down li {background-position: 0 -100px;} #main-nav .orange .drop-down li a {color: #f1f1f1;} /* for green drop downs */ #main-nav .green .drop-down {background-position: -320px bottom;} #main-nav .green .drop-down li.drop-top {background-position: 0 -339px;} #main-nav .green .drop-down li {background-position: 0 -200px;} #main-nav .green .drop-down li a {color: #f1f1f1;} #header h1 {height: 67px; width: 249px; display: block; background: url(images/mi-logo.gif) no-repeat top left; margin: 15px 0 0 20px; text-indent: -5000px; float: left;} #header h1 a {height: 67px; width: 249px; display: block;} #content_wrapper {width: 950px; background: #fdfdfd; padding: 0 14px; margin: 0 auto; border-left: 1px solid #1b1b1b; border-right: 1px solid #1b1b1b;} #content_wrapper a:link, #content_wrapper a:active, #content_wrapper a:visited {color:#0597BD; text-decoration: underline;} #content_wrapper a:hover {color:#7B8E11;} #re_leftcontent { width: 535px; height: auto; padding: 5px 5px 10px 5px; left: 0; position: relative; overflow: hidden; float:left; display: inline; } #re_leftfeatures { width: 98px; height: auto; position: relative; float: right;display:inline; } #re_specialevent h2 { font-size:11px; text-transform: uppercase; padding-bottom: 5px; text-align: center; border-bottom:#999999 solid 1px;} #re_realtorstop { width: 350px;height: auto; padding-bottom: 10px; margin: 0 0 0 auto; } #re_realtorstop p {border-bottom:#999999 dotted 1px; padding-bottom:5px;} #re_rightcontent { width: 340px; height: auto; padding: 5px 5px 10px 5px; top: 0px; position: relative;float:right; display: inline;} #re_specialevent { width: 170px;height: auto;padding: 5px;float: right; display:inline;} #re_specialevent img { text-align: center; padding: 5px;} #re_specialevent p {padding-botttom: 5px; } #re_specialevent h3, #re_leftfeatures h3 {text-transform:uppercase; font-weight: bold; text-align: left; border-bottom: #999999 dotted 1px;margin-bottom: 5px; } #realtytrac { width: 525px; float:left; display:inline; margin: 5px 0 5px 0;} #viewhomes { border-bottom: #999999 solid 1px; text-align: center; width: 525px; float:left; display:inline; margin: 5px 0 5px 0; font-size: 12px; text-transform:uppercase;} #viewhomes h2, #realtytrac h2 {font-size: 14px; text-transform: uppercase; text-align: left; font-weight:bold; border-bottom: #999999 solid 1px; } /* New NEW Real Estate styles (6.3.08) - Because someone can't make their mind up about a design.*/ #re-contentwrapper {width: 100%; height: auto; position: relative; overflow: hidden; padding-bottom: 20px;} #re-main {width: 715px; float: left; margin: 10px 0; padding-right: 5px;} #re-main-sub {border-right: 1px solid silver; width: 190px; float: left; padding-right: 5px; margin-right: 10px;} ul.logo-tiles {padding: 0; margin: 0; margin-bottom: 15px; } .logo-tiles li{list-style-type: none; padding:2px; width: 185px;} .logo-tiles a img {border: 1px solid #ccc;} #properties-stuff {width: 505px; float: right; } .properties-top {font-size: 11px;background: #f2f2f2; border: 1px solid silver; text-align: center; margin-bottom: 10px; padding: 5px;} #re-side {width: 170px; float: right; margin: 10px 0; border-left: 1px solid silver; padding-left: 5px;} .re_ads { text-transform:uppercase; font-size:9px; color: #999999; text-align: center; margin-top: 5px;} #re-bottom {border-bottom: 1px solid #999;width: 920px; overflow: hidden;} #editoral-content {clear:both; width: 710px; border: 1px solid maroon;} #re-main-sub .sponsors, #re-side .sponsors {border-bottom: 1px solid #999; margin-bottom: 10px; line-height: 16px;} .sponsors h3, #re-bottom-right h2 { font-weight: bold; text-align: left;margin-bottom: 3px; color:#0597BD; font-size: 16px; border-bottom: 1px solid #f2f2f2;} #re-bottom h1 {display: block; text-transform: uppercase; background: #AFB5BD; color: white; font-size: 14px; line-height: 18px; border: 1px solid #999; padding: 2px;} #re-bottom-left {float: left; border-right: 1px solid silver; padding-right: 5px; width: 420px; margin-top: 10px;} #re-bottom-right {float: right; width: 488px; margin-top: 10px;} .global-clear {clear: both;} /*for 120 ads with 300 hover */ .isaimagetwo, .isaimagethree {width: 120px; height: 60px; z-index: 600; } .isaimagetwo a img, .isaimagethree a img {border: 1px solid #ccc;} .isaimage .isaone {top: -80 !important; left: 110px !important;} .isatwo, .isathree{width: 300px; height: 250px; z-index: 600;} #footer {color: #f2f2f2;height: 53px; background: url(images/mi-foot.gif) no-repeat top left; padding: 10px; } #footer a:link, #footer a:visited, #footer a:active {color:#f2f2f2; text-decoration: underline;} #footer a:hover {text-decoration: none;} #ad_pos1, #ad_pos-bot {width: 728px; margin: 0 auto; padding: 15px 0;} /* Shadow Box ----------------------------------*/ .hidden {display: none;} #inline-sample-content {background:#F3F3F3; padding: 10px; font-size: 12px;}