/* Reset browser defaults */ * { margin: 0; padding: 0; text-decoration: none; font-size: 10px; outline: none; } code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font: inherit; font-size: 1em; white-space: normal; } dfn, i, cite, var, address, em { font-style: normal; } th, b, h1, h2, h3, h4, h5, h6 { font-weight: normal;} a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td, center { text-align: left; vertical-align: top; } body { line-height: 1; background: white; color: black; } q { quotes: "" ""; } ul, ol, dir, menu { list-style: none; } sub, sup { vertical-align: baseline; } a { color: inherit; } hr { display: none; } font { color: inherit !important; font: inherit !important; color: inherit !important; } input {outline: 0; border: 0;} /* End browser resets */ /* All text styling is included in a separate stylesheet. Please follow this format for organization. */ /* Yodle.com Global CSS Properties */ body {background-color: #b9dbf5; background: url(../images/global/bodyBG.png) repeat-x;} #container {width: 960px; margin: auto;} .clearfix {clear: both; overflow: hidden;} .floatright {float: right;} .floatleft {float: left;} .asset {background: url(../images/global/asset-sprite.png) no-repeat;} /* Standard Form Properties*/ form {width:99%;} form div {position: relative; margin-bottom: 0;} div.columns div form div {margin-bottom: 0;} .check {float: left; margin: 0 .5em 0 0;} label {font-size: 1.1em; line-height: 1.1em; margin-bottom: 0.3em; display: block; position: relative;} input.text, textarea, form .dropdown {width: 96%; border: 1px solid #BBBBBB; font-size: 1.4em; padding: .5em; margin-bottom: 1em; position: relative;} form select.dropdown {font-size:1.5em; height:1.9em; line-height:2.2em; padding:2px; width:100%;} label.inField {position: absolute; font-style: oblique;} label#blogEmail {left: 30px; line-height: 2.2em; font-size:1.3em;} /* Header & Intro Sections */ #header {height: 72px; padding-top: 1em;} #header img {float: left;} img#logo {margin-top: 5px;} #header ul {float: right; clear: right; margin-bottom: 0;} #header ul li {display: inline; padding-left: 1.6em;} #intro {height: 12em; padding: 0; position: relative;} #intro .content {width: 55.5em; /* height: 12em; */ float: left; position: relative;} #buttons {width: 405px; height: 46px; margin-top: 3.7em; background: url(../images/global/buttonsBG.png) no-repeat; float: right; overflow: hidden;} #intro #buttons .leftbutton {float: left; margin-left: .7em; margin-bottom: 0;} #intro #buttons .rightbutton {float: right; margin-right: .7em; margin-bottom: 0;} /* Main Content Styling */ .content-contain {margin-top: 2.5em; position: relative; z-index: 2;} .sub-content {margin-top: 0 !important;} .content-top {background: url(../images/global/content-top.png) no-repeat; height: 10px; width: 960px;} .content-top#sub-nav {height: 45px; width: 960px;} .main-content {background: url(../images/global/content-slice.png) repeat; padding: 1em 4.5em 2em; width: 870px; overflow: hidden;} .main-bottom {background: url(../images/global/content-bottom.png) no-repeat; height: 10px; width: 960px;} .base-bottom {background: url(../images/global/blue-base.png) repeat-x; height: 48px; width: 958px; position:relative; margin-top: -10px;} .base-bottom div {height: 48px; width: 10px; display: block; position: absolute;} .base-left {background: url(https://../images/global/asset-sprite.png) 0 0 no-repeat; left: -9px;} .base-right {background: url(https://../images/global/asset-sprite.png) -10px 0 no-repeat; right: -9px;} /* Standard Page Introduction with Title and Sub-Title */ .page-intro {display: block;} .page-intro h1 {color:#4D4D4E; font-size:2.5em; margin-bottom:0;} .page-intro h2 {color:#72B4DE; font-size:1.5em;} /* Slider */ .slider {display: block; position: absolute; height:181px; width: 216px; background: url(../images/global/slider-bg.png) repeat-y; margin-left: 20px;} .slidertop {position: absolute; top: -6px; height: 5px; width: 100%; background: url(../images/global/slider-bg.png) repeat-y; border-top: 1px solid #d1d1d1;} .slidertop .wedge {display: block; position: absolute; width: 5px; height: 6px; left: -5px; background: url(../images/global/wedge.png) 0 0 no-repeat;} .slidertop .wedge.right {right: -5px; left: auto; background-position: -5px 0;} .sliderbottom {position: absolute; bottom: -26px; height: 26px; width: 100%; background: url(../images/global/slider-bottom.png) no-repeat;} /* Sidefold */ .sidefold {display: block; padding: 20px; background: #5face1; position: absolute; right: -4px;} .sidefold.nav {width: 200px; padding-right: 50px;} .sidefold .wedge {background: url(../images/global/asset-sprite.png) -11px -57px no-repeat; width: 7px; height: 10px; position: absolute; bottom: -10px; right: 0;} .sidefold .shadow {height: 10px; width: 100%; background: url(../images/global/sidefold-shadow.png) repeat-x; position: absolute; bottom: -5px; left: 0;} .sidefold.nav ul {list-style-type: none; margin-bottom: 0;} /* Back Button */ a.back-button {display: block; background: #72B4DE; position: absolute; left: -5px; line-height: 25px; color: #fff; padding: 0 10px; top: 1em; z-index: 999;} a.back-button .wedge {display: block; position: absolute; width: 5px; height: 5px; bottom: -5px; left: 0; background: url(../images/global/wedge.png) -10px -6px no-repeat;} /* Detail Pages */ .detailpage .right {float: right; margin: 0 0 1em 2em;} .detailpage .left {float: left; margin: 0 2em 1em 0;} div.nocolumns.detailpage {margin: 5em 0; width: 940px; float: left;} /* Videos and Testimonials */ div.columns div .video, div.sidebar .video {width: 290px; height: 200px; display: block; background-repeat: no-repeat; background: url(../images/global/testimonial-sprite.png);} div.columns div #pest-control.video {background-position: 0 -200px;} div.columns div #cleaning.video {background-position: -300px -200px;} div.columns div #auto-glass.video {background-position: -600px -200px;} div.columns div #plumbing.video {background-position: 0 -400px;} div.columns div #landscaping.video {background-position: -300px -400px;} div.columns div #hvac.video {background-position: -600px -400px;} div.columns div #dental.video {background-position: 0 -600px;} div.columns div #med-spa.video {background-position: -300px -600px;} div.columns div #moving-storage.video, div.sidebar .video#moving-storage.video {background-position: -600px -600px;} div.columns div #lawyer.video {background-position: 0 -800px;} div.columns div .video a, div.sidebar .video a {width: 290px; height: 200px; display: block; position: relative; background: url(../images/global/testimonial-sprite.png); background-position: 0 0; background-repeat: no-repeat;} div.columns div .video a span, div.sidebar .video a span {display: block; position: absolute; bottom: 0; width: 90%; font-size: 1.3em; line-height: 30px; color: white; text-align: left; padding: 0 5%;} div.columns div .video a:hover, div.sidebar .video a:hover {background-position: -300px 0; text-decoration: none;} /* Testimonial Inserts */ .testimonial {display: block; overflow: hidden; padding: 2em; background: #f0f0f0; clear: both; margin: 2em 0;} .testimonial .video {width: 145px; height: 100px; display: block; background-repeat: no-repeat; background: url(../images/global/testimonial-sprite.png); float: left;} .testimonial #pest-control.video {background-position: -900px -200px;} .testimonial #cleaning.video {background-position: -1045px -200px;} .testimonial #auto-glass.video {background-position: -900px -300px;} .testimonial #plumbing.video {background-position: -1045px -300px;} .testimonial #landscaping.video {background-position: -900px -400px;} .testimonial #hvac.video {background-position: -1045px -400px;} .testimonial #dental.video {background-position: -900px -500px;} .testimonial #med-spa.video {background-position: -1045px -500px;} .testimonial #moving-storage.video {background-position: -900px -600px;} .testimonial #lawyer.video {background-position: -1045px -700px;} .testimonial #general-contractor.video {background-position: -1045px -600px;} .testimonial #laser-hair-removal.video {background-position: -900px -700px;} .testimonial .video a {width: 145px; height: 100px; display: block; position: relative; background: url(../images/global/testimonial-sprite.png); background-position: -900px -100px; background-repeat: no-repeat;} .testimonial .video a:hover {background-position: -1045px -100px; text-decoration: none;} .testimonial .video a span {display: none;} .testimonial blockquote {float: left; width: 600px; height: 95px; clear: none; margin-left: 20px; font-size: 1.6em; line-height: 1.4em;} /* Sub Nav and Sub-Nav Button Styles */ ul.subnav {display: block; width: 960px; margin-bottom: 0; clear: both;} ul.subnav li {display:inline; float: left; margin-top: .7em; text-align: center; height: 45px;} ul.subnav li a {display: block; float: left; line-height: 45px; margin-bottom: 0; background-repeat: no-repeat; background: url(../images/global/subnav-sprite.png); height: 45px;} ul.subnav.three-tabs li a {width: 320px;} ul.subnav.three-tabs li.tab-one a {background-position: 0 -135px;} ul.subnav.three-tabs li.tab-one a:hover {background-position: 0 -180px;} ul.subnav.three-tabs li.tab-one a.active {background-position: 0 -225px;} ul.subnav.three-tabs li.tab-two a {background-position: -320px -135px;} ul.subnav.three-tabs li.tab-two a:hover {background-position: -320px -180px;} ul.subnav.three-tabs li.tab-two a.active {background-position: -320px -225px;} ul.subnav.three-tabs li.tab-three a {background-position: -640px -135px;} ul.subnav.three-tabs li.tab-three a:hover {background-position: -640px -180px;} ul.subnav.three-tabs li.tab-three a.active {background-position: -640px -225px;} /* Main Layouts */ /* Shared Properties */ div.columns, div.nocolumns {width: 100%; margin: auto; overflow: hidden;} div.columns img.left, div.nocolumns img.left {float: left; padding-right: 1em; padding-bottom: 3em;} div.columns img.right, div.nocolumns img.right {float: right; padding-left: 1em; padding-bottom: 3em;} /* Main Column Layouts */ div.columns div {border-right: 1px solid #e5e5e5; float: left;} div.columns div.start {padding-left: 0;} div.columns div.end {border-right: 0; padding-right: 0; float: right;} div.columns div div {width: 100%; text-align: left; border-right: 0; overflow: hidden; padding: 0; margin-bottom: 1.5em;} div.columns div div img.main {margin: auto; clear: both;} /* Two Column Structure - 870px to divide between 2 columns */ div.twocolumn div {padding:0 3em; width: 40.4em;} /* Three Column Structure - 870px to divide between 3 columns */ /* div.threecolumn div {padding: 0 4.4em 3.2em 4.4em; width: 23em;} */ /* Four Column Structure - 870px to divide between 4 columns */ div.fourcolumn div {padding:0 2.9em 0 3em; width: 17em;} /* 404 Page */ #message404 {text-align: center;} #message404 h1 {font-size: 2em; margin-bottom: 9px; line-height: 2em;} #message404 h2 a {display: block; color: #ffffff; padding: 1em; border: 1px solid #d2d2d2; width: 400px; background: #2C80C0; margin:auto; font-size: 2em; text-decoration: none; margin-top: 9px;} #message404 h2 a:hover {background: #13619c;} #message404 h5 {color: #4D4D4E; margin-bottom: 9px;} /* Form Validation */ .LV_validation_message, form div span, .validation-message {font-weight:bold; margin:0 0 0 5px; display: block; position: absolute; top: 23px; right: 5px; color: #fff; padding: 0 5px; z-index: 9999; width: 50px; text-align: center;} .LV_valid {background: #6aad3c;} .LV_invalid, .invalid-message {background: #ee5238;} input.text.LV_valid_field, input.text.LV_valid_field:hover, input.text.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active {border: 1px solid #6aad3c;} input.text.LV_invalid_field, input.text.LV_invalid_field:hover, input.text.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active, input.text.invalid-field {border: 1px solid #ee5238;} input.text.valid {border: 1px solid #6aad3c;} input.text.invalid {border: 1px solid #ee5238;} form div span.valid {background: #6aad3c;} form div span.invalid {background: #ee5238;} /* Sub-Footer */ #sub-footer {width: 100%; overflow: hidden; padding: 2em 0 0;} #sub-footer ul {height: 4.2em;} #sub-footer ul li {float: left; height: 4.2em;} #sub-footer ul li.end {margin-right: 0;} #sub-footer .left {float: left; width: 53em;} ul#partner-sites li {margin-right: 2em; margin-top: 0.8em;} #sub-footer .right {float: right; width: 34em;} ul#social-media li {margin-right: 2em;} /* Benefits Page Image Wide Sprite */ .feature.two-column div.main-image.wide {width: 660px; height: 240px; background: url(../images/benefits/benefits-wide.png) no-repeat; margin-bottom: 2em; display:block;} #call-and-email-tracking-image {background-position: 0 0; height: 189px;} #create-your-website-image {background-position: -660px 0; height: 235px;} #engage-your-audience-image {background-position: -1320px 0; height: 191px;} #website-essentials-image {background-position: -1980px 0; height: 235px;} #advertise-your-business-image {background-position: -2640px 0; height: 194px;} /* Sprite Row 2 */ #measure-your-results-image {background-position: 0 -235px;} #campaign-performance-image {background-position: -660px -235px;} #professional-article-writing-image {background-position: -1320px -235px; height: 225px;} #social-updates-image {background-position: -1980px -235px;} #paid-search-advertising-image {background-position: -2640px -235px; height: 183px;} /* Benefits Page Image Tall Sprite */ .feature.one-column div.main-image.tall {width: 300px; height: 300px; background: url(../images/benefits/benefits-tall.png) 0 0 no-repeat; margin-bottom: 10em; display:block;} #professional-design-image {background-position: 0 0;} #site-updates-image {background-position: -300px 0; height: 327px;} #facebook-image {background-position: -600px 0;} #twitter-image {background-position: -900px 0;} #personal-account-manager-image {background-position: -1200px 0;} #search-engine-optimization-image {background-position: -1500px 0;} #local-advertising-network-image {background-position: -1800px 0; height: 320px;} #local-maps-optimization-image {background-position: -2100px 0; height: 277px;} #website-copy-image {background-position: -2400px 0; height: 450px; width: 346px;} #call-answering-image {background-position: -2842px 0; width: 346px; height: 429px;} /* Tooltips */ a.info {display: inline-block; width: 11px; height: 11px; background: url(../images/global/asset-sprite.png) -40px 0 no-repeat; margin-bottom: 0; overflow: hidden; cursor: pointer; position: relative; margin-left: 10px;} div.columns div div.tooltip, div.tooltip {display:none; background:url(../images/global/tooltip-sm-white.png) no-repeat; height:79px; padding:15px 15px 30px; width:179px; font-size:11px; color:#333333; z-index: 999 !important; z-index: 999; line-height: 16px; position: relative;} div.columns div div.tooltip.lg {background:url(../images/global/tooltip-lg-white.png) no-repeat; height:163px; padding:40px 30px 10px 30px; width:310px;} div.columns div div.tooltip.med {background:url(../images/global/tooltip-med-white.png) no-repeat; height:145px; padding:25px 30px 10px; width:240px;} div.tooltip.lg-bottom {background:url(../images/global/tooltip-lg-white-bottom.png) no-repeat; height:175px; padding:45px 30px 10px; width:320px; z-index: 1;} div.columns div div.tooltip p {font-size: 10px;} /* Header Graphics */ div.header-graphic {display: block; background: url(../images/global/header-graphics.png) 0 0 no-repeat; position: absolute; bottom: 0; width: 300px; height: 120px; margin-left: 15em;} #header-company {background-position: 0 0;} #header-packages {background-position: -300px 0; margin-left: 33em;} #header-packages-complete, #header-packages-quick {background-position: -300px 0; margin-left: 23em;} #header-packages-longterm {background-position: -300px 0; margin-left: 27em;} #header-success {background-position: -600px 0; margin-left: 24em;} #header-blog {background-position: -900px 0; margin-left: 40em; width: 370px;} #header-media {background-position: 0 -120px; margin-left: 21em;} #header-company {background-position: -300px -120px; margin-left: 20em;} #header-contact {background-position: -600px -120px; margin-left: 22em;} #header-learn-more {background-position: -900px -120px; margin-left: 29em;} #header-learn-more-benefits {background-position: -900px -120px; margin-left: 30em;} #header-careers {background-position: 0 -240px; margin-left: 25em;} #header-partners {background-position: -300px -240px;} #header-national {background-position: -600px -243px; margin-left: 27em; height: 100px;} /* Footer CSS */ #footer {width: 100%; background: url(../images/global/footerBG.png) repeat-x; background-color: #2777ba; min-height: 17.5em; overflow: hidden;} #footer-container {width: 96em; margin: auto; padding-top: 4.2em;} #footer-links {width: 56em; max-width: 56em; position: relative; float: left; height: 28.9em; max-height: 28.9em;} #footer-links div.column {float: left; width: 17em;} #footer-links div.column.end {border-right: 1px solid #FFFFFF; padding-right:1.9em; margin-right: 0;} #footer-links div.column.notitle {margin-top:3.6em;} #footer-links div ul li {display: block; margin-bottom: 0.2em;} #footer-links-bottom {width: 100%; padding:4em 0 2em; clear: both; position: absolute; bottom: 0;} #footer-links-bottom div {position: relative;} #footer-links-bottom div img {float:left; position: absolute; bottom: 0;} #footer-twitter {width: 40em; max-width: 40em; float: right; position: relative; height: 28.9em; max-height: 28.9em;} #footer-twitter div {background: url(../images/global/twitterBG.png) 0 0 no-repeat; height: 28.9em; max-height: 28.9em; width: 45em; max-width: 45em; position: absolute; bottom: 1em; right: -7em;} #footer-twitter div span {margin-left:25px; margin-top:55px; width:273px; padding: 0 20px; overflow: hidden; display: block; float: left;} #success-message {display: none; text-align: center;} /* Schedule Demo Form */ #form-area h1 {display: none;} #scheduleDemo {width: 460px; height: 325px; padding: 2em; background-color: #2777BA; float: left; z-index: 999;} #scheduleDemo img {clear: both; margin: 10px auto 0; display: block;} #scheduleDemo form {width: 400px; display: block; float: left;} #scheduleDemo #popup-success-message {display: none; height: 325px; margin: auto; float: none;} #scheduleDemo #popup-success-message p, #scheduleDemo #popup-success-message h1 {color: #ffffff; display: block; clear: both; float: none; text-align: center;} /* Product Features Icon List */ #feature-list {background: #f5f6f7; padding: 2em 0; margin: 0 0 2em 0; width: 100%;} #feature-list ul {margin-left:40px; width:300px;} #feature-list h2.larger {text-align: center;} ul.product-features {padding: 0 0 0 65px; list-style: none; margin-top: 2em;} ul.product-features li {position: relative; margin-bottom: 30px;} ul.product-features li span {width: 60px; height: 60px; display: block; position: absolute; top:0; left: -65px; background-image: url(../images/global/icon-sprite-60.png); background-repeat: no-repeat;} ul.product-features li a#professional-design span {background-position: -60px 0;} ul.product-features li a#siteupdates span {background-position: -60px -60px;} ul.product-features li a#website-copy span {background-position: 0 -240px;} ul.product-features li a#websiteessentials span {background-position: 0 -300px;} ul.product-features li a#seo span {background-position: -0 -60px;} ul.product-features li a#paid-search-advertising span {background-position: -120px -60px;} ul.product-features li a#Local-Maps-Optimization span {background-position: -60px -120px;} ul.product-features li a#local-advertising-network span {background-position: -60px -180px;} ul.product-features li a#twitter span {background-position: -120px 0;} ul.product-features li a#facebook span {background-position: -180px -60px;} ul.product-features li a#Social-Updates span {background-position: -120px -120px;} ul.product-features li a#Professional-Article-Writing span {background-position: -120px -180px;} ul.product-features li a#measureresults span {background-position: -180px -120px;} ul.product-features li a#accountmanager span {background-position: -180px 0;} ul.product-features li a#campaign-performance span {background-position: -120px -300px;} ul.product-features li a#callanswering span {background-position: -180px -180px;} ul.product-features li a#call-and-email-tracking span {background-position: -180px -240px;} /* National */ ul.product-features li#master-reporting span {background-position: -240px -60px;} ul.product-features li#website-implementation span {background-position: -240px -120px;} ul.product-features li#dedicated-relationship-managers span {background-position: -240px -180px;} ul.product-features li#national-account-support span {background-position: -240px -240px;} ul.product-features li#metro-page-technology span {background-position: -240px -300px;} ul.product-features li#brand-compliance span {background-position: -180px -300px;} ul.product-features li#crm-integration span {background-position: -300px 0;} ul.product-features li#bidding-technology span {background-position: -300px -60px;} /* Image Captions */ .caption {display: block; float: left;} .caption.w450 {width: 450px;} .caption img {padding: 0 !important; margin: 0 auto !important; display: block;} .caption span {padding-top: 4px; display: block; float: left; width: 100%; background: url(../images/global/caption.png) top center no-repeat; text-align: center;} /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#fff;} #colorBox{} #cboxTopLeft{width:25px; height:25px; background:url(../images/global/colorbox/border1.png) 0 0 no-repeat;} #cboxTopCenter{height:25px; background:url(../images/global/colorbox/border1.png) 0 -50px repeat-x;} #cboxTopRight{width:25px; height:25px; background:url(../images/global/colorbox/border1.png) -25px 0 no-repeat;} #cboxBottomLeft{width:25px; height:25px; background:url(../images/global/colorbox/border1.png) 0 -25px no-repeat;} #cboxBottomCenter{height:25px; background:url(../images/global/colorbox/border1.png) 0 -75px repeat-x;} #cboxBottomRight{width:25px; height:25px; background:url(../images/global/colorbox/border1.png) -25px -25px no-repeat;} #cboxMiddleLeft{width:25px; background:url(../images/global/colorbox/border2.png) 0 0 repeat-y;} #cboxMiddleRight{width:25px; background:url(../images/global/colorbox/border2.png) -25px 0 repeat-y;} #cboxContent{background:#2777BA;} #cboxLoadedContent{margin-bottom:20px;} #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;} #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;} #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;} #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;} #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;} #cboxLoadingOverlay{background:url(../images/global/colorbox/loading.gif) 5px 5px no-repeat #fff;} #cboxClose{position:absolute; bottom:5px; right:15px; display:block; color:#fff; font-weight: normal; font-size: 40px; line-height: 40px; font-family: Arial, sans-serif;} #cboxClose:hover {color: #e6e6e7;}/* Default Fonts */ body {font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Arial, sans-serif; color:#444444; line-height: 18px; font-size: 10px;} h1, h2, h3, h4, #header h2, #header h1 {letter-spacing: .04em; /* line-height: 18px; */ line-height: 1em; margin-bottom: 18px; vertical-align:baseline;} h1, h2, #header h2 span {font-weight: bold;} p, ol, ul, li {line-height: 18px; margin-bottom: 18px;} p, a {font-size: 1.3em;} p, .entry ul, .entry ol {color: #666666;} li {font-size: 1.3em;} li a, p a {font-size: 1em;} ol, ul {list-style-type: decimal; padding-left: 2em;} ul {list-style-type: disc;} strong, oblique {font-size: 1em;} strong {font-weight: bold;} oblique {font-style: italic;} blockquote {padding: 0.4em 2em 0 3em; background: url(../images/global/blockquote.gif) 0 0 no-repeat; font-size: 1.4em; color: #4d4d4e; clear: left; font-family: Georgia, serif; font-style: oblique; line-height: 1.2em;} blockquote span {font-size: .8em; color: #333333; text-align: right; float: right; margin: 10px;} blockquote span span {font-size:1em; color: #808080; display: block; float: none; margin: 0;} .hidden {visibility: hidden;} /* List Items that should not be styled go here */ ul.subnav, ul.detaillist, #sub-footer ul {padding-left: 0; list-style-type: none; line-height: normal; margin-bottom: auto;} ul.subnav li, ul.detaillist li, #sub-footer ul li, #footer li {padding-left: 0; list-style-type: none; line-height: normal; margin-bottom: auto;} ul.standard {list-style-type: none; padding-left: 0;} /* Header & Intro Sections */ #header {color: #FFFFFF} #header img {float: left;} #header h1 {font-size: 2.5em; float: right; margin-top: 23px;} #header h1.cufon {font-size: 2em;} #header h2 {font-size: 2em; float: right; margin-bottom: 15px;} #header h2 span {font-size: 1.2em; font-weight: bold;} #header ul li {font-size: 1.4em; font-weight: normal;} #header ul li a {font-size: 1em; color: #FFFFFF;} #header ul li a:hover {color: #e2e2e2; text-decoration: none;} #intro {color: #FFFFFF;} #intro h1 {font-size:3.6em; line-height: 4.25em; margin-bottom: 0; letter-spacing: -.001em;} #intro.sub h1 {font-size:2.6em; line-height: 4.6em; margin-bottom: 0; letter-spacing: .04em;} #intro p, h5 {font-size: 2em; color: #FFFFFF; line-height: 1.3em; font-style: oblique; font-family: Georgia, serif;} /* Sub Nav Styles */ ul.subnav li a {font-weight: bold; color: #427cbf;} ul.subnav li a span {font-size: 1.4em;} ul.subnav li a.active {color: #5d5d5d;} /* Slider Text */ .slider h1 {color: white; font-size: 1.9em; margin-bottom: 0;} .slider h3 {color: white; font-size: 1.2em;} /* Sidefold Text */ .sidefold h1 {font-size: 2.2em; margin-bottom: 10px; line-height: 30px; color: #fff;} .sidefold.nav ul li {margin-bottom: 0;} .sidefold a {color: #d1dfe9; font-size: 1.1em; display: block; line-height: 1.5em;} .sidefold a:hover {text-decoration: underline;} .sidefold a.current, .sidefold strong {font-weight: bold; color: #eaf6fe;} .sidefold p {color: #d1dfe9;} /* Company Section */ .jcarousel-item h1, ul#slider-top-content li a h1, #profile div h1 {font-size: 1.4em; font-weight: bold; margin-bottom: 3px; color: #2c80c0; letter-spacing: -.001em;} .jcarousel-item h3, ul#slider-top-content li a h3, #profile div h3 {font-size: 1em; font-weight: normal; line-height: 12px; color: #666666; margin-bottom: 0;} .jcarousel-item h3 {display: block; width: 160px;} #profile div h1 {font-size: 3em; line-height: 1em;} #profile div h3 {font-size: 1.4em; line-height: 1.5em; margin-bottom: 1em;} #profile #yodle-profile h3 {font-size: 1.2em; color: #4D4D4E; font-weight: bold;} #profile div p {float: left; font-size:1.3em; line-height:1.6em;} #profile #yodle-profile h1 {font-size: 1.8em; display: inline; line-height: 2em;} #profile #yodle-profile img {display:block;} #profile #yodle-profile img.left {margin: 0 2em 0 0; float:left; } #profile #yodle-profile img.right {margin: 0 0 2em 2em; float: right;} #profile #yodle-profile p {float: none;} /* Specific CSS to Learn More page */ #feature-grid div a h3 {margin-bottom: 0; font-weight: bold; font-size: 1em; line-height: 2em;} #feature-grid div a p {line-height: 1.4em; font-size: 0.9em; margin-bottom: 0;} #accordion h2 {display: block; color: #333333; padding: 1.1em 0; margin:0; background: url(../images/learn-more/divider.png) bottom no-repeat; cursor: pointer; margin-bottom: 0;} #accordion h2 span {font-size: 1.4em; line-height: 1em; font-weight: bold; display: block;} /* Main Layouts */ div.columns h3, div.nocolumns h3 {font-size: 1.4em; margin-bottom: .5em;} div.columns h2, div.nocolumns h2, #main-slider div h2 {font-size: 1.6em; color: #2C80C0; text-align: left;} div.columns h1, div.nocolumns h1 {font-size: 2.2em; color: #333333;} div.nocolumns a, div.columns a, .feature a {font-size: 1em; color: #3075B0;} div.nocolumns a:hover, div.columns a:hover, .feature a:hover {text-decoration: underline;} /* Main No Column Layout */ div.nocolumns h2 {margin-bottom: 9px; color: #333332;} /* Main Column Layouts */ div.columns h2.columntitle {font-size: 2.2em; line-height: 1em; color: #555555; border-bottom: 2px solid transparent; margin-bottom: 15px;} div.section:hover h2.columntitle {border-bottom: 2px solid #d2d5d6;} div.columns h2.columntitle span {font-weight: normal; clear: both; font-size: 1em; display: block;} /* Miscellaneous Divs and Includes */ #scheduleDemo label {color: #ffffff;} #scheduleDemo h1 {font-size: 3.5em; color: #ffffff; line-height: 1.2em; float: left; padding-right: 1em;} /* Sub-Footer CSS */ #sub-footer p {border-bottom: 1px solid #cdcdcd; font-style: italic; color: #2777ba; display: block; font-size: 1.4em;} /* Footer CSS */ #footer {color: #FFFFFF;} #footer-links div h2 {font-size: 1.5em;} #footer-links a, #footer-links p{color: #b8d4eb; font-size: 1em; display: block;} #footer-links p a {display: inline;} #footer-links a:hover{color: #ffffff; text-decoration: underline;} #footer-links-bottom div p {display:block; position: relative; bottom: 0; left: 50px; margin-bottom: 0;} #footer-links-bottom div p a {text-decoration: underline; margin-right: .5em;} #footer-twitter div span h3, #footer-twitter div span a h3 {font-size:16px; font-style: oblique; color: #2777BA; font-weight: normal; text-align: center;} #footer-twitter div span a h3:hover {color: #3388d0;} /* Image Captions */ .caption p {padding: 0 30px; font-size: 12px;} .caption strong {color:#555555; font-size: 13px; display: block; margin:0 auto;}/* Global Class for commonly sized rollover buttons. Numbers specify size (w x h) */ button, .button {border: 0; cursor: pointer; outline: none; background-repeat: no-repeat; background-color: transparent; overflow: hidden; font-size: 10px;} button::-moz-focus-inner, .button::-moz-focus-inner {border: 0px;} .videothumb {height: 8em; width: 8em; float: left; padding-right: 1em; margin-bottom: 2.5em} .videohover {background-image: url(http://www.yodle.com/images/homepage/video-sprite.png); background-position: 0 0; height: 8em; width: 8em; display: block;} .videohover:hover {background-position: 0 -8em;} .action180x46 {height: 4.6em; width: 18em;} .action219x35 {background-position: 0 0; height: 3.5em; width: 21.9em;} .action219x35:hover {background-position: 0 -3.5em;} .action219x35.focus {background-position: 0 -7em;} .action250x35 {background-position: 0 0; height: 3.5em; width: 25em; display: block;} .action250x35:hover {background-position: -2.5em 0;} .action250x35.focus {background-position: -5em 0;} .action180x46 {height: 4.6em; width: 18em;} .action73x25 {background-position: 0 0; height: 2.5em; width: 7.3em;} .action73x25:hover {background-position: 0 -2.5em;} /* Smaller Global Buttons */ .smaller-button {background-image: url(../images/global/smaller-buttons.png); width: 150px; height: 32px; display: block; margin: auto; clear: both; position: absolute; bottom: 3.6em; color: transparent;} /* Read More Button Actions */ .smaller-button.read-more {background-position: 0 0;} .smaller-button.read-more:hover {background-position: 0 -32px;} .smaller-button.read-more.focus {background-position: 0 -64px;} /* View Package Button Actions */ .smaller-button.view-package {background-position: -150px 0;} .smaller-button.view-package:hover {background-position: -150px -32px;} .smaller-button.view-package.focus {background-position: -150px -64px;} .smaller-button.view-package.bold {background-position: -300px 0;} .smaller-button.view-package.bold:hover {background-position: -300px -32px;} .smaller-button.view-package.bold.focus {background-position: -300px -64px;} /* Free Quote Button Actions */ .smaller-button.free-quote {background-position: -450px 0;} .smaller-button.free-quote:hover {background-position: -450px -32px;} .smaller-button.free-quote.focus {background-position: -450px -64px;} /* Send Message Button Actions */ .smaller-button.send-message {background-position: -600px 0;} .smaller-button.send-message:hover {background-position: -600px -32px;} .smaller-button.send-message.focus {background-position: -600px -64px;} .smaller-button.send-message {position: relative; float: right; margin-top: 30px;} /* Submit Button Actions */ .smaller-button.submit {background-position: -750px 0;} .smaller-button.submit:hover {background-position: -750px -32px;} .smaller-button.submit.focus {background-position: -750px -64px;} .smaller-button.submit {position: relative; float: right; margin-top: 40px;} /* Agree Button Actions */ .smaller-button.agree {background-position: -900px 0;} .smaller-button.agree:hover {background-position: -900px -32px;} .smaller-button.agree.focus {background-position: -900px -64px;} .smaller-button.agree {position: relative; float: right; margin-top: 40px;} /* Centering for .more-less class buttons in columned sections */ div.threecolumn div .read-more {margin-left: 4em;} /* Top slider navigation buttons */ .jcarousel-prev-horizontal, .jcarousel-next-horizontal {width: 40px; height: 80px; margin: 10px 0; position: absolute; top: 0; background-repeat: no-repeat; background: url(https://../images/global/asset-sprite.png); cursor: pointer;} .jcarousel-prev-horizontal {left: 0;} .jcarousel-next-horizontal {right: 0;} .jcarousel-prev {background-position: -20px -48px;} .jcarousel-next {background-position: -60px -48px ;} .jcarousel-prev:hover {background-position: -100px -48px;} .jcarousel-next:hover {background-position: -140px -48px;} .jcarousel-prev-disabled, .jcarousel-prev-disabled:hover {background-position: -180px -48px; visibility: hidden;} .jcarousel-next-disabled, .jcarousel-next-disabled:hover {background-position: -220px -48px; visibility: hidden;} /* Define all specific button properties */ #schedule-demo {background:url(../images/global/action-buttons.png) no-repeat 0 0;} #schedule-demo:hover {background:url(../images/global/action-buttons.png) no-repeat 0 -46px;} #schedule-demo.focus {background:url(../images/global/action-buttons.png) no-repeat 0 -92px;} #learn-more {background:url(../images/global/action-buttons.png) no-repeat -180px 0;} #learn-more:hover {background:url(../images/global/action-buttons.png) no-repeat -180px -46px;} #learn-more.focus {background:url(../images/global/action-buttons.png) no-repeat -180px -92px;} #view-packages {background:url(../images/global/action-buttons.png) no-repeat -360px 0;} #view-packages:hover {background:url(../images/global/action-buttons.png) no-repeat -360px -46px;} #view-packages.focus {background:url(../images/global/action-buttons.png) no-repeat -360px -92px;} #get-started {background:url(../images/global/action-buttons.png) no-repeat -54em 0;} #get-started:hover {background:url(../images/global/action-buttons.png) no-repeat -54em -4.6em;} #get-started.focus {background:url(../images/global/action-buttons.png) no-repeat -54em -9.2em;} #form-schedule-demo {background-image: url(http://www.yodle.com/images/homepage/schedule-demo.png);} #log-in {background-image: url(../images/global/log-in.png); float: right; margin-left: 1em;} #ginter-thumb {background-image: url(http://www.yodle.com/images/homepage/ginter-thumb.gif);} #pennington-thumb {background-image: url(http://www.yodle.com/images/homepage/pennington-thumb.gif);} #restore-thumb {background-image: url(http://www.yodle.com/images/homepage/restore-thumb.gif);} #intro-thumb {background-image: url(../images/homepage/intro-thumb.gif);}