/* -- -- -- -- -- -- -- Sutton.com base CSS -- -- -- -- -- -- -- */ @import "ie6win.css"; /* -- undo HTML -- */ :link,:visited {text-decoration: none;} ul,ol {list-style: none;} h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;} ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;} a img,:link img,:visited img {border: none;} address {font-style: normal;} /* -- basic HTML elements -- */ a:link {color: #0a8cbb; text-decoration: underline;} a:visited {color: #076080;} a:hover {color: #079bd0;} body {color: #34312b; background: #fff; font: 76% georgia, serif; margin: 0; padding: 0; height: 100%;} h1,legend {font-size: 1.8em; font-weight: normal; color: #473a19; background: url(../img/h1-bg.gif) repeat-x left bottom; padding: 0 0 5px 0; border-bottom: solid 1px #9dd1e4; margin-top: 1.0em;} legend {background: #fff; margin-left: 10px;} h2 {color: #0a8cbb; font-size: 1.3em; font-weight: normal; padding: 1em 0; margin: 0;} h3 {border: dotted 1px #bbb; border-width: 1px 0; padding: 6px 0; margin: 3em 0 1em 0; text-transform: uppercase; font-size: 1.2em;} h4 {padding: 6px 10px; margin: 2em 0 0.5em 0; font-size: 1.2em; color: #666; background: url(../img/h4-bg.gif) no-repeat left center; text-transform: uppercase;} h5 {padding: 3px 0; margin: 2em 0 0 0; font-size: 1.1em;} h6 {padding: 3px 10px; margin: 2em 0 0 0; font-size: 1.1em; color: #666; background: url(../img/h4-bg.gif) no-repeat left center;} html {height: 100%;} hr {border: dotted 1px #bbb; margin: 1em 0;} p {margin-bottom: 1em; line-height: 1.5;} ol li {margin: 0.5em 0 0.5em 2em; list-style: decimal;} ul li {margin-left: 2em; list-style: disc;} /* -- simple classes -- */ .clear {clear: both;} .clearboth {clear: both;} .clearleft {clear: left;} .clearright {clear: right;} .left {float: left; margin: 0 10px 10px 0;} .less {color: #828282;} .more {color: #9B0505;} .data_table .form-item { padding: 0px; margin: 5px; } #container {background: #fff url(../img/sidebar-bg.gif) repeat-y left top; min-height: 100%; position: relative;} /* -- Header -- */ #headerView {height: 59px; background: #000 url(../img/header-bg.gif) repeat-x 0 0;} #headerView .wrapper, #headerEdit .wrapper {height: 59px; background: url(../img/header-bg-l.gif) no-repeat left top;} #headerView .wrapper2, #headerEdit .wrapper2 {height: 59px; background: url(../img/header-bg-r.gif) no-repeat right top;} #headerEdit {height: 119px; background: #000 url(../img/header-bg.gif) repeat-x 0 0;} #headerEdit a, #headerView a {border: none;} /* -- Flexi Nav -- */ #flexiNav {color: #c2b290; text-align: left; padding: 15px 0;} #flexiNav img {vertical-align: middle; margin-left: 4px;} #flexiNav a, #flexinav a:visited {font-weight: bold;padding:0 3px;} /* -- Edit Menu -- */ div#headerEdit #nav_container {height: 27px; background: #a1916d url(../img/nav-bg.gif) repeat-x 0 0; text-align: center;} div#headerEdit #secondary_nav_container {text-align: center; background: #0a8cbb url(../img/nav-highlight.gif) repeat-x left bottom; border-bottom: solid 2px #000;} #secondary_nav_container {height: 29px; text-align: center;} ul.primary_admin_menu { padding: 8px 0 5px 0; list-style-type: none;} ul.secondary_admin_menu { padding: 10px 0 5px 0; list-style-type: none; } ul.primary_admin_menu li, ul.secondary_admin_menu li { display: inline; margin: 0; } ul.primary_admin_menu li a:link, ul.primary_admin_menu li a:visited, ul.secondary_admin_menu li a:link, ul.secondary_admin_menu li a:visited { padding: 5px 10px 5px 10px; border-width: 1px 1px 0 1px; border-style: solid; border-color: #c3d; text-decoration: none; background: none; color: #fff; } ul.primary_admin_menu li a:hover, ul.primary_admin_menu li.active a, ul.primary_admin_menu li.active a:visited {background: #0a8cbb; color: #fff; } ul.secondary_admin_menu li a:hover, ul.secondary_admin_menu li.active a, ul.secondary_admin_menu li.active a:visited { background: #000; color: #fff;} /* -- Listings / Realtor buttons -- */ #selector {width: 273px; height: 64px; position: absolute; top: 48px; right: 0; background: url(../img/nav-listingsrealtors.gif) no-repeat;} #selector li {display: inline;} #selector li a {position: absolute; top: 0; height: 64px; text-indent: -9000px; display: block;} #selector .browse a, #selector .browse a:visited {width: 137px; right: 136px;} #selector .browse a:hover {background: url(../img/nav-listingsrealtors.gif) no-repeat 0px -128px;} #selector .browse a.current:link, #selector .browse a.current:visited {background: url(../img/nav-listingsrealtors.gif) no-repeat 0px -64px;} #selector .findrealtor a,#selector .findrealtor a:visited {width: 127px; right: 2px;} #selector .findrealtor a:hover, #selector .findrealtor a:hover {background: url(../img/nav-listingsrealtors.gif) no-repeat -144px -128px;} /* -- Logged in status panel -- */ #loginpanel {position: absolute; top: 6px; right: 0; height: 33px; color: #c2b290; font-size: 0.85em; line-height: 1.3; padding-right: 8px; text-align: right;} #loginpanel ul {padding: 16px 0 0 8px; height: 22px;} #loginpanel li {display: inline; margin: 0;} #loginpanel li.login {margin-right: 5px; padding-right: 6px; border-right: solid 1px #c2b290;} #loginpanel a, #loginpanel a:visited {color: #fff; font-weight: bold;} /* -- Breadcrumbs -- */ #breadcrumbs {margin-bottom: 1.5em;} #breadcrumbs li {display: inline; font-size: 0.85em; padding-right: 8px; margin: 0 2px 0 0; background: url(../img/arrow-smallgrey.gif) no-repeat 100% 5px; color: #707070;} #breadcrumbs li.last {background: none;} #breadcrumbs a, #breadcrumbs a:visited {border: none;} /* -- Page Body Layout -- */ #mainContent {float: left; width: 66%; overflow: hidden;} .content-wrapper {padding: 10px 25px 25px 25px;} #sidebar, #sidebar-view {float: left; width: 200px; margin-bottom: 20px; overflow: hidden;} #pagebody {background: url(../img/header-shadow.gif) no-repeat 0 0; overflow: auto; padding-top: 10px; padding-bottom: 59px;} /* -- Sidebar -- */ #sidebar h3, #sidebar-view h3 {font-weight: normal; margin: 5px 0 0 0; border: 0; text-transform: none; font-size: 1em; padding-left: 21px; color: #473a19; font-size: 14px;} .industryInfo {background: #c4b99e; border: solid 1px #7f7357; margin: 0 14px 20px 14px; padding: 10px 8px;} .arrow_list {margin: 0 0 0 11px;} .arrow_list li {display: inline; margin: 0;} .arrow_list li a:link, .arrow_list li a:visited {color: #000; display: block; padding: 8px 0 8px 10px; margin: 0; background: url(../img/dotted-h-black.gif) repeat-x 0 0; font-weight: bold; text-decoration: none; margin-right: 10px;} .arrow_list li.currentPage a:link, .arrow_list li.currentPage a:visited {color: #0a8cbb; background: #fff url(../img/nav-current-bottom.gif) no-repeat left bottom; padding: 0; margin: 0;} .arrow_list li.currentPage span {background: url(../img/nav-current-top.gif) no-repeat 0 0; padding: 8px 0 8px 10px; display: block;} .arrow_list li a:hover {background-color: #c4b99e;} .links_list {padding-top: 0; margin: 0 14px 0 21px;} .links_list li {list-style: none; margin: 0; padding: 0; line-height: 1.8;} .links_list li a:link, .links_list li a:visited {font-size: 1em; color: #000; background: url(../img/sidebar-li.gif) no-repeat 0 2px; padding-left: 14px;} .content-wrapper .links_list li a:link, .content-wrapper .links_list li a:visited {background: url(../img/content-li.gif) no-repeat 0 3px; padding-left: 16px;} .links_list li .description {margin-left:10px;padding: 0 0 10px 0;color:#7f7357;} .sidepanel .testimonial {border: 0; padding: 0; margin: 0; background: transparent;} .sidepanel .testimonial blockquote {background: #fff url(../img/testimonial-top.gif) no-repeat 0 0; margin: 0;} .sidepanel .testimonial p.last {padding: 20px 10px; background: url(../img/testimonial-bottom.gif) no-repeat left bottom; margin: 0;} .sidepanel .testimonial cite {font-style: normal; display: block; padding: 5px 0 5px 0; background: transparent url(../img/testimonial-stem.gif) no-repeat 90% top; text-align: left;} .side_block {margin: 0px 14px; line-height: 1.8;} .sidepanel .side_block .readwrite {font-size: 11px; color: #000;} /* -- Contact Form -- */ .contact_form label {width: 100px; float: left;} .contact_form input {width: auto;} .contact_form .description {padding: 7px 0 0 100px;} .form-required {color: #0a8cbb;} /* -- Links Page -- */ #links_list {margin: 1em 0;} #links_list li {padding: 5px 0;} /* -- Testimonials Page -- */ .testimonial {background: #e3ded3; border: solid 1px #7f7357; padding: 10px 8px;} .testimonial blockquote {font-size: 1.2em; margin-bottom: 0.5em;} .testimonial cite {font-size: 0.9em;} #edit-testimonial {display:block;} /* -- Footer -- */ #footer {background: #000 url(../img/header-bg.gif) repeat-x; color: #fff; font-size: 11px; clear: left; margin-top: 15px; width: 100%; height: 59px; position: absolute; bottom: 0;} #footer .wrapper {padding: 20px;} #footer p {display: inline;} #footer ul {margin: 0; padding: 0; display: inline;} #footer li {display: inline; margin: 0 0.5em;} /* -- Accessibility Tweaks -- */ #accessibility {position: absolute; left: -9999px;} .hide {display: none;} /* -- -- -- -- -- -- -- Re-usable Components -- -- -- -- -- -- -- /* -- data table, flexisite edit -- */ table.data_table { width: 100%; } table.data_table .title_row { background: #707070; color:#fff; font-weight:bold; } table.data_table .even { background: #d8d8d8; } table.data_table td { padding: 0 3px; } /* -- contact card table, flexisite view -- */ table#contact_table td.left_col {width: 45%; padding-bottom: 10px; padding-left: 24px;} table#contact_table td.right_col {padding-left: 10px; padding-bottom: 10px; padding-left: 24px;} table#contact_table div.contact_item_title {color: #000; font-weight: bold; position: relative; left: -23px;} table#contact_table img { vertical-align: middle; } /* -- flexisite view -- */ #flexiInfo {float: left; border-right: solid 20px #fff;} /* -- testimonials -- */ .form_row_container { position: relative; padding: 10px; border:1px dotted #999;} .form_row_actions { position: absolute; top: 0px; right: 5px; } .side_block .form_row_container { padding: 0; } /* -- homezilla -- */ #homezilla-disclaimer { text-align: center; font-size: .8em; margin-top: 5px; width: 498px; font-style: italic; } @media tty { i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";} }/* */