@charset 'utf-8'; body{ background: url('/cssimages/bg-fe.gif') repeat-y 50% 50%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000; margin: 0; padding: 0; letter-spacing: 0.02em; } body#pop{ background-image: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000; margin: 0; padding: 0; letter-spacing: 0.02em; } #homePage, #contentPage { position: relative; width: 900px; margin: 0 auto; padding: 0;} #lowerContent { position: relative; width: 900px; margin-top:0; padding: 0;} body, div, dl, dt, dd, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, label, input, select, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } td { padding: 6px 0; } .emph { font-size: 1.5em; color: #2973B4; } .emphSmall { font-size: 1.1em; color: #2973B4; } .emphBlack { font-size: 1.5em;} .emphBlackSmall { font-size: 1.1em;} .banner { font-size: 1.5em; } .error {color:#CC0000; background-color:#FFFFCC;} /* HEADER block elements */ #header { height: 80px; position: relative; } #login { position: absolute; top: 5px; right: 15px; font-size: 17px; } #facebook-top { position: absolute; top: 30px; right: 80px; font-size: 12px; } #plusone-top { position: absolute; top: 30px; right: 15px; font-size: 12px; width:50px; height:60px;} #spsTopLogo { position: absolute; top:0; left:0; } #header h1 { font-size: 12px; font-weight: 500; padding-top:5px; margin-left:180px;} /* TopMenu Elements */ #spsTopMenu { position: absolute; top: 105px; left: 160px; font-size: 15px ; } #spsTopMenu ul { padding: 0; margin:0; list-style-type: none } #spsTopMenu ul li { float:left; margin-left: 23px; position: relative; list-style: none;} #spsTopMenu a:visited, #spsTopMenu a:active, #spsTopMenu a:link, #spsTopMenu a:hover { color:#a8c239; text-decoration: none ; font-weight: bold; } #spsTopMenu a:hover { text-decoration: underline; color:#8BAE2B ; } /* FOOTER page elements */ #footer { clear:both; float:left; width:900px; background: url('/cssimages/footer-bg-fe.jpg') repeat-x 0 0; height: 119px; margin-top: 20px; padding-top:10px; } #pageFooter { position:relative; width: 900px ; text-align: center; font-size: 12px;} #plusone-footer { } div.footerMenu { font-size: 14px; color:#CCCCCC ; padding:5px 0;} div.footerMenu a { color:#a8c239; text-decoration: none ; font-weight: bold; } div.footerMenu a:visited, div.footerMenu a:active, div.footerMenu a:link { text-decoration: none ; color:#8BAE2B ; } div.footerMenu a:hover { text-decoration: underline; color:#8BAE2B ; } div.footerMenu span { padding:0 5px 0 10px;} #copyright { padding-bottom:30px; } /* PAGE elements */ #content { background-color: #FFFFFF; padding: 15px 0; width:900px; margin: 0;} #mainContent { float:left; width:900px; position:relative; padding: 20px 0; background: url('/cssimages/BG_fade.jpg') repeat-x top; } strong.color { color: #8bae2b ;} .hiddenPic { display: none; } a.biglink { color:#8BAE2B; text-decoration: none; } a.biglink:visited, a.biglink:active, a.biglink:link { color: #8BAE2B; text-decoration: none; } a.biglink:hover { text-decoration: underline; } a:visited, a:active, a:link, a:hover { color:#0000FF; text-decoration: underline; } a:hover { text-decoration: none;color: #0000FF; } a img { border: none; } /* Homepage Elements */ #homePage #header { height: 75px; position: relative; } #homePage #left { float: left; width: 469px; padding: 0 20px; border-right: 1px #C9E1B1 solid; } #homePage #right { float: left; width: 350px; padding: 0 0 0 20px; } #homePage h2 { color:#8BAE2B; font-family:Arial, Helvetica, sans-serif; font-weight:500; font-size:27px; padding-left:5px;margin-bottom:10px; letter-spacing:normal;} #homePage #right h2 { color:#8BAE2B; font-family:Arial, Helvetica, sans-serif; font-weight:600; font-size:22px; padding-left:0;margin-bottom:10px; letter-spacing:normal;} } #homePage h3 { color: #8bae2b; padding: 5px 0 15px 0; font-size: 17px; font-weight:700; letter-spacing:0;} #homePage #right h3 { color: #0066CC; padding: 5px 0 5px 0; font-size: 16px; font-weight:700; letter-spacing:0;} #homePage p { padding: 3px 0; } #homePage #titles { position: relative; height: 140px; width: 900px; margin-bottom: 0; } #homePage #titles2 { position: relative; height: 85px; width: 900px; margin-bottom: 0; } img.headlineText { position:absolute;top:30px;left:0;} #homePage #actionsHP{ width: 900px; position:relative; } #lower p { font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:14px; } .homeBanner { font-size: 24px; font-family: Arial, Helvetica, sans-serif; font-weight:700; padding-left:7px;} #actionsHP a img.a { height: 220px; width: 410px; border-width: 0;} #actionsHP a img.b { height: 220px; width: 410px; border-width: 0;} a#clickSample img { background: url('/cssimages/click-actionpage-buttons.jpg') 0 0 no-repeat; width:280px; height:38px;} a#clickSample:hover img { background: url('/cssimages/click-actionpage-buttons.jpg') 0 -40px no-repeat; width:280px; height:38px; } a#clickSeehow img { background: url('/cssimages/click-actionpage-buttons.jpg') 0 -80px repeat; width:280px; height:38px; } a#clickSeehow:hover img { background: url('/cssimages/click-actionpage-buttons.jpg') 0 -120px no-repeat; } a#demo img.a { background: url('/cssimages/never-lose-listing.jpg') top left no-repeat; } a#howit img.b { background: url('/cssimages/sell-listings-faster.jpg') top right no-repeat; } a#demo:hover img.a { background: url('/cssimages/never-lose-listing_ro.jpg') top left no-repeat; } a#howit:hover img.b { background: url('/cssimages/sell-listings-faster_ro.jpg') top right no-repeat; } .solutionsBlock { position: relative; clear:both; height: 155px; width: 350px; } .solutionImage { float:left; width:130px; margin-right:10px;} .solutionDescription { float:left; width:210px; font-size:0.9em;} .learnmore { background: url("cssimages/leanmorelink.jpg") 0 5px no-repeat; line-height:30px; padding-left:35px; font-size: 15px;} /* Special Elements */ #actionsBox { float:left; font-size: 10px; width: 600px; height: 490px; } #actionsBox a img { height: 175px; width: 215px; border-width: 0;} #examplesBox { } #examplesBox a img { height: 246px; width: 303px; border-width: 0;} a#setup img { background: url('/cssimages/setup-a-site-sm.jpg') top left no-repeat; } a#winmore img { background: url('/cssimages/win-more-listings-sm.jpg') top left no-repeat; } a#sellfaster img { background: url('/cssimages/sell-faster-sm.jpg') top left no-repeat; } a#neverLose img { background: url('/cssimages/never-lose-a-listing.jpg') top left no-repeat; } a#sellFast img { background: url('/cssimages/sell-fast.jpg') top left no-repeat; } a#setup:hover img { background: url('/cssimages/setup-a-site-sm_ro.jpg') top left no-repeat; } a#winmore:hover img { background: url('/cssimages/win-more-listings-sm_ro.jpg') top left no-repeat; } a#sellfaster:hover img { background: url('/cssimages/sell-faster-sm_ro.jpg') top left no-repeat; } a#neverLose:hover img { background: url('/cssimages/never-lose-a-listing_ro.jpg') top left no-repeat; } a#sellFast:hover img { background: url('/cssimages/sell-fast_ro.jpg') top left no-repeat; } a#startNow img { background: url('/cssimages/click-here-to-start.gif') no-repeat; position:absolute;bottom:0;right:0;} a#startNow:hover img{ background: url('/cssimages/click-here-to-start_ro.gif') no-repeat; position:absolute;bottom:0;right:0;} a#startNowuniversal img { background: url('/cssimages/click-here-to-start.gif') no-repeat; } a#startNowuniversal:hover img{ background: url('/cssimages/click-here-to-start_ro.gif') no-repeat;} a#testimonial img { background: url('/cssimages/testimonialbutton.gif') no-repeat; position:absolute;top:10px;right:0;} a#testimonial:hover img{ background: url('/cssimages/testimonialbutton_ro.gif') no-repeat; position:absolute;top:10px;right:0;} /* pop up box elements */ #pop h3 { font-size: 1.5em; color: #2973B4; padding: 10px 0px 10px 0px;} #pop h4 { font-size: 1.2em; color: #7B9926; padding: 5px 0px 5px 0px;} #pop p { padding: 3px 0; } ul.benefitsPop { margin: 0 0 0 10px; padding:0 0 20px 0;font-size:1.2em;} ul.benefitsPop li { list-style-type: none; background: url('/cssimages/greenBullet.gif') no-repeat 0 12px; padding-top:8px; padding-left:1.5em;} /* ContentPage Elements */ #contentPage #header { height: 125px; position: relative; } #contentPage h1 { font-size: 25px; font-weight:700; color: #373B22; padding-top:5px; margin-left:0px; font-family:Arial, Helvetica, sans-serif;} #contentPage h2 { font-size: 17px; font-weight:700; color: #2973B4; padding: 15px 0px 15px 0px;} #contentPage h2.arr { font-size: 17px; font-weight:700; color: #2973B4; padding: 15px 0px 15px 30px; background: url('/cssimages/bullet-hs.gif') no-repeat 0 12px; } #contentPage h3 { font-size: 14px; font-weight:700; color: #2973B4; padding: 15px 0px 15px 0px;} #contentPage h4 { font-size: 12px; font-weight:700; color: #333333; padding: 5px 0px 5px 0px;} #contentPage #left { float: left; width: 429px; padding: 0 20px; border-right: 1px #C9E1B1 solid; } #contentPage #right { float: left; width: 390px; padding: 0 20px; } #contentPage #left2 { float: left; width: 389px; padding: 0 20px; border-right: 1px #C9E1B1 solid; } #contentPage #right2 { float: left; width: 430px; padding: 0 20px; } #contentPage #fullspan { float: left; padding: 0 15px; width: 870px;} #contentPage #fullspan2 { float: left; padding: 0 15px; width: 870px;} #fullspan2 #leftHalf { float:left; width:415px; padding: 0 10px; } #fullspan2 #rightHalf { float:left; width:415px; padding: 0 10px; } #halfleft { float:left; width:369px; padding: 0 40px; border-right: 1px #C9E1B1 solid;} #halfright { float:right; width:370px; padding: 0 40px; } #contentPage #lowerContent { float: left; width: 930px; padding: -20px 20px 0 20px; } #contentPage #lowerContent h3 { font-size: 14px; font-weight:700; color: #8bae2b; padding:0;} #contentPage p { padding: 8px 0; } #contentPage .indent { padding-left:30px;} ul.benefits { padding-bottom:20px; font-size:1.2em;} ul.benefits li { list-style-type: none; background: url('/cssimages/greenBullet.gif') no-repeat 0 12px; padding-top:8px; padding-left:1.5em;} ul.benefitsPop ul { padding-bottom:20px; font-size:0.9em;} ul.benefitsPop ul li { list-style:outside; background:none; padding:5px 0 0 10px;} #mainContent a#startNow img { background: url('/cssimages/click-here-to-start.gif') no-repeat; position:relative; } #mainContent a#startNow:hover img { background: url('/cssimages/click-here-to-start_ro.gif') no-repeat; position:relative; } div.featureBox { float:left; /* background-image:url('../images3/feature-box.jpg'); */ width:134px; height:127px; text-align:center; padding: 0 28px;} #contentPage div.featureBox h3 { color: #000000;} .faq { line-height:1.5em;} /* Javascript Scroller elements */ #pscroller1 { width: 340px; height: 100px; border: none; padding: 5px; } .someclass { line-height:1.5em; } /* Register Form Elements */ form#register { margin: 0; padding: 0; } .mandat { color: #B50104; font-weight: bold; } form#register fieldset { margin: 0; padding: 10px 10px 0; border: 1px solid #2973B4; width: 368px } fieldset div { clear: both; padding: 15px 0 0 0; position: relative; width: 368px; } form#register label { float: left; margin: 0; padding: 0; display: block; width: 155px; text-align: right; } form#register input { float: left; height: 18px; padding: 2px 0 0 2px; margin: 0 0 0 10px; width: 180px; } form#register select { float: left; height: 20px; padding: 2px 0 0 0; margin: 0 0 0 10px; width: 180px; } input:focus, select:focus { background-color: #F6FBE6; } /* REGISTER Form Elements */ #homeRegister form#register fieldset { position: relative; margin: 0; padding: 0; width: 230px; border:none; } #homeRegister fieldset div { clear: both; padding: 0 5px 0 ; margin: 0; position: relative; width: 220px; height:35px; } #homeRegister fieldset div.regButton { clear: both; padding: 0 ; margin: 0; position: relative; width: 230px; height:50px; } #homeRegister fieldset div div { padding: 0 ; margin: 0; width: 0; height:0; line-height: 0;} #homeRegister form#register label { font-family: Helvetica, sans-serif; font-size:11px; line-height: 14px; font-weight:700; float: left; margin: 0; padding-top: 6px; width: 82px; text-align: right; } #homeRegister form#register label.password { font-family: Helvetica, sans-serif; font-size:11px; line-height: 14px; font-weight:700; float: left; margin: 0; padding-top: 6px; width: 132px; text-align: right; } #homeRegister form#register input { float: left; display: inline; height: 18px; padding: 2px 0 0 2px; margin: 0 0 0 8px; width: 122px; } #homeRegister form#register input.password { float: left; height: 18px; padding: 2px 0 0 2px; margin: 0 0 0 8px; width: 72px; } #homeRegister form#register div.regButton input.regButton { background: url('cssimages/click-actionpage-buttons.jpg') 0 -160px repeat; width:210px; height:38px; } #homeRegister form#register div.regButton input.regButton:hover { background: url('cssimages/click-actionpage-buttons.jpg') 0 -200px repeat; width:210px; height:38px; } /* general table elements */ table { } td.wrap { white-space:normal; overflow:auto;} td.leftText { text-align: left;} td.rightText { text-align: right;} table.data th { border: 1px solid #ccc; border-right: none; border-bottom: none; padding: 2px 4px; height:2.5em;} table.data thead th, table.data tfoot th { background-color: #cccccc; color: #000000; text-align: left;} tr.w { background-color: #f1f1f1; } tr.g { background-color: #FFF;} .data .plan { width: 150px; } .data td.freeprice { color: #8BAE2E; font-weight:700;} .data .planprice { width: 115px; text-align: center; font-weight:700; color: #eb0000;} .data tr td.sitecost { width: 100px; color: #333333; text-align: center;} .data td.sitecost { color: #333333; } /* for new pricing page layout */ table.price_data { overflow: auto; table-layout: fixed; border: none; border-bottom: 1px solid #ccc; font-size: 12px; } table.price_data td { border: 1px solid #ccc; border-right: none; border-bottom: none; padding: 4px 4px; line-height: 16px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;letter-spacing:0; word-spacing: 0;} table.price_data th { border: none; padding: 2px 4px; height:2.5em;} table.price_data tr td.sitecost {border-right: 1px solid #ccc; } table.price_data thead th, table.price_data tfoot th { color: #000000; text-align: left;} .price_data .plan { width: 110px; } .price_data .planprice { width: 70px; text-align: center; font-weight:700; color: #eb0000;} .price_data .sitecost { width: 70px; color: #333333; text-align: center;} .price_data td.wrap { white-space:normal; overflow:auto;border-right: 1px solid #ccc; text-align:center;} /* TESTIMINALS elements */ .quote { background: url('/cssimages/quote.gif') top left no-repeat; padding:15px 0 15px 95px; } .endquote { background: url('/cssimages/endquote.gif') bottom right no-repeat; padding:15px 95px 15px 0; } .stdQuote { padding: 15px 0; } /*featured link styles*/ a.featured:visited, a.featured:active, a.featured:link { color:#2973B4; font-size:12pt; text-decoration:none; } a.featured:hover { color:#2973B4; font-size:12pt; text-decoration: underline;} ul.featured { list-style-type: none; padding: 0px; margin-left: 20px; padding-left:30px; padding-bottom:30px; } ul.featured li { list-style-type: none; background: url('/cssimages/greenBullet.gif') no-repeat 0 12px; padding-top:8px; padding-left:1.5em;} #featured { width:300px; float:left; } #target { width:500px; float:right; } /* PLANS table on Pricing Page */ .plans_table { } .plans_plan { padding: 10px; border:none; text-align: left; } #contentPage h1.plans { color: #2973B4; } .plans_plan span { font-size: 16px; font-weight: bold; color: #eb0000; } .plans_prices span { font-weight: bold; color: #eb0000; } .plans_continue { background: #EDEDED; padding: 5px; border-left: 2px solid #fff; text-align: center; white-space: nowrap; } .plans_big { font-size: 16px; } .plans_highlight { padding: 10px; background: #fffeb5; border-left: 2px solid #fff; border-bottom: 2px solid #fff; } .plans_marketing { padding: 10px; background: #D2EC87; border-left: 2px solid #fff; border-bottom: 2px solid #fff; } .plans_prices { padding: 10px; } .plans_highlight img, .plans_marketing img, .plans_regular img { float: left; margin: -3px 7px 0 -5px; vertical-align: middle; } .plans_highlight ul, .plans_marketing ul { margin: 0 0 0 15px; padding: 0; text-indent: 0; }