/* * CSS for CoastalHomePlans.com * * Updated: 2008-10-16 by Cyber Sprocket Labs */ body {padding:0; margin:0;text-align:center;background-image:url(img/bodybg.jpg);background-repeat:repeat-x;background-position:top;background-color:#c5d5d5;} body, p, div, td {font: 12px verdana, helvetica, arial, sans-serif; color:#000;} p {font: 12px arial, verdana, helvetica, sans-serif; color:#000; line-height:16px;} h1 {font-family:"Times New Roman", Times, Georgia, serif; font-size:26px; color:#2073b2;margin-left:8px;margin-bottom:-5px;} h1 span {visibility:hidden;} h2 {font-family:"Times New Roman", Times, Georgia, serif; font-size:20px; color:#FF6600;margin-top:-10px;} h2 span{visibility:hidden;} h3 {font-family: "Times New Roman", Times, Georgia, serif; font-size:16px; color:#222;margin-top:-10px;} h3 span{visibility:hidden;} h4 {font-family: arial, verdana, Helvetica, sans-serif; font-size:13px; color:#2073b2;} h4 a {font-family: arial, verdana, Helvetica, sans-serif; font-size:13px; color:#FF6600;text-decoration:underline;margin-left:20px;} h4 a:hover {color:#3488ac;text-decoration:none;} h4 span{visibility:hidden;} h5 {font-family: arial, verdana, Helvetica, sans-serif; font-size:12px; color:#2362b8;} h5 span{visibility:hidden;} h6 {font-family: arial, verdana, Helvetica, sans-serif; font-size:11px; color:#2362b8;} h6 span{visibility:hidden;} /* Container and header */ #container {width:775px;height:auto;text-align:left;margin:0 auto;maprgin-bottom:20px;} #header {padding:0; margin:0;position:relative;width:775px;height:80px;} #header span {visibility:hidden;} #bluecontain {position:relative;width:775px;background-image:url(img/bluebodybg.jpg);background-position:top;background-repeat:no-repeat;background-color:#3488ac;} /* Left Navigation - HOme Page */ #leftcontainer {position:relative;float:left;width:140px;margin-left:5px;margin-top:6px;background-image:url(img/sidenavheader.jpg);background-position:top;background-repeat:no-repeat;background-color:#3488ac;} #leftcontainer #leftnav {border-top: none;} *html #leftcontainer {margin-left:2px;} #leftnav {position:relative;width:134px;margin-bottom:5px;padding-left:6px;color:#FF6600;font-weight:bold;font-size:12px;background-color:#eaf5f9;background-image:url(img/leftnavbottom.jpg);background-position:bottom;background-repeat:no-repeat;} *html #leftnav {margin-top:-2px;width:135px !important ;background-image:url(img/leftnavbottom2.jpg);background-position:bottom;background-repeat:no-repeat;} #leftnav select{ margin:0px 0 10px 0; line-height:1em; } ul#sidemenu {margin:0px;padding:0px;list-style-type:none;margin-left:6px;position:relative;} ul#sidemenu li.main {padding:0px 0px 1px 5px;text-align:left;margin-bottom:-1px;background:url(img/navdot.gif) no-repeat left center;} ul#sidemenu li.main a {margin:0;padding:1px 0px 1px 0;color:#004775;font-weight:normal;font-size:11px;text-decoration:none; letter-spacing:-1px;} ul#sidemenu li.main a:hover {color:#FF6600;font-weight:normal;} ul#sidemenu li.sub {padding:2px 5px 2px 0px;text-align:left;} ul#sidemenu li.sub a {margin:0;padding:3px 0px 3px 0;color:#000;font-size:9px;font-weight:normal;margin-right:8px;text-decoration:none;color:#111111;} ul#sidemenu li.sub a:hover {color: #333;} /* Top Navigation */ #topnav {position:relative;height:31px;width:620px;margin-right:0px;background-color:#3488ac;} .home a {position:absolute;left:0px;top:1px;height:30px;width:94px;background:url('img/mainnav-home-a.jpg');} .home a:hover{background-position:0 -30px;} .homev {position:absolute;left:0px;top:1px;height:30px;width:94px;background:url('img/mainnav-home-a.jpg') 0 -30px;} .plan a {position:absolute;left:96px;top:1px;height:30px;width:160px;background:url('img/mainnav-plan-a.jpg');} .plan a:hover{background-position:0 -30px;} .planv {position:absolute;left:96px;top:1px;height:30px;width:160px;background:url('img/mainnav-plan-a.jpg') 0 -30px;} .buildinginfo a {position:absolute;left:258px;top:1px;height:30px;width:169px;background:url('img/mainnav-buildinginfo-a.jpg');} .buildinginfo a:hover{background-position:0 -30px;} .buildinginfov {position:absolute;left:258px;top:1px;height:30px;width:169px;background:url('img/mainnav-buildinginfo-a.jpg') 0 -30px;} .search a {position:absolute;left:430px;top:1px;height:30px;width:189px;background:url('img/mainnav-search-a.jpg');} .search a:hover{background-position:0 -30px;} .searchv {position:absolute;left:430px;top:1px;height:30px;width:189px;background:url('img/mainnav-search-a.jpg') 0 -30px;} /* header navigation */ #headernav {position:absolute;width:570px;left:200px;height:16px;top:7px;} #headernav ul {margin: 0;padding: 0;list-style:none;float:right;} #headernav ul li {margin-left: 0px;border-right:1px solid #004775;float:left;} #headernav a {display:block;color:#555;text-decoration:none;padding:0px 6px 0px;float:left;font-size:10px;} #headernav a:hover {color:#0099CC;} /* Body Content */ #maincontent {position:relative;width:620px;background-color:#fff;margin-top:3px;float:right;margin-right:5px;} *html #maincontent {margin-right:2px;width:618px;} #maincontent p {color:#222222;font-size:12px; font-family:arial, Verdana, Helvetica, sans-serif;margin-bottom:10px; line-height:18px;margin-left:7px;} #maincontent p a {color:#0099CC; text-decoration:underline;} #content {position:relative;width:598px;background-color:#fff;background-image:url(img/bigdivborderbg.jpg);background-repeat:repeat-y;margin-top:12px;margin-left:10px;margin-bottom:12px;}*html #content {margin-left:9px;} #content p {padding:15px;color:#222222; font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif;margin-bottom:10px; line-height:16px;} #content p a {color:#0099CC; text-decoration:underline;} /*home*/ #welcome {position:relative;width:598px;height:185px;background-color:#fff;background-image:url(img/welcome3.jpg);margin-top:12px;margin-left:10px;background-repeat:no-repeat;} #authentic {position:absolute;width:450px;height:17px;top:-3px;left:140px;} *html #authentic {height:25px;top:12px;} #authentic p {position:absolute;width:450px;height:17px;top:10px;left:10px;color:#ffffff;font-family:"Times New Roman", Times, serif;font-size:24px;margin:0;padding:0} #message {position:absolute;width:200px;height:110px;top:43px;left:106px;} #message p {color:#003562;font-family: Arial, Helvetica, sans-serif;font-size:12px;line-height:16px;text-align:right;} #quicksearch {position:absolute;width:235px;height:80px;top:80px;left:323px;} #quicksearch a {color:#ff6600;font-size:11px;text-decoration:underline;font-weight:bold;} #quicksearch a:hover {color:#3488ac;background:#fefbda;text-decoration:none} #quicksearch select {width:50px;} #quicksearch label {float:right;width:auto;margin-left:5px;font-size:12px;color:#3488ac;font-weight:normal;font-family:Arial, Helvetica, sans-serif;} #plansbox {position:relative;width:317px;height:205px;margin-left:10px;margin-top:15px;} #newplans {position:relative;width:317px;height:62px;background-image:url(img/7newplans.jpg);} #newplans p {padding-left:15px;padding-top:8px;color:#3488ac;font-size:12px;line-height:13px; text-decoration:none;} #newplans p strong {color:#ff6600;font-size:16px;line-height:16px;} #newplans p a {color:#3488ac;font-size:12px;line-height:14px; font-weight:bold;text-decoration:underline;} #newplans p a:hover {color:#FF6600;} #planquestions {position:relative;width:317px;height:126px;margin-top:15px;background-image:url(img/planquestionsbg.jpg);float:left;} #planquestions p {padding-left:11px;color:#ff6600;font-size:14px;line-height:16px;} *html #planquestions p {padding-top:8px;} #planquestions p a {color:#3488ac;font-size:13px;line-height:16px;font-weight:bold;text-decoration:underline;} #planquestions ul {padding:0;margin:0 0 0 30px;} #planquestions li {padding:0;margin0;color:#3488ac;margin-bottom:3px;} #planquestions li a{color:#3488ac;font-size:12px;line-height:16px; text-decoration:underline;} #planquestions li a:hover{color:#FF6600;} #featuredplan {position:relative;width:272px;height:203px;float:right;margin-right:8px;margin-top:15px;background-image:url(img/featuredplanbg.jpg);clear:right;} #featuredplan a {font-size:9px;text-decoration:underline;color:#3488ac;} #featuredplan a:hover {color:#FF6600;} #featuredplan div {position:absolute; width:228px;height:186px;left:22px;top:12px;Text-align:right;font-size:10px;font-weight:bold;color:#004775;} #maincopy {position:relative;width:578px;background-color:#fff;margin-left:10px;margin-bottom:12px;z-index:0; padding-top:0px;}*html #text {margin-left:9px;} /*Details*/ #wrappertitle {width:575px; position:relative; height:30px;} #title {width:300px;margin-left:15px; font-size:20px;color:#45ae8d;font-weight:bold; font-family:Helvetica, Verdana, Arial, sans-serif;text-align:left; position:relative; float:left;} #callusnow {width:240px; font-size:14px;color:#fa6c24; font-family:verdana; text-align:right; float:right; position:relative; padding-top:5px;} #houseinfo {position:relative;width:570px;margin-left:10px;height:auto;background-color:#fff;margin-bottom:10px;} #house {position:relative;width:370px;} #housedetails {position:relative;width:175px;color:#3488ac;background-color:#ffffff;float:right;} #housedetails a {color:#0099CC;font-size:11px;text-decoration:underline;} #housedetails a:hover{color:#ff6600;} #houselinks {position:relative;width:580px;height:25px;margin-left:10px;margin-top:10px;margin-bottom:-20px;} #sidelinks a {color:#0099CC;font-size:11px;text-decoration:underline;} #sidelinks a:hover{color:#ff6600;} #extracontent {width:580px;margin-left:8px;margin-top:10px;} #extracontent p {padding:5px;color:#222222; font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif;margin-bottom:10px; line-height:16px;} .questions {padding:18px;font-size:12px;margin-top:10px;font-family:Arial, Helvetica, sans-serif;} .questions dt {background:url(img/Q.jpg) left top no-repeat;padding:0px 0px 4px 20px;color:#ff6600;} .questions dd {background:url(img/A.jpg) left top no-repeat;padding-left:20px;margin:0px 0px 10px 0;} .questions a {color:#0099CC;text-decoration:underline;} #specs {position:relative;width:160px;height:auto;background-color:#eee;border:1px solid #999;font-size:10px;color:#000;padding:5px;margin-bottom:10px;margin-left:0px;} #specs ul {margin:0px;padding-left:10px;} #specs li {margin-left:6px;padding:1px 0px 1px 0px; list-style-type:square;} #features {position:relative;width:580px;margin-top:3px;padding-bottom:25px;} #features1, #features2, #features3 {position:relative;width:235px;float:left;margin-left:5px;padding-bottom:25px;padding-right:25px;} *html #features1, #features2, #features3 { margin-left:-10px;} #extras {position:relative;width:565px;height:50px;background-color:#eee;border:1px solid #3488ac;margin-bottom:8px;margin-left:12px;} *html #extras{margin-top:-8px;} #extras li {margin-left:15px;margin-top:4px;color:#3488ac;font-size:11px;} #extras1 {position:absolute;width:219px;height:25px;border-right:1px solid #3488ac;border-bottom:1px solid #3488ac;} #extras2 {position:absolute;width:219px;height:25px;top:25px;border-right:1px solid #3488ac;} #extras3 {position:absolute;width:219px;height:25px;left:220px;border-right:1px solid #3488ac;border-bottom:1px solid #3488ac;} #extras4 {position:absolute;width:219px;height:25px;top:25px;left:220px;border-right:1px solid #3488ac;} #extras5 {position:absolute;width:125px;height:50px;left:440px; background-image:url(img/toordercallblue.jpg);background-repeat:no-repeat;padding-top:6px;color:#3488ac;font-size:14px;vertical-align:middle;} #extras6 {position:absolute;width:165px;height:50px;left:400px;} #extras6 input { margin: 0; padding: 0; font-size: 11px; font-weight: bold; border: 1px solid #3488ac; background-color: #eee; width: 100px; /*height: 20px;*/ color: #3488ac; } /* Contact */ #contactbox {position:relative;padding:10px;width:270px;height:400px;background-color:#eaf5f9;border:1px solid #cccccc;float:right;margin-right:17px;margin-left:17px;margin-top:20px;} #contactbox p {padding:13px;color:#222;font-size:12px;} #contactbox-taf {position:relative;padding:10px;width:270px;height:390px;background-color:#eaf5f9;border:1px solid #cccccc;float:left;margin-right:17px;margin-left:6px;margin-top:20px;} #contactbox-taf p {padding:13px;color:#222;font-size:12px;} .nbox {position:relative;width:125px;height:125px;font-family:Arial, Helvetica, Verdana, sans-serif;color:#222222;text-align:center;;font-size:10px;} .fbox {position:absolute;width:250px;height:230px;font-family:Arial, Helvetica, Verdana, sans-serif;color:#222222;text-align:left;font-size:10px;top:155px;left:20px;} *html .fbox {top:155px;left:12px;} .fbox form {margin:0;padding: 5px;} input,textarea {width: 100%;/*height:22px;*/margin-top:5px;} input.button {width: 50%;} input,textarea {width: 100%;/*height:22px;*/margin-top:5px;} textarea {height:60px;} input.button {margin-top:6px;width:71px;/*height:18px;*/float:right:}*/ /*Q&A section*/ #qacontainer {position:relative;width:765px;height:auto;margin-left:5px;padding-top:5px;} #qatopnav {position:relative;width:620px;height:31px;} #qawhitebg {position:relative;width:765px;background-color:#fff;height:auto;padding-top:5px;padding-bottom:20px;} #qaheader {position:relative;width:725px;height:94px;background-color:#fff;margin-left:15px;padding-top:7px;margin-bottom:15px;margin-top:15px;} #qaheader p {padding:5px;color:#222;font-size:12px;line-height:15px;color:#222;} #qacontent {width:403px;background-image:url(img/smalldivborderbg.jpg);background-repeat:repeat-y;margin-left:15px;} #qacontent p {padding:5px;color:#FF6600; font-size:16px; font-family:Arial, Verdana, Helvetica, sans-serif;font-weight:bold;margin-bottom:10px; line-height:16px;} #qacontent p a {color:#2c7392;text-decoration:underline;font-size:11px;line-height:22px;font-weight:normal;} #qacontent p a:hover {color:#ff6600;} #qaextracontent {position:relative;width:383px;height:auto;margin-left:10px;} #faqholder {position:relative;width:272px;float:right;margin-right:45px;} *html #faqholder {margin-right:15px;} #faq {position:relative;width:270px;padding:10px;background-color:#faf8d2;border:1px solid #cccccc;} #faq p {font-size:12px; padding:15px; margin-top:-20px;font-family:Arial, Verdana, Helvetica, sans-serif;font-weight:normal;line-height:14px;color:#5399b7;font-weight:normal;} #faq li.a {padding:3px 5px 3px 23px;text-decoration:none;list-style:none;margin-left:0;background:url(img/orangedot1.jpg) left top no-repeat;} #faq li.b {padding:3px 5px 3px 23px;text-decoration:none;list-style:none;margin-left:0;background:url(img/orangedot2.jpg) left top no-repeat;} #faq li.c {padding:3px 5px 3px 23px;text-decoration:none;list-style:none;margin-left:0;background:url(img/orangedot3.jpg) left top no-repeat;} #faq li.d {padding:3px 5px 3px 23px;text-decoration:none;list-style:none;margin-left:0;background:url(img/orangedot4.jpg) left top no-repeat;} #faq li.e {padding:3px 5px 3px 23px;text-decoration:none;list-style:none;margin-left:0;background:url(img/orangedot5.jpg) left top no-repeat;} #faq li.f {padding:3px 5px 3px 23px;text-decoration:none;list-style:none;margin-left:0;background:url(img/orangedot6.jpg) left top no-repeat;} #faq li.g {padding:3px 5px 3px 23px;text-decoration:none;list-style:none;margin-left:0;background:url(img/orangedot7.jpg) left top no-repeat;} #faq li.h {padding:3px 5px 3px 23px;text-decoration:none;list-style:none;margin-left:0;background:url(img/orangedot8.jpg) left top no-repeat;} #faq li.i {padding:3px 5px 3px 23px;text-decoration:none;list-style:none;margin-left:0;background:url(img/orangedot9.jpg) left top no-repeat;} #faq li.j {padding:3px 5px 3px 23px;text-decoration:none;list-style:none;margin-left:0;background:url(img/orangedot10.jpg) left top no-repeat;} #faq li a {font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif;font-weight:normal;line-height:14px;color:#5399b7;text-decoration:underline;font-weight:normal;} #faq li a:hover {color:#ff6600;} #qacontactbox {position:relative;padding:10px;width:270px;height:390px;background-color:#eaf5f9;border:1px solid #cccccc;margin-top:20px;} #qacontactbox p {padding:13px;color:#222;font-size:12px;} /* Building Info */ #infonavcontain {position:relative;float:left;width:149px;margin-top:36px;background-color:#3488ac;} #infoleftnav {position:relative;width:149px;background-color:#3488ac;border-top:1px solid #fff;} ul#infomenu {margin:0px;padding:0px;list-style-type:none;position:relative;} ul#infomenu li {padding:0px;text-align:left;background:url(img/infonavbg.gif) no-repeat left center;background-position:3px;border-bottom:1px solid #fff;} ul#infomenu li:hover {background-color:#add1df;} ul#infomenu li a {margin:0 0 0 3px;padding:8px 0px 8px 12px;color:#004775;font-weight:normal;font-size:12px;text-decoration:none;color:#fff;font-family:Arial, Helvetica, sans-serif;display:block;} ul#infomenu li a:hover {color:#1d617e;font-weight:normal;background-color:#add1df;} #infocontent {position:relative;width:600px;margin-left:10px;margin-top:10px;margin-bottom:15px;background-color:#fff;} #buildingoncoast {position:relative;width:362px;height:291px;} #tipsholder {position:relative;width:226px;float:right;height:291px;} #closerlook {position:relative;width:226px;height:190px;background-color:#fff;border:1px solid #3488ac;} #closerlook li {color:#3488ac;text-decoration:underline;padding:2px;margin-left:20px;margin-bottom:4px;margin-top:6px;font-size:10px;font-family:Arial, Helvetica, sans-serif;} #closerlook li a {color:#3488ac;font-size:12px;font-weight:bold;text-decoration:none;} #closerlook li a:hover {color:#ff6600;} #tentips {position:relative;width:226px;height:90px;margin-top:10px;} #infotext {position:relative;width:577px;height:auto;padding:10px;padding-bottom:30px;margin-top:10px;margin-left:10px;margin-bottom:15px;border:1px solid #3488ac;background-color:#eaf5f9;} #infotext p {width:300px;padding:13px;color:#222;font-size:12px;line-height:18px;} #infotext a {color:#3488ac;}#infotext a:hover {color:#ff6600;} #infotext ul {margin:0;padding:0;} #additionalarticles {position:relative;width:180px;height:auto;background-color:#eaf5f9;float:right;margin-left:17px;margin-top:-25px;padding:0px;} *html #additionalarticles {margin-right:0px;padding-right:0px;} #additionalarticles div {position:relative;width:180px;height:auto;border:1px solid #3488ac;margin-bottom:10px;background-color:#fff;} #additionalarticles li {color:#3488ac;text-decoration:underline;padding:2px;margin-left:20px;margin-bottom:4px;margin-top:6px;font-size:10px;font-family:Arial, Helvetica, sans-serif;} #additionalarticles li a {color:#3488ac;} /* Search plan */ #searchcontain {position:relative;width:580px;height:auto;} #searchcontain p {padding:0;font: 12px/16px Arial, verdana, helvetica, sans-serif;} #searchtitle {width:580px;height:25px;background-color:#ccc;margin-bottom:3px;} #searchtitle p {color:#000000;font-weight:bold;width:570px;font-family:Arial, Helvetica, sans-serif;padding:4px;} #searchpic {width:206px;height:278px;position:relative;margin-bottom:3px;} #searchnarrowbox {width:370px;height:auto;position:relative;float:right;} #searchnarrow {position:relative;width:370px;height:37px;background-color:#eee;margin-bottom:3px;font-family:Arial, Helvetica, sans-serif;font-size:11px;} #searchnarrow input {width:70px;} #searchnarrow label {float:left;width:auto;margin-left:20px;font-size:11px;color:#000000;} #searchwider {position:relative;width:580px;background-color:#eee;margin-bottom:3px;padding-bottom:5px;font-family:Arial, Helvetica, sans-serif;font-size:11px;} #searchwider input {width:auto;} #searchwider label {float:left;width:auto;margin-left:35px;font-size:11px;color:#000000;} #searchwide {position:relative;width:580px;background-color:#eee;margin-bottom:3px;padding-bottom:5px;font-family:Arial, Helvetica, sans-serif;font-size:11px;} #searchwide input {width:auto;} #searchwide label {float:left;width:180px;margin-left:10px;font-size:11px;color:#000000;} .clear {clear:both;} #chooseresults {position:relative;width:598px;height:30px;background-color:#d5e1e1;border-bottom:5px solid #9bb5b6;margin-bottom:15px;margin-top:20px;margin-left:10px;} #chooseresults label {width:auto;font-size:12px;color:#000;font-family:verdana, Arial, Helvetica, sans-serif;margin-top:-4px;} #chooseresults a {margin-left:25px;margin-top:3px;} #chooseholder {position:relative;height:25px;margin-left:200px;width:400px;} /*Search Results*/ #resultscontain {position:relative;width:598px;height:auto;margin-left:10px;} *html #resultscontain {margin-top:15px;} #resultscontain p {font:16px Arial, Helvetica, sans-serif; color:#000;font-weight:bold;} #resultscontain p strong {color:#CC3300;} #sortresults {position:relative;width:598px;height:35px;background-color:#d5e1e1;border-bottom:5px solid #9bb5b6;margin-bottom:15px;margin-top:20px;} #sortresults label {width:auto;margin-left:5px;font-size:11px;color:#000;font-family:verdana, Arial, Helvetica, sans-serif;} #featuredlisting {position:relative;width:598px;height:180px;background-image:url(img/featureddivbg.jpg);background-repeat:no-repeat;} #featuredhouse {position:relative;margin-left:15px;top:15px;margin-bottom:15px;height:140px;width:200px;border:1px solid #006699;} #featuredinfo {position:absolute;width:360px;height:auto;top:15px;left:226px;text-align:left;} #featureddesigner {position:absolute;width:360px;height:auto;left:15px;text-align:left;top:65px;} #featuredinfo h2 {font:16px Arial, Helvetica, sans-serif; color:#00bdc0;font-weight:bold;margin-top:0px;} #featuredspecs {position:relative;width:355px;height:110px;} .specs1 {position:absolute;width:110px;top:25px;left:0px;height:80px;} .specs2 {position:absolute;width:110px;top:25px;left:120px;height:80px;} *html .specs1 {top:50px;} *html .specs2 {top:50px;} .viewdetails {position:absolute;width:114px;height:20px;left:225px;top:90px;} .viewdetailsdes {position:absolute;width:114px;height:20px;left:225px;top:145px;} #featuredspecs dt {padding:0px 2px 4px 0px;display:block;float:left;color:#000;font:12px Verdana, Arial, Helvetica, sans-serif;font-weight:normal;text-align:left;clear:left;} #featuredspecs dd {padding-left:2px;margin:0;font:12px Verdana, Arial, Helvetica, sans-serif;font-weight:bold;text-align:left;} #listingcontent {position:relative;width:598px;background-color:#fff;background-image:url(img/bigdivborderbg.jpg);background-repeat:repeat-y;margin-top:12px;margin-bottom:12px;} #listingcontent hr {width:558px;background-color:#eee;margin-left:20px;} #houselisting {position:relative;width:580px;height:140px;margin-bottom:25px;margin-left:10px;} #designerlisting {position:relative;width:580px;height:180px;margin-bottom:25px;margin-left:10px;} #designerlistinginner {position:relative;width:580px;height:265px;margin-bottom:25px;margin-left:10px;} #designerlistinglower {position:relative;width:555px;height:auto;margin-bottom:25px;margin-left:20px;} *html #houselisting{margin-top:16px;margin-bottom:10px;} #listinghouse {position:relative;margin-left:15px;top:25px;margin-bottom:15px;height:111px;width:158px;border:1px solid #006699;} *html #listinghouse {top:10px;} #listingdesigner {position:relative;margin-right:15px;margin-top:70px;margin-bottom:15px;height:181px;width:237px;float:right;} .imagephoto {border:1px solid #006699;} .logophoto {} #companytitle {width:auto; font-size:20px;color:#444444;font-weight:bold; font-family:Helvetica, Verdana, Arial, sans-serif;text-align:left; position:relative; float:left;} /* Footer */ #footer {position:relative;width:775px;height:auto;padding:0;clear:both;background-color:#3488ac;text-align:left;} #footer p {font-size:10px;padding:8px;margin:0;text-align:left;color:#add1df;line-height:13px;} #footer p a {color:#fff;text-decoration:underline;font-size:12px;} #footer a:hover {color:#154659;text-decoration:none;} *html #footer p{padding:-20px;} /*2nd Footer*/ #secondfoot {poisition:relative;width:775px;height:auto;padding:0;background-color:#c5d5d5;text-align:left;} #secondfoot p {font-size:11px;padding:8px;margin:0;text-align:left;color:#2c7b9d;} #secondfoot p a {color:#5399b7;text-decoration:underline;font-size:11px;} #secondfoot p a:hover {color:#2c7b9d;text-decoration:none;} /* Reset P and Heading Margin and fix Added By Phil --------------------------------------------------------------*/ div.content-section p, .content-section h2, .content-section h3 { padding: 0 !important; margin: 0 0 15px 0 !important; } div.content-section { padding: 12px; } /* Paging */ *html .pages { padding: 10px 0 20px 0; margin: 10px 0; clear: left; } .pages a, .pages span { padding: 1px 2px -8px 2px; margin-right: 1px; background: #D5E1E1; } *html .pages a, .pages span{ margin-top:-13px; } .pages span.current { font-weight: bold; background: #D5E1E1; color: #CC3300; } .pages a { text-decoration: none; color:#0387D1; } .pages a:hover { background: #D5E1E1; color:#0387D1; } .pages a.prevnext { font-weight: bold; } .pages span.prevnext { color: #000000; } ul#sidemenu li.main a.on{ color:#FC7A22; } ul#infomenu li a.onn{ color:#1d617e; font-weight:normal; background-color:#fff; } /* Login Box */ #login-box { background: #c5ecfd; width:150px; height:34px; position:relative; z-index:100; margin:-50px 0 0 615px; border-bottom: solid 1px #3488ac; } #login-box-wrap { padding: 0; margin:0; } #login-box p{ padding: 5px 5px 0px 5px; margin: 0px; color:#3488ac; text-align: center; font-size:90% } #login-box a{ text-decoration:none; color:#3488ac; font-weight:bold; } #login-box a:hover{ text-decoration:none; color:#ff6600; } #login-box p.saved-plans{ font-size:85%; margin: 0px; padding: 0px; color:#3488ac; text-align: center; } #login-box h6{ font-size:85%; color:#ff6600; text-align: center; margin:0px; padding:0px; background: #A4DAEF; } .header-img { padding: 15px 0 0 0; } .highlight { background: #c5ecfd; } p.highlight { background: #c5ecfd; border: 1px solid #a4daef; padding: 10px; } div.highlight { background: #c5ecfd; border: 1px solid #a4daef; padding: 10px 10px 0 10px; margin: 0 0 1em 0; } .on a{color:#FC7A22;} /* * Cyber Sprocket Added - quick fix to cleanup bad formatting * CSS really needs to be normalized, but we don't have 10 hours to burn */ #myplans_profile { text-align: center; } #myplans_change input { width: 200px; } #newsletters { text-align: center; } #newsletters table{ width: 100%; margin-top: 10px; } #newsletters table td.desc{ width: 250px; vertical-align: top; } #newsletters table img{ border: none; } #newsletters table p{ text-align: justify; } #newsletters H3 { margin: 12px 0px 0px 0px; } #newsletters input[type="radio"] { width: 20px; height: 20px; } #newlayout H3 { margin: 12px 0px 3px 12px; font-size: 14px; font-weight: bold; font-family: verdana, helvetica, arial, sans-serif; } #newlayout FIELDSET { width: 80%; } /* cleanup for newlayout sections */ .highlight P { font-weight: bold; font-size: 18px; padding: 0px; margin: 0px; } .desc ul{ text-align: left; } .desc ul li{ color:#222222; font-family:arial,Verdana,Helvetica,sans-serif; font-size:12px; line-height:18px; }