/* -- -- -- -- -- -- -- 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: #93484d; text-decoration: underline;} a:visited {color: #67282c;} a:hover {color: #c5525a;} body {color: #222; background: #fff; font: 76% Arial, sans-serif; margin: 0; padding: 0; height: 100%;} h1,legend {font-size: 1.8em; font-weight: bolder; color: #000; padding: 0 0 2px 0; border-bottom: solid 1px #000; margin-top: 1.5em;} legend {background: #fff; margin-left: 10px;} h2 {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;} .left {float: left; margin: 0 10px 10px 0;} .clearboth {clear: both;} .clearleft {clear: left;} .clearright {clear: right;} .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: 65px; background: url(../img/header-bg.gif) repeat-x;} #headerEdit {height: 118px; background: url(../img/header-bg.gif) repeat-x;} #headerEdit a, #headerView a {border: none;} /* -- Flexi Nav -- */ #flexiNav {color: #888; 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: #4483a3 url(../img/nav-shadow.gif) repeat-x left bottom; text-align: center;} div#headerEdit #secondary_nav_container {text-align: center; background: #326682;} #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:link, ul.primary_admin_menu li.active a:visited {background: #fff; color: #93484d;} ul.secondary_admin_menu li a:hover, ul.secondary_admin_menu li.active a:link, ul.secondary_admin_menu li.active a:visited { background: #93484d; 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: 8px; right: 0; height: 33px; color: #888; font-size: 0.85em; line-height: 0.9; 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 #888;} #loginpanel a, #loginpanel a:visited {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: 40px;} /* -- Sidebar -- */ #sidebar h3, #sidebar-view h3 {font-weight: bold; margin: 20px 0 0 0; border: 0; text-transform: none; font-size: 1em; padding-left: 15px;} .industryInfo {background: #dedede; margin: 0 14px 20px 14px; padding: 10px 8px;} .arrow_list {margin: 0 14px;} .arrow_list li {display: inline; margin: 0;} .arrow_list li a:link, .arrow_list li a:visited {display: block; padding: 15px 0 5px 0; margin: 0; background: url(../img/dotted-h-black.gif) repeat-x 0 0; font-weight: bold; text-decoration: none;} .arrow_list li.currentPage a:link, .arrow_list li.currentPage a:visited {color: #4483a3; background: url(../img/nav-current.gif) no-repeat 0 17px; padding-left: 12px; margin-left: -12px;} .arrow_list li a:hover {background-color: #fff;} .links_list {padding-top: 0; margin: 0 14px;} .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; margin: 0;} .sidepanel .testimonial {border: 0; padding: 0; margin: 0;} .sidepanel .testimonial blockquote {padding: 20px 10px; background: #dedede; margin: 0;} .sidepanel .testimonial cite {font-style: normal; display: block; padding: 5px 0 5px 0; background: url(../img/testimonial-stem.gif) no-repeat 90% top; text-align: left;} .side_block {margin: 0 14px; line-height: 1.8;} .sidepanel .side_block .readwrite {font-size: 11px;} /* -- Contact Form -- */ .contact_form label {width: 100px; float: left;} .contact_form input {width: auto;} .contact_form .description {padding: 7px 0 0 100px;} /* -- Links Page -- */ #links_list {margin: 1em 0;} #links_list li {padding: 5px 0;} /* -- Testimonials Page -- */ .testimonial {padding: 10px; margin: 1em 0; border: dotted 1px #ccc; background: #f3f3f3;} .testimonial blockquote {font-size: 1.2em; margin-bottom: 0.5em;} .testimonial cite {font-size: 0.9em;} #edit-testimonial {display:block;} /* -- Footer -- */ #footer {background: #fff; border-top: solid 5px #8f8f8f; color: #000; font-size: 11px; clear: left; width: 100%; height: 50px; position: absolute; bottom: 0;} #footer .wrapper {padding: 15px;} #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 {} table#contact_table td.left_col { width: 45%;padding-bottom:10px; padding-left: 24px; font-weight: bold;} table#contact_table td.right_col { padding-left: 10px; padding-bottom:10px; padding-left: 24px; font-weight: bold;} table#contact_table div.contact_item_title {color: #335793; font-weight: normal; position: relative; left: -23px;} table#contact_table img { vertical-align: middle; } /* -- flexisite view -- */ #flexiPortrait { border: 1px solid #000; padding: 0; float: right; margin-top: 3em;} /* -- 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'; /*";} }/* */