/* Home */ body#home { background-image: url(../images/bg.png); background-repeat: repeat-x; } body#home-2 { background-image: url(../images/bg-2.png); background-repeat: repeat-x; } body#ppc { background-image: url(../images/ppc-bg.jpg); background-repeat: repeat-x; } /* Default */ body { background-color: #f4f4f2; font-size: 12px; color: #333; } body.wide #main-column { width: 960px; } body.inner { background: url(../images/bg-affiliates.png) repeat-x #f4f4f2; color: #333; font-size: 12px; } h1, h2, h3, h4, h5, p { padding-bottom: 14px; } h1 { font-size: 24px; } h2 { font-size: 20px; } h3 { font-size: 18px; } h4 { font-size: 14px; } ol { padding-left: 20px; } sup { font-size: 9px; vertical-align: top; } p, li { line-height: 18px; } hr { border: 0; height: 1px; clear: both; background: url(../images/dot.png) repeat-x; } table tr td { vertical-align: top; line-height: 20px; } a { color: #690; text-decoration: none; } a:hover { color: black; } ul.checklist {} ul.checklist li { background: url(../images/icon-check.jpg) no-repeat; line-height: 25px; padding-left: 35px; list-style:none; } /* Fonts */ body, #sidebar #testimonials p.author, textarea, #main-column .content#testimonials ul li p.details { font-family: Arial, Helvetica, sans-serif; } #header #call h1, #main-column #blurps h4, .content h2, #sidebar .follow, #sidebar h2, #sidebar #next-steps li a span, #sidebar #testimonials p, #social .follow, #footer .column .title h4, #banner h1, #banner h2, #banner button, #banner #get-web-traffic h4, #callout h2, #callout h4, button span, #main-column .content#testimonials ul li p, #main-column .content#reviews ul li p { font-family: Georgia, "Times New Roman", Times, serif; } /* Global */ .wrap { width: 960px; margin: 0 auto; clear: both; } .left { float: left; } .right { float: right; } .clear { clear: both; } .lime { color: #b1c301; } .blue { color: #4985c4; } .light-blue { color: #a4c2e1; } .red { color: red; } a.more { font-style: italic; background: url(../images/icon-learn-more.png) no-repeat left; padding-left: 24px; } .content { margin: 3px 8px; padding: 20px; background: white; } .nifty, .saucy { margin-bottom: 20px; } .border, form.form { border: 1px solid #DEE9EC; padding: 3px; } .req { font-weight: bold; color: red; } .small { font-size: 11px; line-height: normal; font-weight: bold; } .author { font-style: normal; text-transform: uppercase; font-size: 11px; color: #333; text-align: right; padding-bottom: 0; line-height: normal; } /* Forms */ button { border: 0; cursor: pointer; padding-left: 0; padding-right: 0; height: 30px; overflow: hidden; display: block; } button { background: url(../images/btn-form.png) no-repeat; color: white; } button span { background: url(../images/btn-form.png) no-repeat right top; margin-left: 20px; padding: 8px 20px 8px 0; float: left; margin-top: -1px; } button span { font-size: 11px; font-weight: bold; font-style: italic; line-height: 15px; } button:hover { background-position: left bottom; outline: 0; } button:hover span { background-position: right -30px; } .btn-gen-green { -moz-box-shadow:inset 0px 1px 0px 0px #a4e271; -webkit-box-shadow:inset 0px 1px 0px 0px #a4e271; box-shadow:inset 0px 1px 0px 0px #a4e271; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) ); background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809'); background-color:#89c403; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; border:1px solid #74b807; display:inline-block; color:#ffffff; font-family:Georgia; font-size:12px; font-weight:bold; padding:10px 24px; text-decoration:none; font-style: italic; } .btn-gen-green:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) ); background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403'); background-color:#77a809; color: white; } .btn-gen-green:active { position:relative; top:1px; } form.form .textfield { width: 220px; font-size: 12px; } form.form textarea { font-size: 12px; line-height: 18px; } form.form textarea.wide { width: 99%; } /* Table */ table { width: 100%; } table tr th, table tr.head td { background: #B2C303; color: white; font-weight: bold; padding: 12px 6px; font-size: 14px; vertical-align: middle; } table tr th span, table tr.head td span { font-size: 12px; line-height: normal; } table tr.phasing td { background: #DEE9EC; } table em { font-weight: bold; color: red; } table span.average { font-weight: bold; font-size: 16px; line-height: 20px; } table span.crossed { background: url(../images/cross.png) no-repeat center; } table a { color: #4985c4; } table a:hover { color: #4985c4; text-decoration: underline; } /* Header */ #header { background: url(../images/bg.png) repeat-x; height: 140px; } #header #logo a { height: 80px; width: 400px; display: block; background: url(../images/logo-tbs.png) no-repeat; margin: 10px; float: left; } #header #call { float: right; margin: 40px 10px 0 0; background: url(../images/icon-call.png) no-repeat left; padding-left: 40px; } #header #call a { color: #b1c301; } #header #call a:hover { color: #333; } #header #call h1 { color: #999; font-weight: bold; font-style: italic; text-align: right; line-height: 26px; padding-bottom: 0; } #header #call h1 span { color: #b1c301; font-weight: normal; } #header-affiliates { height: 105px; } #header-affiliates #logo a { height: 80px; width: 400px; display: block; background: url(../images/logo-tbs.png) no-repeat; margin: 10px; float: left; } /* Menu */ ul#menu { clear: both; } ul#menu li { float: left; } ul#menu li a { height: 40px; display: block; background-image: url(../images/menu-new.png); background-position: 0 0; } ul#menu li a { padding: 0 48px; } ul#menu li a:hover, body#page-1 ul#menu li#menu-1 a, body#page-2 ul#menu li#menu-2 a, body#page-3 ul#menu li#menu-3 a, body#page-4 ul#menu li#menu-4 a, body#page-5 ul#menu li#menu-5 a { background-position: 0 -40px; } /* Banner */ #banner { height: 500px; border-top: 1px solid #D0DFE3; } #banner h1 { font-size: 40px; font-weight: normal; text-align: center; padding: 40px 0 5px 0; } #banner h2 { font-size: 20px; font-weight: normal; text-align: center; color: #4985C4; padding-bottom: 20px; } #banner-affiliates { height: 170px; border-top: 1px solid #D0DFE3; } #banner-affiliates h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 40px; font-weight: normal; text-align: center; padding: 40px 0 5px 0; } #banner-affiliates h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; font-weight: normal; text-align: center; color: #4985C4; padding-bottom: 20px; } /* We Can Help */ #banner #we-can-help { margin: 20px 0 0 40px; width: 240px; float: left; } #banner #we-can-help p { font-style: italic; } #banner #we-can-help button { height: 45px; width: 200px; padding-bottom: 5px; color: white; font-size: 20px; font-style: italic; margin-bottom: 20px; } #banner #we-can-help button { background-image: url(../images/btn-banner.png); } #banner #we-can-help button:hover { background-position: bottom; } /* Get Web Traffic Now */ #banner #get-web-traffic { width: 200px; float: right; margin-top: 20px; } #banner #get-web-traffic .title { border-bottom: 1px solid white; margin-bottom: 10px; padding-bottom: 10px; } #banner #get-web-traffic .title h3 { padding-bottom: 5px; color: #F93; font-weight: normal; } #banner #get-web-traffic .title h4 { font-weight: normal; font-style: italic; color: #4985C4; padding-bottom: 0; } #banner #get-web-traffic input { width: 192px; padding: 6px 4px; margin-bottom: 5px; font-style: italic; color: #999; font-size: 12px; } #banner #get-web-traffic button { background: #4985C4; width: 200px; padding: 4px; color: white; } /* Callout */ #callout {} #callout h2, #callout h4 { font-style: italic; font-weight: normal; padding-bottom: 0; line-height: 20px; } #callout h4 { color: #666; } #callout img { margin-right: 10px; } /* Buttons */ .button-gwtn a { height: 80px; width: 280px; display: block; background-image: url(../images/button-gwtn.png); margin-bottom: 20px; } .button-gwtn a:hover { background-position: bottom; } .button-sacwapp a { height: 80px; width: 280px; display: block; background-image: url(../images/button-sacwapp.png); margin-bottom: 20px; } .button-sacwapp a:hover { background-position: bottom; } .button-nanw a { height: 80px; width: 280px; display: block; background-image: url(../images/button-nanw.png); margin-bottom: 20px; } .button-nanw a:hover { background-position: bottom; } .button-outdated a { height: 80px; width: 280px; display: block; background-image: url(../images/button-outdated.png); margin-bottom: 20px; } .button-outdated a:hover { background-position: bottom; } .button-rafq a { height: 80px; width: 280px; display: block; background-image: url(../images/button-rafq.png); margin-bottom: 20px; } .button-rafq a:hover { background-position: bottom; } .button-rafq-02 a { height: 97px; width: 280px; display: block; background-image: url(../images/button-rafq-02.png); margin-bottom: 20px; } .button-rafq-02 a:hover { background-position: bottom; } #breadcrumbs { background: url(../images/bg.png) repeat-x 0 -200px; border-top: 1px solid #D0DFE3; margin-bottom: 20px; } #breadcrumbs li { line-height: 32px; display: inline; font-size: 12px; color: #4985c4; margin-right: 10px; font-weight: bold; } #breadcrumbs li a { color: #4985c4; font-weight: normal; background: url(../images/list-arrow-blue.png) right no-repeat; padding-right: 20px; } #breadcrumbs li a:hover { text-decoration: underline; } /* Main Column */ #main-column { width: 660px; float: left; } #main-column.wide {} /* Content */ #main-column .content {} #main-column .content h2 { font-style: italic; color: #4985c4; } #main-column .content ol { list-style: decimal; margin-left: 20px; } #main-column .content ol li { margin-bottom: 10px; } #main-column .content ul { list-style: outside; margin-left: 20px; } #main-column .content ul li { margin-bottom: 10px; } #main-column .content ul ul { padding-top: 10px; } #main-column .content ul.unlist { list-style: none; margin-left: 0; } #main-column .content ul.unlist li { margin-bottom: 0; line-height: 18px; } #main-column .content .sub-content { background: #DEE9EC; padding: 10px 10px 0; clear: both; } #main-column .content img.left, #main-column .content .video.left { margin: 0 30px 20px 0; } #main-column .content img.right, #main-column .content .video.right { margin: 0 0 30px 20px; } #main-column .content ul.checked { list-style: none; padding-bottom: 20px; } #main-column .content ul.checked li { background: url(../images/bulletcheck.png) no-repeat left 0; margin-bottom: 0; padding-left: 30px; line-height: 20px; } #main-column .content ul.plus { list-style: none; padding-bottom: 20px; } #main-column .content ul.plus li { background: url(../images/icon-learn-more.png) no-repeat left 0; margin-bottom: 0; padding-left: 30px; line-height: 20px; } #main-column .content a img.thumb { margin: 0 14px 20px 0; border: 1px solid #B2C303; padding: 4px; } #main-column .content a img.thumb:hover { border: 1px solid black; } #main-column .content a.btn-pdf { background: url(../images/icon-pdf.png) left no-repeat; padding: 5px 0 5px 30px; font-size: 11px; } #main-column .content a.btn-html { background: url(../images/icon-html.png) left no-repeat; padding: 5px 0 5px 30px; font-size: 11px; } #main-column .content a.email { background: url(../images/icon-email.png) left no-repeat; padding: 5px 0 5px 30px; font-size: 11px; } /* Profiles */ #main-column .content#profiles {} #main-column .content#profiles hr { margin-bottom: 20px; } #main-column .content#profiles .border.left { margin: 0 20px 20px 0;} /* TBS in the News */ #main-column .content#tbs-news {} #main-column .content#tbs-news ul { list-style: none; padding-bottom: 20px; margin: 0; } #main-column .content#tbs-news ul li { border-bottom: 1px dotted #CCC; padding-left: 30px; line-height: 20px; margin-bottom: 14px; } #main-column .content#tbs-news ul li { background: url(../images/icon-learn-more.png) no-repeat left 0; } #main-column .content#tbs-news ul li h5 { padding-bottom: 0; } #main-column .content#tbs-news ul li p span { font-size: 11px; color: #999; } /* Testimonials */ #main-column .content#testimonials {} #main-column .content#testimonials ul { list-style: none; padding-bottom: 20px; margin: 0; } #main-column .content#testimonials ul li { border-bottom: 1px dotted #CCC; padding-left: 30px; line-height: 20px; margin-bottom: 14px; } #main-column .content#testimonials ul li { background: url(../images/bulletquote.png) no-repeat left 0; clear: both; } #main-column .content#testimonials ul li p { font-style: italic; color: #999; } #main-column .content#testimonials ul li p.details { color: black; text-transform: uppercase; font-size: 11px; font-style: normal; text-align: right; } /* Reviews */ #main-column .content ul#reviews {} #main-column .content ul#reviews { list-style: none; padding-bottom: 20px; margin: 0; } #main-column .content ul#reviews li { border-bottom: 1px dotted #CCC; line-height: 20px; margin-bottom: 14px; } #main-column .content ul#reviews li h5 { padding-bottom: 0; } #main-column .content ul#reviews li p { font-style: italic; color: #999; } #main-column .content ul#reviews li p.post-data { color: black; font-size: 11px; font-style: normal; } #main-column .content ul#reviews li p.ratings { background: url(../images/bulletstar.png) repeat-x; margin-bottom: 0; padding-bottom: 0; height: 20px; } /* Blurps */ #main-column #blurps {} #main-column #blurps h3 { padding-bottom: 6px; } #main-column #blurps h3 a { color: #4985c4; } #main-column #blurps h4 { font-style: italic; font-weight: normal; } #main-column #blurps a.more { float: right; } #main-column #blurps hr { margin: 20px 0; } #main-column #blurps a img { margin-right: 10px; } /* Affiliats Learn More */ #left-side { float:left; width: 320px; } #left-side .mail-icon { background: url(../images/mail-icon.jpg) no-repeat; line-height: 30px; padding-left: 30px; } #left-side .alternate-mail-icon { background: url(../images/alternate-email-icon.jpg) no-repeat; line-height: 20px; padding-left: 30px; } #right-side { float:left; } #right-side .phone-icon { background: url(../images/phone-icon.jpg) no-repeat; line-height: 30px; padding-left: 40px; } #right-side .fax-icon { background: url(../images/fax-icon.jpg) no-repeat; line-height: 20px; padding-left: 42px; } /* Sidebar */ #sidebar { width: 280px; float: right; } #sidebar h2 { color: #4985c4; font-style: italic; } #sidebar li { padding-bottom: 8px; background: url(../images/dot.png) repeat-x bottom; font-size: 11px; } #sidebar form.form { border: 0; padding: 0; } #sidebar form.form table .textfield { width: 200px; font-size: 11px; color: #666; } /* Follow Us */ #sidebar ul.follow { float: right; margin: 8px 14px 6px 0; } #sidebar ul.follow li { float: left; margin-left: 4px; line-height: normal; padding: 0; background: none; } #sidebar ul.follow li span { line-height: 24px; font-style: italic; color: black; } #sidebar ul.follow li img:hover { opacity: 0.8; filter: alpha(opacity=80); } /* Next Steps */ #sidebar #next-steps {} #sidebar #next-steps li a span { font-size: 24px; color: #CCC; padding-right: 15px; font-style: italic; } /* Your Benefits */ #sidebar #your-benefits {} #sidebar #your-benefits li { padding-top: 8px; } #sidebar #your-benefits li a { background: url(../images/icon-learn-more.png) no-repeat left; padding: 8px 0 8px 30px; } /* Free Resources */ #sidebar #free-resources {} #sidebar #free-resources li { padding-top: 8px; } #sidebar #free-resources li a { background: url(../images/icon-learn-more.png) no-repeat left; padding: 8px 0 8px 30px; } /* Video */ #sidebar .video { padding: 5px 10px; } /* Testimonials */ #sidebar #testimonials {} #sidebar #testimonials p { font-style: italic; color: #999; font-size: 11px; } #sidebar #testimonials p.author { font-style: normal; color: #333; } /* Social Media */ #social { clear: both; background: #DEE9EC; } #social ul.follow { float: right; margin: 8px 14px 6px 0; } #social ul.follow li { float: left; margin-left: 4px; line-height: normal; padding: 0; background: none; } #social ul.follow li span { line-height: 24px; font-style: italic; color: black; } #social ul.follow li img:hover { opacity: 0.8; filter: alpha(opacity=80); } /* List */ ul#sitemap { } ul#sitemap li.home { background: url(../images/icon-home-sitemap.jpg) no-repeat; list-style: none; line-height: 18px; padding-left: 20px; } ul#sitemap li { background: url(../images/icon-star-sitemap.jpg) no-repeat; list-style: none; line-height: 18px; padding-left: 20px; } ul#sitemap li ul { margin-top: 10px; } ul#sitemap li ul li{ background: url(../images/icon-l-sitemap.jpg) no-repeat; list-style: none; line-height: 18px; padding-left: 15px; } /* Footer */ #upper-footer { background: url(../images/bg-footer.png) repeat-x #325B85; padding: 40px 0 30px; } #upper-footer .column { width: 300px; color: white; } #upper-footer .column p { padding-bottom: 0; } #upper-footer .column .title { border-bottom: 1px solid #7198B8; padding-bottom: 10px; margin-bottom: 10px; } #upper-footer .column .title h3 { font-weight: normal; padding-bottom: 0; color: #FF9933; } #upper-footer .column .title h4 { font-weight: normal; padding-bottom: 0; color: #CCC; font-style: italic; } #upper-footer .column a { color: #CC3; } #upper-footer .column a:hover { color: white; } #upper-footer .column li { padding-bottom: 10px; margin-bottom: 10px; background: url(../images/dot-footer.png) repeat-x bottom; } /* Blog */ #upper-footer #blog { margin-right: 30px; } #upper-footer #blog p.meta-info { color: #4985BE; font-size: 11px; font-style: italic; } #upper-footer #blog h4 { font-weight: normal; padding-bottom: 0; } /* Free Resources */ #upper-footer #resources li a { background: url(../images/list-arrow-lime.png) no-repeat left; padding-left: 15px; } /* Copyright Footer */ #lower-footer { background: url(../images/bg-copyright.png) repeat-x #909D03; padding: 20px 0; font-size: 11px; border-top: 1px solid #C6CF04; } #lower-footer ul { text-align: center; } #lower-footer li { display: inline; color: #EBEE05; margin: 0 2px; } #lower-footer a { color: #EBEE05; } #lower-footer a:hover { color: white; } #lower-footer p { color: white; text-align: center; padding-bottom: 0; } /* Documents Form */ .callout-seoeng { width:320px; height:73px; background:url(../images/bg_callout_seoeng.jpg) top no-repeat; padding:20px 0 0 260px;} .callout-semrush { width:320px; height:73px; padding:20px 0 15px 260px; background-image: url(../images/Semrush_bg.jpg); background-repeat: no-repeat; background-position: top; } .handcursor {cursor:hand; cursor:pointer; } /***FREE RESOURCES BOTTOM****/ .free-resources-bottom, .free-resources-bottom-2 {background:url(../images/bg_callout_bottom-2.jpg) no-repeat;width:824px;height:111px; margin-top: 40px;} .free-resources-bottom-3 {background:url(../images/bg_callout_bottom-3.jpg) no-repeat;width:824px;height:111px;} .free-resources-bottom-2 {margin:0 0 0 17px;} .free-resources-bottom-seo, .free-resources-bottom-ppc, .free-resources-bottom-ranking, .free-resources-bottom-whitepaper, .free-resources-bottom-newsletter {margin-top:65px;position:absolute;} .free-resources-bottom-seo a, .free-resources-bottom-ppc a, .free-resources-bottom-ranking a, .free-resources-bottom-whitepaper a, .free-resources-bottom-newsletter a {display:block;width:76px;height:30px;background:url(../images/click-here-button.jpg);} .free-resources-bottom-seo a:hover, .free-resources-bottom-ppc a:hover, .free-resources-bottom-ranking a:hover, .free-resources-bottom-whitepaper a:hover, .free-resources-bottom-newsletter a:hover {background-position: 0px 30px;} .free-resources-bottom-seo {margin-left:214px;} .free-resources-bottom-ppc {margin-left:344px;} .free-resources-bottom-ranking {margin-left:481px;} .free-resources-bottom-whitepaper {margin-left:614px;} .free-resources-bottom-newsletter {margin-left:739px;} /***FREE RESOURCES BOTTOM END****/ /* December 27 2011 */ #get-started-blue-btn a { background: url(../images/get-started-blue-btn.jpg); width: 84px; height: 23px; display: block; opacity: 1; filter: alpha(opacity=100); } #get-started-blue-btn a:hover { opacity: 0.8; filter: alpha(opacity=80); } #choose-plan-blue-btn a { background: url(../images/choose-plan-blue-btn.jpg); width: 102px; height: 35px; display: block; opacity: 1; filter: alpha(opacity=100); } #choose-plan-blue-btn a:hover { opacity: 0.8; filter: alpha(opacity=80); } #get-started-blue-btn-2 a { background: url(../images/get-started-blue-btn-2.jpg); width: 84px; height: 23px; display: block; opacity: 1; filter: alpha(opacity=100); } #get-started-blue-btn-2 a:hover { opacity: 0.8; filter: alpha(opacity=80); } #get-started-green-btn a { background: url(../images/get-started-green-btn.jpg); width: 102px; height: 35px; display: block; opacity: 1; filter: alpha(opacity=100); } #get-started-green-btn a:hover { opacity: 0.8; filter: alpha(opacity=80); } table.seo-packages-chart {border: 1px dotted #ccc; border-left:0; border-top:0; } table.seo-packages-chart td { border: 1px dotted #ccc; border-bottom: 0; border-right:0; } table.seo-packages-chart td.blue { background: url(../images/title-blue.png) no-repeat; width: 197px; height: 44px; border: 0; } table.seo-packages-chart td.green-title { background: url(../images/title-green.png) no-repeat; width: 197px; height: 44px; border: 0; } table.seo-packages-chart td.green-title-2 { background: url(../images/title-green-2.png) no-repeat; width: 250px; height: 44px; border: 0; } table.seo-packages-chart td.green { background: #f0f3d5; } table.seo-packages-chart td.none { background: none; } #adwords-badge { width: 125px; height: 125px; margin: 0 auto; } #adwords-badge a { width: 125px; height: 125px; background: url(../images/adwords_badge.png) no-repeat; display: block; margin-top: 20px; } #adwords-badge a:hover { background-position: bottom; } /* SSO */ #sso {} #sso p { font-size: 14px !important; color: #737373; } #sso h1 { font-size: 35px; color: #fff; font-weight: normal; margin: 10px 0; } #sso h3 { color: #737373 !important; } #sso ul#sso-list li { background: url(../images/sso-arrow.jpg) no-repeat left; padding-left: 20px; list-style: none; color: #737373; } p.testi-writeups { font-size: 16px; color: #ccc !important; } table#sso-packages { border-right: 1px dotted #9f9f9f; width: 782px; margin: 0 auto 60px; padding: 0 !important; } table#sso-packages { margin-bottom: 60px; text-align: center; color: #4f5457; font-size: 11px; line-height: auto !important; } table#sso-packages tr { padding: none !important; line-height: auto !important; } table#sso-packages td { border-left: 1px dotted #9f9f9f; border-bottom: 1px dotted #9f9f9f; padding: 0 10px !important; vertical-align: middle; line-height: auto !important; } table#sso-packages td.gray-txt { font-size: 16px; font-weight: bold; color: #9db2b3; } table#sso-packages td.green-txt { font-size: 18px; font-weight: bold; color: #a4bf32; } #sso .sso-getstartted-blue a { border: 0; cursor: pointer; background: url(../images/sso-getstarted-blue.jpg); width: 144px; height: 35px; display:block; margin: 0 auto; } #sso .sso-getstartted-blue a:hover { opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */ } #sso #sso-banner { background: url(../images/sso-banner.jpg); width: 943px; height: 261px; } #sso .sso-getstartted-green a { border: 0; cursor: pointer; background: url(../images/sso-getstarted-green.jpg); width: 163px; height:49px; display:block; margin: 0 auto; } #sso .sso-getstartted-green a:hover { opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */ } #sso #sso-banner { background: url(../images/sso-banner.jpg); width: 943px; height: 261px; } #sso #sso-banner .sso-getstartted-big a { width: 342px; height: 74px; background: url(../images/sso-getstarted-big.jpg); display: block; margin: 60px 40px 10px 0; } #sso #sso-banner .sso-getstartted-big a:hover { opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */ } #sso #sso-banner .sso-getstartted-big-v1 a { width: 342px; height: 74px; background: url(../images/sso-getstarted-big-v1.jpg); display: block; margin: 60px 40px 10px 0; } #sso #sso-banner .sso-getstartted-big-v1 a:hover { opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */ } .sso-pricing-btn a { width: 342px; height: 74px; background: url(../images/sso-pricing-btn.jpg); display: block; margin: 0 auto; } .sso-pricing-btn a:hover { opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */ } ul#sso-arrow-list { width: 270px; margin-right: 10px; padding: 10px; margin-left:0 !important; height: 720px; } ul#sso-arrow-list li { background: url(../images/green-arrow-icon.png) no-repeat; padding-left: 40px; list-style: none; } ul#sso-arrow-list li ul li { list-style: circle; background: none; padding-left: 5px; margin-top: 10px; } /* Pricing */ .pricing h2 { padding-bottom: 0; /*color: white !important;*/ line-height: 12px; } .pricing h2 span { font-size: small; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; } .pricing h3 { padding-bottom: 0; color: white; } .pricing .subhead { background: #ff6600; color: white; } .pricing tr td { vertical-align: middle; } .pricing .check { background: url(../images/icon-check.png) no-repeat center; height: 24px; width: 24px; } /* 04032013 */ #seo h1 { color: white; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; padding: 10px 0; } #seo #seo-banner { background: url(../images/seo-banner-new.jpg); width: 943px; height: 261px; } #seo #seo-banner .seo-getstartted-big a { width: 342px; height: 74px; background: url(../images/seo-getstarted-big.jpg); display: block; margin: 60px 40px 10px 0; } #seo #seo-banner .seo-getstartted-big a:hover { opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */ } .pricing {} .pricing .head td { background: #4985C4; } .deliverables .head td { background: white; color: #333; } .deliverables ul { font-size: 11px; margin-left: 40px !important; } .deliverables li { margin-bottom: 0 !important; } .deliverables img[align=left] { margin-right: 5px; } .float { position: absolute; } .float { -moz-box-shadow: 0 0 10px #888; -webkit-box-shadow: 0 0 10px #888; box-shadow: 0 0 10px #888; } .float .head td { background: #a9d443; position: relative; } .float .our-best-value { height: 60px; width: 100px; background: url(../images/tag-best-value.png); position: absolute; top: 0; left: 0; } .seo-packages-chart .head td { position: relative; padding: 20px 0; } .seo-packages-chart .our-best-value { height: 60px; width: 100px; background: url(../images/tag-best-value.png); position: absolute; top: 1px; } /* New */ .float { /*-moz-box-shadow: 3px 3px 5px 6px #ccc; -webkit-box-shadow: 3px 3px 5px 6px #ccc; box-shadow: 3px 3px 5px 6px #ccc;*/ } .float .head td { background: #4985C4; } .pricing .subhead, .pricing .subhead td, .float .subhead, .float .subhead td { background: white; color: #333; } .no-margin, .no-margin li { margin-bottom: 0 !important; } .highlight { background: #f0f3d5 !important; } .inline { width: 300px; height: auto; } .inline ul { margin-left: 20px; } .inline li { list-style: disc; } .information { background: url(../images/question-mark-icon.png) no-repeat right; padding-right: 20px; } /* 05222013 */ .border-new { border: 8px solid #f0f0f0; border-radius: 10px; padding: 20px; } .btn-big-green { display: inline-block; color: #ffffff; font-family: Georgia; font-size: 22px; font-weight: normal; text-decoration: none; } .btn-big-green { background-color: #89c403; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .btn-big-green { text-shadow: 1px 1px 0px #528009; padding: 30px 34px; font-style: italic; border: 1px solid #74b807; -moz-box-shadow: inset 0px 1px 0px 0px #a4e271; -webkit-box-shadow: inset 0px 1px 0px 0px #a4e271; box-shadow: inset 0px 1px 0px 0px #a4e271; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) ); background: -moz-linear-gradient( center top, #89c403 5%, #77a809 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809'); } .btn-big-green:hover { background-color: #77a809; color: white; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) ); background: -moz-linear-gradient( center top, #77a809 5%, #89c403 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403'); } .btn-big-green:active { position: relative; top: 1px; } #get-started-callout { margin-left: 20px; margin-right: 10px; } #get-started-callout h1 { font-size: 40px; color: #333333; font-weight: normal; font-style: normal; } #get-started-callout h2 { font-weight: normal; font-style: italic; font-size: 30px; color: #4985c4; padding-bottom: 0px; } #get-started-callout h2 span { color: #333333; font-size: 16px; } #get-started-callout img { margin-right: 20px; } /* 07162013 */ .local-search-tool {} .local-search-tool h5 {} .local-search-tool h5 .label { width: 100px; display: inline-block; color: #999; } .local-search-tool h5 .light-blue { font-size: 12px; } .local-search-tool table p { padding-bottom: 10px; } .red { color: red; } .light-blue { color: #39F; } .table-main { /*border-left: 1px dotted #CCC; border-right: 1px dotted #CCC;*/ margin-bottom: 20px; } .table-main br { margin: 0; } .table-main .red { color: red; } .table-main .head td { border-color: white; padding: 10px 5px; } .table-main td { /*border-right: 1px dotted #CCC;*/ border-bottom: 1px dotted #CCC; padding: 5px; vertical-align: middle; } .table-main tr:nth-child(even) td { background-color: #F1F1F1; } .table-main img[align="left"] { margin-right: 8px; } .btn-blue-new { -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe; -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe; box-shadow:inset 0px 1px 0px 0px #97c4fe; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) ); background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0'); background-color:#3d94f6; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #337fed; display:inline-block; color:#ffffff; font-family:arial; font-size:11px; font-weight:bold; padding:3px 10px; text-decoration:none; text-shadow:1px 1px 0px #1570cd; } .btn-blue-new:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) ); background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6'); background-color:#1e62d0; color: white; text-decoration: none; } .btn-blue-new:active { position:relative; top:1px; } .numbers-detected { margin: 0 10px 0 0; border: 1px solid #F1F1F1; padding: 10px 10px 0; border-radius: 10px; } .numbers-detected h1 { display: inline-block; font-size: 40px; margin-right: 10px; margin-bottom: 0; } .numbers-detected h4 { display: inline-block; margin-bottom: 0; } .process { border: 1px solid #DDD; background-color: #F1F1F1; border-radius: 20px; } .process ul { margin: 0 0 0 0 !important; } .process li { display: inline-block; margin-bottom: 0 !important; } .process li { border-right: 1px solid #DDD; font-weight: bold; } .process li:last-child { border: 0; } .process a { padding: 6px 14px; display: inline-block; color: #AAA; text-transform: uppercase; font-size: 10px; } .process li.current a { color: white; } .process li.current { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) ); background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0'); background-color:#3d94f6; } .process li.current:first-child { -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .process li.current:last-child { -webkit-border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomright: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; } /* 07172013 */ .btn-orange { -moz-box-shadow:inset 0px 1px 0px 0px #ffcc66; -webkit-box-shadow:inset 0px 1px 0px 0px #ffcc66; box-shadow:inset 0px 1px 0px 0px #ffcc66; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab29), color-stop(1, #ff721a) ); background:-moz-linear-gradient( center top, #ffab29 5%, #ff721a 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab29', endColorstr='#ff721a'); background-color:#3d94f6; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border:1px solid #ff4e00; display:inline-block; color:#ffffff; font-family: arial; font-size:12px; font-weight:bold; padding: 10px 12px; text-decoration:none; } .btn-orange:hover { opacity: 0.9; color: white; text-decoration: none; } .local-search-form { margin: 10px 0 30px; background: #4985c4; } .local-search-form h3 { padding-bottom: 5px; color: white; } .local-search-form p { padding-bottom: 0; color: white; } .local-search-form .btn-orange { padding: 10px 30px; font-size: 14px; } .local-search-form input[type=text] { color: white; font-size: 15px; } .local-search-form input[type=text] { line-height: 40px !important; height: 40px; width: 310px; padding: 0 10px; background: #3a6a9d; } .local-search-form input[type=text] { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #2c5076; } .local-search-form select { color: white; } .local-search-form select { height: 32px; width: 200px; padding: 6px 10px; background: #3a6a9d; } .local-search-form select { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #2c5076; } .local-search-form #country-field { width: 250px; font-size: 12px; } .local-search-form #region-field { width: 250px; height: 32px; font-size: 12px; } .local-search-form #city-field { width: 250px; height: 32px; font-size: 12px; } .local-search-form #key-phrase-field { width: 100px; } .local-search-form #phone-number-field { width: 100px; } /* 07182013 */ .box-warning { border-color: #e6db55; background-color: #fffbcc; } .your-score { font-size: 12px; font-weight: bold; text-transform: uppercase; } .excellent .your-score { color: #690; } .failed .your-score { color: #C00; } .soso .your-score { color: #FC0; } .your-status { border: 1px solid #F1F1F1; padding-left: 25px; font-size: 11px; } .your-status { background-position: left; background-repeat: no-repeat; background-color: white; } .excellent .your-status { background-image: url(../images/your-score-excellent.png); border-color: #690; } .failed .your-status { background-image: url(../images/your-score-failed.png); border-color: #C00; } .soso .your-status { background-image: url(../images/your-score-soso.png); border-color: #FC0; } .client-listed-no { background: url(../images/client-listed-no.png); width: 20px; height: 20px; } .client-listed-yes { background: url(../images/client-listed-yes.png); width: 20px; height: 20px; } /* Search Summary */ .search-summary { /*width: 500px;*/ } .search-summary h5 { line-height: 24px; padding: 0; } /* 08052013 */ .numbers-detected h4 { /*display: block;*/ padding-bottom: 6px; } .numbers-detected img.left { margin: -5px 5px 10px !important; } .numbers-detected .label { width: 120px; text-align: right; } .numbers-detected .light-blue { margin-left: 10px; font-size: 20px; } #table-result {} #table-result .btn-blue-new { border-radius: 10px; font-size: 11px; padding: 0 6px; border: 0; } .btn-callout h3 { padding-bottom: 6px; line-height: normal; } .btn-callout { -moz-box-shadow: 0px 4px 0px 0px #942911; -webkit-box-shadow: 0px 4px 0px 0px #942911; box-shadow: 0px 4px 0px 0px #942911; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315)); background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%); background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%); background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%); background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%); background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0); background-color:#d0451b; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; border:1px solid #942911; display:inline-block; color:#ffffff; font-family:arial; font-size:13px; font-weight:normal; padding:6px 24px; text-decoration:none; text-shadow:0px 1px 0px #854629; } .btn-callout:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b)); background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%); background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%); background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%); background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%); background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0); background-color:#bc3315; color: white; } .btn-callout:active {position:relative;top:1px;} /* 08162013 */ .btn-big-orange { display: inline-block; color: #ffffff; font-family: Georgia; font-size: 22px; font-weight: normal; text-decoration: none; } .btn-big-orange { background-color:#3d94f6; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .btn-big-orange { text-shadow: 1px 1px 0px #ff4e00; padding: 36px; font-style: italic; border: 1px solid #ff4e00; -moz-box-shadow: inset 0px 1px 0px 0px #ffcc66; -webkit-box-shadow: inset 0px 1px 0px 0px #ffcc66; box-shadow: inset 0px 1px 0px 0px #ffcc66; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab29), color-stop(1, #ff721a) ); background: -moz-linear-gradient( center top, #ffab29 5%, #ff721a 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab29', endColorstr='#ff721a'); } .btn-big-orange:hover { opacity: 0.9; color: white; text-decoration: none; } /* 08222013 */ .numbers-detected { padding: 20px 20px 10px; } .numbers-detected ul { margin-left: 0 !important; } .numbers-detected li { float: left; list-style: none; margin-right: 30px; margin-bottom: 0 !important; } .numbers-detected li:last-child { margin-right: 0; } .numbers-detected h4 { font-size: 20px; display: block; } .numbers-detected .light-blue { font-size: 30px; } .numbers-detected .label { width: auto; text-align: left; } .btn-big-orange { padding: 23px 70px; font-size: 30px; } /* 09262013 */ .infusion-field { margin: 5px 0; padding: 5px 10px; } .infusion-submit { background: #F5F5F5; padding: 5px 10px; } .infusion-submit label, .infusion-field label { width: 180px; display: block; float: left; line-height: 20px; } .infusion-field:nth-child(even) { background: #F5F5F5; } .infusion-field-input-container { width: 224px; }