img {border:none} .head-wrap {float:left;width:749px;background:#E4EFF6 url(/pay-per-click/images/product-mast-bg.gif) repeat-x bottom left;} #main .header-web {float:left; width:735px; margin:0; padding:5px 0 7px 15px; border-bottom:1px solid #9FC1D4; border-top:none;} #main .header-web h1 {float:left; font-weight:normal; font-size:24px;} #main .header-web h1.olm-sm {font-size:18px;padding:20px 0 0 0;} #main .header-web p {margin:0; font-size:17px; color:#595A5B;} #main .header-web .header-web-contact { float:right; margin:0; padding:0 0 0 50px; width:140px; background:url(/pay-per-click/images/header-contact-bg.jpg) no-repeat 0 0; } #main .header-web .header-web-contact span { font-size:18px; font-weight:bold; } * html #main #content-container { float:left; } #main #content-with-sidebar .smallarrow { float:left; margin:10px 0 20px 0; } #main #content-with-sidebar .learnmore {margin:10px 0 0 0;} #main #content-with-sidebar { float:right; width:565px; text-align:left; margin:0; padding:10px 10px 10px 10px; } #main #content-with-sidebar .standard-container { float:left; width:565px; margin:10px 0 20px 0; padding:0 0 10px 0; border-bottom:1px solid #ECECEC; } #main #content-with-sidebar .standard-container .olm-bucket { float:left; margin:0 15px 10px 0; border:5px solid #F8F8F8; background-color:#FFFFFF; width:168px; height:auto;} #main #content-with-sidebar .standard-container .olm-bucket.cap {margin:0 0 10px 0;} #main #content-with-sidebar .standard-container .olm-bucket .subtitle {margin:0; padding:5px 8px; text-align:left; font-size:14px; background: #0B90C6 none repeat scroll 0 0; color:#FFFFFF;} #main #content-with-sidebar .standard-container .olm-bucket .olm-bucket-copy {padding:10px; text-align:left;} #main #content-with-sidebar .standard-container .slv-compare { padding:0 0 0 110px; } #main #content-container #content-with-sidebar .standard-container .heading3 { font-weight:bold;font-size:16px;} #content-with-sidebar .generic-container {clear:none;margin:10px 0 0 0px;width:560px;border-top:none;} #main #content-with-sidebar p.heading2 { font-size:22px; font-weight:bold; color:#8DA241; } #main #content-with-sidebar p.heading3 { font-size:16px; font-weight:bold; padding-bottom:4px;} #main #content-with-sidebar p.heading4 { font-size:22px; font-weight:bold; color:#8DA241; margin-left:0px;padding:0px;} #main #content-with-sidebar .feature-container {float:left; width:537px; margin:10px 0 20px 0; padding:0 0 10px 0; border-bottom:1px solid #ECECEC;} #main #content-with-sidebar .call-box {margin:0;padding:10px;border:5px solid #c3dae6;background:#F7FBFE;} #main #content-with-sidebar .call-box td {color:#333333;font-size:12px;padding:5px 10px;} #main #content-with-sidebar .opening-container { float:left; margin:0; padding:0; width:565px;} #main #content-with-sidebar .opening-container.olm {height:124px; background:transparent url('/images/common/olm-cat-header.jpg') no-repeat scroll right top;} #main #content-with-sidebar .opening-container.ppc {background:transparent url('/images/common/olm-sem-header.gif') no-repeat scroll right top;} #main #content-with-sidebar .opening-container.seo {background:transparent url('/images/common/olm-seo-header.gif') no-repeat scroll right top;} #main #content-with-sidebar .opening-container.sev {background:transparent url('/images/common/olm-sev-bg.gif') no-repeat scroll right top;} #main #content-with-sidebar .opening-container.top10 {background:transparent url('/images/common/olm-top10-bg.gif') no-repeat scroll right top;} #main #content-with-sidebar .opening-container.lsv {background:transparent url('/images/common/olm-lsev-header-02.jpg') no-repeat scroll right top;} #main #content-with-sidebar .step { clear:both; height:205px; width:545px; background:transparent url('/web-site-promotion/images/sev-steps-back.gif') no-repeat scroll 0% 0%;} #main #content-with-sidebar .step .step-container { float:left; padding:125px 10px 0pt; width:159px; text-align:center; } #main #content-with-sidebar .opening-container.olm .heading2 {margin:25px 0 0 5px; padding:0;} #main #content-with-sidebar .opening-container.olm .heading2 span {color:#DF0708} #main #content-with-sidebar .opening-container.olm .heading {margin:0 0 0 5px; padding:0; color:#666666; font-size:16px; font-weight:normal;} #main #content-with-sidebar .opening-container.lsv ul, #main #content-with-sidebar .opening-container.lsv p {width:350px;} #main #content-with-sidebar .opening-container .heading2, #main #content-with-sidebar .opening-container .heading3 {font-weight:normal;} #main #content-with-sidebar .opening-container span.blue {color:#0B90BF; font-weight:bold;} #main #content-with-sidebar .sample-container { float:left; width:563px; border-top:1px solid #CCC; padding:20px 0; } #main #content-with-sidebar .sample-container.first { border-top:none; padding-top:0; } #main #content-with-sidebar .sample-container .thumb { float:left; width:160px; margin-left:10px; } #main #content-with-sidebar .sample-container .thumb img { width:158px; border:1px solid #CCC; } #main #content-with-sidebar .sample-container .content { float:left; width:355px; margin-left:15px; } #main #content-with-sidebar .sample-container .content p.heading { font-weight:bold; font-size:14px; } #main #content-with-sidebar .sample-container .content ul { margin-top:5px; font-size:11px; list-style-type:circle; } #main #content-with-sidebar .question-container { float:left; width:563px; border-top:1px solid #EEE; padding:20px 0; } #main #content-with-sidebar .question-container.first { border-top:none; padding-top:15px; } #main #content-with-sidebar .question-container .content { float:left; width:563px; } #main #content-with-sidebar .question-container .content p.heading { font-weight:bold; font-size:12px; padding-bottom:0; } #main #content-with-sidebar .pricing-container {float:left; width:535px; margin:10px 0; padding:10px; border:5px solid #F8F8F8;} #main #content-with-sidebar .pricing-container p.heading {float:left; width:540px; margin:-10px -10px 10px -10px; padding:5px 8px; font-size:14px; color:#FFF; background-color:#0B90C6;} * html #main #content-with-sidebar .pricing-container p.heading {margin-left:-5px;} #main #content-with-sidebar .pricing-container .description {float:left; width:350px; margin:10px 0;} #main #content-with-sidebar .pricing-container .price {float:left; font-size:18px;} #main #content-with-sidebar .pricing-container .price span {font-size:11px;} #main #content-with-sidebar .pricing-container .action {float:right; width:100px; margin-top:5px;} #main #content-with-sidebar .pricing-container .action .price {margin-bottom:10px;} #main #content-with-sidebar .price-wrap { float:left; width:530px; margin:20px 0; padding:10px; background:#F6FAFD; border:1px solid #B8D3E1; } #main #content-with-sidebar .price-wrap.top { margin:0 0 20px 0; } #main #content-with-sidebar .price-wrap select { float:left; margin:0; } #main #content-with-sidebar .price-wrap .selectpackage {float:left;margin:0 0 0 10px;} #main #content-with-sidebar .generic-container .box.disclaimer {width:auto; border:none;} /************************************************/ /* NEW STYLES FOR PAGE AND NEW LEFT NAV */ /************************************************/ #main #sidebar { float:left; width:162px; margin:0; padding:0; border-right:1px solid #9FC1D4; border-bottom:1px solid #9FC1D4; } #main #sidebar ul { margin:0; padding:0; list-style:none; } #main #sidebar ul li { margin:0; padding:0; } #main #sidebar ul li a:link, #main #sidebar ul li a:active, #main #sidebar ul li a:visited { display:block; padding:5px 10px 5px 15px; width:137px; font-weight:bold; text-decoration:none; border-bottom:1px solid #E1E8EB; background:url(/pay-per-click/images/nav-item-bg.gif) no-repeat 2px 2px; } #main #sidebar ul li.sub-item a:link, #main #sidebar ul li.sub-item a:active, #main #sidebar ul li.sub-item a:visited {width:132px; background:transparent none no-repeat scroll 0 0; font-weight:normal; padding:5px 10px 5px 20px;} #main #sidebar ul li a:hover { background:#F7FAFC url(/pay-per-click/images/nav-item-bg.gif) no-repeat 2px 2px; font-weight:bold; text-decoration:none; } #main #sidebar ul li.active { display:block; padding:5px 10px 5px 15px; width:137px; color:#0A7ABB; font-weight:bold; text-decoration:none; border-bottom:1px solid #E1E8EB; background:#FFFFE5 url(/pay-per-click/images/nav-item-bg.gif) no-repeat 2px 2px; } #main #sidebar ul li a.subnav:link,#main #sidebar ul li a.subnav:active,#main #sidebar ul li a.subnav:visited {display:block;padding:5px 4px 5px 21px;width:137px;font-weight:normal;text-decoration:none;border-bottom:1px solid #E1E8EB;background:url(/pay-per-click/images/nav-item-bg.gif) no-repeat 10px 3px;} #main #sidebar ul li a.subnav:hover {background:#F7FAFC url(/create-a-website/images/nav-item-bg.gif) no-repeat 10px 3px;font-weight:normal;text-decoration:none;} #main #sidebar ul li.subnav-active{color:#0A7ABB;display:block;border-bottom:1px solid #E1E8EB;padding:5px 4px 5px 21px;width:137px;font-weight:normal;text-decoration:none;background:#FFFFE5 url(/pay-per-click/images/nav-item-bg.gif) no-repeat 10px 3px;} #main #sidebar .cs-widget { padding:20px 10px 10px 10px; color:#015179; border-bottom:1px solid #E1E8EB; background-color:#F7FAFC; } #main #sidebar .cs-widget p { margin:0; padding:0 0 8px 0; } #main #sidebar .cs-widget p.phone { padding-left:22px; font-size:16px; background:url(/pay-per-click/images/cd-wdiget-phone.gif) no-repeat 0 0; } #main #sidebar .generic-widget { padding:10px; font-size:11px; text-align:center; } #main #sidebar .testimonial-widget { margin:0; padding:10px; width:142px; background:url(/pay-per-click/images/left-quote.gif) no-repeat 0 10px; border-bottom:1px solid #E1E8EB; } #main #sidebar .testimonial-widget p { font-family:georgia,serif; font-size:14px; color:#555; } #main #sidebar .testimonial-widget p img { float:right; margin:0 0 5px 5px; padding:2px; border:1px solid #E8E8E8; } #main #sidebar .testimonial-widget p.cite { font-family:arial; font-size:12px; } #main #sidebar .testimonial-widget p a { font-weight:normal; } #main #sidebar .resources { margin:0; padding:10px; color:#015179; border-bottom:1px solid #E1E8EB; background-color:#F7FAFC; } #main #sidebar .resources p { margin:0 0 8px 0; } #main #sidebar .resources p.getstarted { padding:0 0 0 20px;background:url(/pay-per-click/images/rs-get-started.gif) no-repeat 0 0; } #main #sidebar .resources p.whitepaper { padding:0 0 0 20px; background:url(/pay-per-click/images/rs-whitepaper.gif) no-repeat 0 0; } #main #sidebar .resources p.pdf { padding:0 0 0 20px; background:url(/pay-per-click/images/olm-pdf-icon.gif) no-repeat 0 0; } #main #sidebar .resources p.seminars { padding:0 0 0 20px; background:url(/pay-per-click/images/rs-seminars.gif) no-repeat 0 0; } /**** Local Compare Table ****/ .local-compare table {float:left;} .local-compare table th { background:#B8D3E1; color:#333333; font-size:11px; padding:5px; font-weight:normal; text-align:left; } .local-compare table td { color:#333333; font-size:11px; padding:5px 10px; text-align:center; } .local-compare table td.local-alt {background:#EBF3F6;} /*********************************************************************** * OLM DOM Tabs **********************************************************************/ #content-with-sidebar .domtab#details-tabs { float:left; margin:0; padding:6px 7px 6px 6px; width:549px; height:187px; background:url(/pay-per-click/images/olm-tab-bg.gif) no-repeat 0 0; } #content-with-sidebar .domtab ul.domtabs { float:left; margin:0; padding:0; width:194px; list-style:none; } #content-with-sidebar .domtab ul.domtabs li { margin:0; padding:0; float:left; list-style:none; width:194px; height:57px; } #content-container .domtab ul.domtabs li a { float:left; padding:0; width:194px; height:57px; color:#333; font-weight:bold; text-decoration:none; text-indent:-9999px; overflow:hidden; } #content-container .domtab ul.domtabs li#olm-tab-cust a {background:url(/pay-per-click/images/olm-tab-cust-button.gif) no-repeat 0 0;} #content-container .domtab ul.domtabs li#olm-tab-cust a:hover {background-position:0 -57px;} #content-container .domtab ul.domtabs li#olm-tab-cust.tabhilite a {background-position: 0 -114px;} #content-container .domtab ul.domtabs li#olm-tab-cust.tabhilite a:hover { background-position: 0 -114px; } #content-container .domtab ul.domtabs li#olm-tab-cust.active a, #content-container .domtab ul.domtabs li#olm-tab-cust.tabhilite.active a:hover { background-position: 0 -114px; } #content-container .domtab ul.domtabs li#olm-tab-price {margin:8px 0;} #content-container .domtab ul.domtabs li#olm-tab-price a {background:url(/pay-per-click/images/olm-tab-price-button.gif) no-repeat 0 0;} #content-container .domtab ul.domtabs li#olm-tab-price a:hover {background-position:0 -57px;} #content-container .domtab ul.domtabs li#olm-tab-price.tabhilite a {background-position: 0 -114px;} #content-container .domtab ul.domtabs li#olm-tab-price.tabhilite a:hover { background-position: 0 -114px; } #content-container .domtab ul.domtabs li#olm-tab-price.active a, #content-container .domtab ul.domtabs li#olm-tab-price.tabhilite.active a:hover { background-position: 0 -114px; } #content-container .domtab ul.domtabs li#olm-tab-results a {background:url(/pay-per-click/images/olm-tab-results-button.gif) no-repeat 0 0;} #content-container .domtab ul.domtabs li#olm-tab-results a:hover {background-position:0 -57px;} #content-container .domtab ul.domtabs li#olm-tab-results.tabhilite a {background-position: 0 -114px;} #content-container .domtab ul.domtabs li#olm-tab-results.tabhilite a:hover { background-position: 0 -114px; } #content-container .domtab ul.domtabs li#olm-tab-results.active a, #content-container .domtab ul.domtabs li#olm-tab-results.tabhilite.active a:hover { background-position: 0 -114px; } #content-container .domtab .tabcontent { float:left; width:355px; height:187px; border:none; padding:0; } #content-container .domtab .tab-container {border:none;width:355px;height:187px;} * html #content-with-sidebar .domtab#details-tabs { margin:0px 0 0 5px; width:541px; } * html #content-container .domtab ul.domtabs {width:194px;} /****************************/ /*** NEW CSS FOR DIY FLOW ***/ /****************************/ .box-prod-olm { margin:0; padding:0; color:#333; float: left; width: 265px; border: 5px solid #f8f8f8;} .box-prod-olm h3 { background-color:#c3dae6; color:#333333; padding:5px 10px; } .box-prod-olm div.prod-container { background-color: white; padding:3px 10px 10px 10px; } #main #content-container .box-prod-olm .price { float:left; margin:0 0 10px 0; font-size:14px; font-weight:bold; color:#333; } #main #content-container .box-prod-olm .price .term { font-size:11px; color:#7B7B7B; font-weight:normal; } #main #content-container table.olm-adv {padding:1px; border:5px solid #F8F8F8;} #main #content-container table.olm-adv th {padding:10px; color:#fff; font-size:16px; font-weight:normal; background:#0B90C6;} #main #content-container table.olm-adv td {padding:10px; vertical-align:top;} #main #content-container table.olm-adv td.alt {background:#F8F8F8;}