/* CSS Styles Author: Chris Fay */ body{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:22px;color:#111122;background:#e7e1ed url('/theme8/images/shortBG.jpg') repeat-x top;} div{position:relative;} ul{} ul li{} img{} .floatLeft{float:left;} .clear{clear:both;} .nopad{padding:0 !important;} .nospace{margin:0 !important;padding:0 !important;} /*---element and divider styling*/ .element{padding-top:45px;} /*blockquote*/ blockquote {margin: 15px 15px 0 30px;padding-right: 15px;background: url('/theme8/images/closeQuote.jpg') no-repeat bottom right;} blockquote p {background: url('/theme8/images/openQuote.jpg') no-repeat top left;padding-left: 30px;} /*table styling*/ /* thead th {background-color:#443355;border-bottom:1px solid #000;color:#fff;} table th, table td {padding:6px 10px;text-align:left;vertical-align:top;} tr.accentRecord{background:#8E3F6E;color:#fff;} tr:hover td {background:#30BCFA;border-bottom:1px solid #443355;color:#fff;} */ /*dividers*/ .blockDividerWide{display:block;width:570px;height:6px;background:url('/theme8/images/blockDividerWide.jpg') no-repeat;clear:both;margin: 35px 0;} .footerDivider{display:block;height:2px;background:url('/theme8/images/footerDivider.jpg') repeat-x;clear:both;margin:30px 0 20px 0;} .separator{border-bottom:1px solid #dcd6e2;margin-bottom:5px;padding-bottom:3px;} /*messages*/ .infoMessage{display:block;min-height:30px;padding-left:15px;padding-top:12px;width:450px;color:#fff;font-size:16px;margin-bottom:5px;border-left:5px solid #2c1c10;} .infoMessage span{font-weight:bold;} .infoMessage.error{background:#bf2b33;border-left:5px solid #fff;} .warning{background:#f15a22;border-left:5px solid #fff;} .message{background:#30BCFA;border-left:5px solid #fff;} /*input styling*/ label{padding-bottom:5px;display:block;color:#fff;} input{border:none;padding:0;margin:0;} .input{padding:10px;background:#fff;display:block;color:#555;width:218px;border:1px solid #aaa;float:left;font-size: 16px;} .submit{width:80px;height:37px;background:url('/theme8/images/searchButtonPurp.jpg') no-repeat;cursor:pointer;border:none;float:left;} textarea{background:#000;color:#fff;border:none;border:1px solid #222;font-size: 16px;} fieldset{border:none;padding:0;margin:0;} input.inputError{border: 1px solid #443355 !important;} /*for form validation*/ label.inputError{float:none;margin:0 !important;padding:0 !important;border:none;} .input:hover { background: #ff6; } } /* general */ #page{} #homePage{background:#e7e1ed url('/theme8/images/bg.jpg') repeat-x;} #wrapper{width:960px;margin:0 auto;background:url('/theme8/images/bodyCenterBG.jpg') no-repeat;background-position:80px 535px;} #blogPage #wrapper{background-position:80px 335px;} /* header */ #header{min-height:150px;} .logo a{display:block;width:271px;height:71px;background:url('/theme8/images/granitecity.png') no-repeat;position:absolute;top:40px;} .logo a span{margin-left:-9999px;} #topNav{float:right;height:44px;margin-right:80px;} #topNav li{display:block;float:left;margin-right:10px;font-size:11px;} #topNav li a{display:block;float:left;height:44px;line-height:50px;padding: 0 10px;} #topNav li a:hover{color:#fff;} #topNav li.active{color:#fff;background:url('/theme8/images/topNavRightDoor.jpg') top right no-repeat;} #topNav li.active a {display:block;background:url('/theme8/images/topNavLeftDoor.jpg') top left no-repeat;color:#fff;} .wflogo{width:63px;height:30px;position:absolute;right:25px;top:8px;} .rmlogo{width:63px;height:17px;position:absolute;right:25px;top:8px;} /* main navigation */ #navigation{clear:both;height:47px;margin-bottom:30px;} #navigation li{display:block;float:left;} #navigation li.first a{padding-left:0 !important;} #navigation li a{float:left;color:#fff;padding:14px 10px;margin-right:10px;font-size:13px;line-height:21px;} #navigation li a:hover{color:#ffffff;text-decoration: underline;} #navigation li.active a{text-decoration: underline;} #navigation li.firstactive a{padding-left:0 !important;text-decoration: underline;} #homePage #navigation{margin-bottom:0;} /* accent pannel */ #accentPannel{min-height:264px;clear:both;background:url('/theme8/images/accentPannelGlow.jpg') no-repeat center top;margin-bottom:70px;} #accentPannel #leftPannel{width:570px;float:left;margin-right:30px;color:#e7e1ed;padding-top:10px;} #accentPannel #rightPannel{width:360px;float:left;} /*slider*/ #slider {width: 960px;position: relative;color:#e7e1ed;padding-top:10px;} #slider p.title{font-size:28px;line-height:36px;padding-bottom:15px;color:#e7e1ed;font-weight:normal;padding-top:15px;} #slider .readStory{float:right;} #slider .leftCol{width:570px;float:left;margin-right:30px;} #slider .rightCol{width:360px;float:left;} .scroll {height: 264px;width: 960px;overflow: hidden;position: relative;clear: left;} .scrollContainer div.panel {height: 264px;width: 960px;} .navShadow{display:block;width:960px;background:url('/theme8/images/accentPannelShadow.png') bottom no-repeat;height:11px;position:absolute;bottom:-4px;z-index:0;}/* change z-index to 20 if you want the shadow under the tab*/ ul.navigation {list-style: none;margin: 0;padding: 0;position:absolute;bottom:-48px;z-index:20;width:960px;clear:both;} ul.navigation li {display: inline;margin-right: 10px;} ul.navigation a {color:#49375b;text-decoration: none;width:170px;height:59px;float:left;text-align:center;line-height:65px;font-size:14px;font-weight:bold;} ul.navigation a:hover {display:block;background:url('/theme8/images/accentPannelTab.jpg') bottom center no-repeat;color: #e7e1ed;} ul.navigation a.selected {display:block;background:url('/theme8/images/accentPannelTab.jpg') bottom center no-repeat;color: #e7e1ed;} ul.navigation a:focus {outline: none;} .hide {display: none;} #slider .accentImagePane{width:380px;height:228px;background:url('/theme8/images/accentPannelImageBG.jpg') no-repeat center top;position:absolute;top:5px;left:-20px;} #slider .accentImage{display:block;width:340px;height:205px;margin:0 auto; padding-top:12px;margin-right:10px;} .readStory a{display:block;width:143px;height:51px;background:url('/theme8/images/readFullStoryButton.jpg') no-repeat;} .readStory span{margin-left:-9999px;} /* body content */ #leftCol{width:570px;display:block;float:left;margin-right:30px;} #leftCol p{font-size:14px;} #leftCol .col1{width:250px;float:left;margin-right:40px;} #leftCol .col2{width:280px;float:left;} #leftCol p.title{font-size:30px;line-height:34px;padding-bottom:15px;font-weight:normal;} /* was color: #8e3f6e; */ #leftCol p.title span{font-weight:bold;} #leftCol p.title2{font-size:20px;line-height:24px;padding-bottom:8px;font-weight:normal;} #leftCol p.title2 span{font-weight:bold;} #ourFriends, #featuredAuthor{color:#443355;} #ourFriends a, #featuredAuthor a {color:#8e3f6e;} #ourFriends a:hover, #featuredAuthor a:hover {color:#443355;} #ourFriends li{border-bottom:1px solid #dcd6e2;margin-bottom:5px;padding-bottom:3px;} #featuredAuthor{} #featuredAuthor .big{font-size:24px;line-height:30px;color:#443355;font-weight:bold;} #rightCol{display:block;width:360px;float:left;} #rightCol .module{width:360px;background:url('/theme8/images/moduleCenterBG.jpg') repeat-y;clear:both;margin-bottom:10px;color:#8e3f6e;} #rightCol .module .moduleTop{width:360px;height:11px;background:url('/theme8/images/moduleTopBG.jpg') no-repeat;} #rightCol .module .moduleBottom{width:360px;height:13px;background:url('/theme8/images/moduleBottomBG.jpg') no-repeat;position:absolute; bottom:0;} #rightCol .module .content{width:320px;margin:0 auto;} #rightCol .module li{line-height:24px;border-bottom:1px solid #d1cad9;padding-bottom:5px;margin-bottom:5px;display:block;width:320px;} #rightCol .module li a:hover{color:#30bcfa;} #rightCol .module .homessearch{background:url('/common/images/BusinessListings/g/GeorgeSykes/remax-homes-logo-granitecity-edwardsville-collinsville.png') right top no-repeat;} #rightCol p.title{font-size:22px;padding:0 0 20px 0;color:#443355;} #rightCol p.title span{font-weight:bold;} #rightCol #searchModule{width:360px;height:127px;background:url('/theme8/images/searchModuleBG.jpg') no-repeat;margin-bottom:10px;} #rightCol #searchModule #searchForm{width:320px;margin:0 auto;} #rightCol .content{width:320px;margin:0 auto; padding:20px 0;display:block;} #rightCol #signupForm .submit{background:url('/theme8/images/signupFormButton.jpg') no-repeat;} #rightCol .signup{padding-bottom:0 !important;} #rightCol .subtext{padding-bottom:20px;} /* blog index styling */ .blogFeature{width:570px;margin-bottom:35px;} .blogFeature p{} .blogFeature .postImage{display:block;width:180px;height:180px;float:left;padding:10px;background:#f2eaf9;margin:0 15px 15px 0;} .blogFeature .title{} .blogFeature .title a{color:#8e3f6e;} .blogFeature .title a:hover{color:#443355;} .blogFeature .meta{} .blogFeature .text{} .blogFeature .socialIcons{} .blogFeature .authorInfo{display:block;width:540px;padding:15px;background:#dcd6e2;clear:both;} .blogFeature .authorInfo p {width:450px;display:block;float:left;padding:0;font-style:italic} .blogFeature .authorInfo p span{} .blogFeature .authorInfo .authorName{font-size:14px;color:#8e3f6e;padding-bottom:10px;font-style:normal;} .blogFeature .authorInfo .authorName span{font-weight:bold;} .blogFeature .authorImage{width:80px;height:80px;float:right;display:block;} .blogFeature .date{font-weight:bold;} .recentPosts a{color:#8e3f6e;} .recentPosts a:hover{color:#443355;} .recentPosts li{border-bottom:1px solid #dcd6e2;margin-bottom:5px;padding-bottom:3px;display:block;float:left;clear:both;} /*contact form styling*/ #contactForm{margin-top:10px;border-top:1px solid #D1CAD9;padding-top:25px;} #contactForm .input{width:400px;display:block;margin-bottom:10px;background:#c6bdce;clear:both;border:1px solid #f0ebf4;color:#443355;} #contactForm label{display:block;color:#8e3f6e;width:500px;clear:both;} #contactForm label.textArea{margin-top:5px;} #contactForm textarea{background:#c6bdce;border:1px solid #f0ebf4;width:90%;overflow:auto;color:#443355;font-family:Arial;font-size:12px;line-height:18px;} #contactForm .submit{margin-top:10px;float:right;margin-right:43px;background-image:none;background:#364276;color:#red;width:95px;} #contactForm .requiredFields{margin-top:10px;display:block;} .emailIcon{display:block;height:32px;width:32px;float:right;padding:10px 355px 0 0;background:url('/theme8/images/emailIcon.jpg') no-repeat;margin-top:4px;} .contactInfo .title{font-size:16px;line-height:22px;border-bottom:1px solid #D1CAD9;display:block;padding-bottom:5px;width:570px;} .contactInfo .title span{font-weight:bold;} .padTop{padding-top:10px;} /*Pulled from Page specific - gs June 6, 2010 */ label,#contactForm label{color:#333333;font-size: 16px; font-weight: bold;} input,#contactForm .input{background:#fff;color:#333;border:1px solid #999;font-size: 16px;padding:5px;} #contactForm .submit, .submit{background: #;color:#fff;} #contactForm textarea, textarea{background:#fff;color:#333;border:1px solid #999; font-size:16px;} input:hover { background: #ff6; } textarea:hover { background: #ff6; } /* footer */ #footerWrapper{display:block;clear:both;background:#111122;min-height:365px;margin-top:50px;} #footer{width:960px;margin:0 auto;color:#6a4e87;} #footer .col1,#footer .col2{width:270px;float:left;margin-right:30px;} #footer .col3{width:360px;float:left;} #footer .title{font-size:20px;line-height:22px;padding:30px 0 20px 0;} #footer a{color:#7b5e99;} #footer a:hover{color:#6a4e87;} #footer li{margin-bottom:5px;} #footer #copyright{clear:both;padding-bottom:15px;} #footer .logo{margin-bottom:30px;} #footer .logo a{} #footer .bigTitle{font-size:24px;line-height:36px;padding:0;} #footer .bigTitle span{font-weight:bold;} /*banner rotator*/ #banner{width:575px;height:87px;background:#333;border:1px solid #464444;position:absolute;right:0;top:52px;} #banner h2{color:#797878;font-size:24px;text-align:center;line-height:90px;} #banner a{position:absolute;top:0;left:0;z-index:8;} #banner a.active{z-index:10;} #banner a.last-active {z-index:9;} /*site switcher*/ .links{display:none;} .siteToggleButton{display:block;background:url(/theme8/images/siteSwitcher.jpg) no-repeat;width:23px;height:32px;position:absolute;left:275px;top:48px;} #sitelinks{position:absolute;left:20px;top:40px;z-index:100;width:240px;background:#1d1d35;border:1px solid #06060c;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;padding:10px 0;color:#8888d9;} #sitelinks li.title{padding-left:10px;} #sitelinks li a{display:block;padding:12px 0;height:25px;border-bottom:1px solid #303053;background-position: 10px center!important;} #sitelinks li a:hover {border-bottom:1px solid #8888d9;} #sitelinks li.last a{border-bottom:none;} #sitelinks li a.img1{background:url('/theme8/images/siteLinkText/1.png') no-repeat;} #sitelinks li a.img2{background:url('/theme8/images/siteLinkText/2.png') no-repeat;} #sitelinks li a.img3{background:url('/theme8/images/siteLinkText/3.png') no-repeat;} #sitelinks li a.img4{background:url('/theme8/images/siteLinkText/4.png') no-repeat;} #sitelinks li a.img5{background:url('/theme8/images/siteLinkText/5.png') no-repeat;} #sitelinks li a.img6{background:url('/theme8/images/siteLinkText/6.png') no-repeat;} #sitelinks li a.img7{background:url('/theme8/images/siteLinkText/7.png') no-repeat;} /*services switcher*/ .serviceToggleButton{display:block;background:url(/theme8/images/serviceSwitcher.jpg) no-repeat;width:23px;height:32px;position:absolute;left:938px;top:8px;} #servicelinks{position:absolute;z-index:100;left:717px;top:40px;width:240px;background:#1d1d35;border:1px solid #06060c;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;padding:10px 0;} #servicelinks li.title{padding-left:7px;font-size:11px;} #servicelinks li a{display:block;padding:4px 0 4px 7px;height:25px;border-bottom:1px solid #303053;background-position: 10px center!important;color:#8888d9;} #servicelinks li a:hover {border-bottom:1px solid #8888d9;color:#fff;} #servicelinks li.last a{border-bottom:none;} #servicelinks li a.img1{background:url('/theme8/images/siteLinkText/1.png') no-repeat;} #servicelinks li a.img2{background:url('/theme8/images/siteLinkText/2.png') no-repeat;} #servicelinks li a.img3{background:url('/theme8/images/siteLinkText/3.png') no-repeat;} #servicelinks li a.img4{background:url('/theme8/images/siteLinkText/4.png') no-repeat;} #servicelinks li a.img5{background:url('/theme8/images/siteLinkText/5.png') no-repeat;} #servicelinks li a.img6{background:url('/theme8/images/siteLinkText/6.png') no-repeat;} #servicelinks li a.img7{background:url('/theme8/images/siteLinkText/7.png') no-repeat;} #header{z-index:100;} #accentPannel{z-index:10;} /* Added by gs */ h1{font-size:30px;line-height:34px;padding-bottom:15px;color:#8e3f6e;font-weight:normal;} h2{font-size:24px;line-height:34px;padding-bottom:15px;color:#8e3f6e;font-weight:normal;} .smallgreyfont{font-size:13px;line-height:20px;padding-bottom:15px;color:#333333;font-weight:normal;} .imgleft{float:left; margin-right:15px;} .imgright{float:right; margin-left:15px;} .imgleftpad5{padding-left:8px; padding-right:8px; padding-bottom: 4px; padding-top: 4px; float:left; margin-right:15px;padding:8px; border: 1px solid #777;background: white;} .imgleftneighborhood{padding-left:8px; padding-right:8px; padding-bottom: 4px; padding-top: 4px; float:left; margin-right:15px;padding:8px; border: 1px solid #777;background: white;} .imgleftneighborhood:hover{background: #ff6} .imgrightneighborhood{padding-left: 3px; float:right; margin-left:10px;padding:8px; border: 1px solid #777;background: white;} .imgrightneighborhood:hover{background: #ff6} .imgpad15{padding:8px; border: 4px solid #777;background: white;} .imgpad15:hover{background: #DEDEDE;}