/* Reset browser defaults */ * { margin: 0; padding: 0; text-decoration: none; px; outline: none; } code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font: inherit; em; 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, br, 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-; 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; ""; position:absolute; z-index:-1; bottom:16px; left:10px; %; %; max-px; -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); transform:rotate(-3deg); } .drop-shadow:after{ right:10px; left:auto; -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -o-transform:rotate(3deg); transform:rotate(3deg); } /* Expanding Scrollable Carousel */ .scrollable-container {px; auto; overflow: hidden; position: relative; padding:12px 0; margin: 0 auto;} #scrollable-banner {z-index: 999; float: left;} /* Scrollable wrapper should have 49 extra pixels in height to accommodate the nav */ .scrollable-wrapper {display: none; position: relative; float: left; px;} .scrollable {position: relative; overflow: hidden; float: left; px; px; "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Arial, sans-serif; color:#444444; line-px; px;} h1, h2, h3, h4, #header h2, #header h1 {letter-spacing: .04em; line-em; margin-bottom: 18px; vertical-align:baseline;} h1, h2, #header h2 span {font-weight: bold;} p, ol, ul, li {line-px; margin-bottom: 18px;} p, a {.3em;} p, .entry ul, .entry ol {color: #666666;} li {.3em;} li a, p a {em;} ol, ul {list-style-type: decimal; padding-left: 2em;} ul {list-style-type: disc;} strong, oblique {em;} 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; .4em; color: #4d4d4e; clear: left; font-family: Georgia, serif; font-style: oblique; line-.2em;} blockquote span {.8em; color: #333333; text-align: right; float: right; margin: 10px;} blockquote span span {em; 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-normal; margin-bottom: auto;} ul.subnav li, ul.detaillist li, #sub-footer ul li, #footer li {padding-left: 0; list-style-type: none; line-normal; margin-bottom: auto;} ul.standard {list-style-type: none; padding-left: 0;} ul.indent {padding-left:2em;} /* Header & Intro Sections */ #header {color: #FFFFFF} #header img {float: left;} #header h1 {.5em; float: right; margin-top: 23px;} #header h1.cufon {em;} #header h2 {em; float: right; margin-bottom: 15px;} #header h2 span {.2em; font-weight: bold;} #header ul li {.4em; font-weight: normal;} #header ul li a {em; color: #FFFFFF;} #header ul li a:hover {color: #e2e2e2; text-decoration: none;} #intro p, h5 {em; color: #FFFFFF; line-.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 {.4em;} ul.subnav li a.active {color: #5d5d5d;} /* Slider Text */ .slider h1 {color: white; .9em; margin-bottom: 0;} .slider h3 {color: white; .2em;} /* Sidefold Text */ .sidefold h1 {.2em; margin-bottom: 10px; line-px; color: #fff;} .sidefold.nav ul li {margin-bottom: 0;} .sidefold a {color: #d1dfe9; .1em; display: block; line-.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 {.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 {em; font-weight: normal; line-px; color: #666666; margin-bottom: 0;} .jcarousel-item h3 {display: block; px;} #profile div h1 {em; line-em;} #profile div h3 {.4em; line-.5em; margin-bottom: 1em;} #profile #yodle-profile h3 {.2em; color: #4D4D4E; font-weight: bold;} #profile div p {float: left; .3em; line-.6em;} #profile #yodle-profile h1 {.8em; display: inline; line-em;} #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; em; line-em;} #feature-grid div a p {line-.4em; .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 {.4em; line-em; font-weight: bold; display: block;} /* Main Layouts */ .columned h3, .no-columns h3 {.4em; margin-bottom: .5em;} /* Phase this out and use above */ div.columns h3, div.nocolumns h3 {.4em; margin-bottom: .5em;} .columned h2, .no-columns h2, #main-slider div h2 {.6em; color: #2C80C0; text-align: left;} /* Phase this out and use above */ div.columns h2, div.nocolumns h2, #main-slider div h2 {.6em; color: #2C80C0; text-align: left;} .columned h1, .no-columns h1 {px; color: #333333; letter-spacing: 0.2px; line-.9em;} /* Phase this out and use above */ div.columns h1, div.nocolumns h1 {.2em; color: #333333;} .no-columns a, .columned a, .feature a {em; color: #3075B0;} /* Phase this out and use above */ div.nocolumns a, div.columns a, .feature a {em; color: #3075B0;} .no-columns a:hover, .columned a:hover, .feature a:hover {text-decoration: underline;} /* Phase this out and use above */ div.nocolumns a:hover, div.columns a:hover, .feature a:hover {text-decoration: underline;} /* Main No Column Layout */ .no-columns h2 {margin-bottom: 9px; color: #333332;} /* Phase this out and use above */ div.nocolumns h2 {margin-bottom: 9px; color: #333332;} /* Main Column Layouts */ h2.column-title {.2em; line-em; color: #555555; border-bottom: 2px solid transparent; margin-bottom: 15px;} /* Phase this out and use above */ div.columns h2.columntitle {.2em; line-em; color: #555555; border-bottom: 2px solid transparent; margin-bottom: 15px;} .section:hover h2.column-title {border-bottom: 2px solid #d2d5d6;} /* Phase this out and use above */ div.section:hover h2.columntitle {border-bottom: 2px solid #d2d5d6;} .columned h2.column-title span {font-weight: normal; clear: both; em; display: block;} /* Phase this out and use above */ div.columns h2.columntitle span {font-weight: normal; clear: both; em; display: block;} /* Miscellaneous Divs and Includes */ #scheduleDemo label {color: #ffffff;} #scheduleDemo h1 {.5em; color: #ffffff; line-.2em; float: left; padding-right: 1em;} /* Sub-Footer CSS */ #sub-footer p {border-bottom: 1px solid #cdcdcd; font-style: italic; color: #2777ba; display: block; .4em; margin-bottom:10px;} /* Footer CSS */ #footer {color: #FFFFFF;} #footer-links div h2 {.5em;} #footer-links a, #footer-links p{color: #b8d4eb; em; 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 {px; 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; px;} .caption strong {color:#555555; px; 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; px;} .action, .mini-action {background:url(/images/global/action-buttons.png); background-repeat: no-repeat;} .action {px; px;} .mini-action {px; px;} .smaller-button {background: url(/images/global/smaller-buttons.png); px; px; display: block; margin: auto; clear: both; position: absolute; bottom: 3.6em; color: transparent;} .leftbutton {float: left; margin-left: .7em; margin-bottom: 0;} .rightbutton {float: right; margin-right: .7em; margin-bottom: 0;} .videothumb {em; em; float: left; padding-right: 1em; margin-bottom: 2.5em} .videohover {background-image: url(/images/homepage/video-sprite.png); background-position: 0 0; em; em; display: block;} .videohover:hover {background-position: 0 -8em;} .action219x35 {background-position: 0 0; .5em; .9em;} .action219x35:hover {background-position: 0 -3.5em;} .action219x35.focus {background-position: 0 -7em;} .action250x35 {background-position: 0 0; .5em; em; display: block;} .action250x35:hover {background-position: -2.5em 0;} .action250x35.focus {background-position: -5em 0;} .action73x25 {background-position: 0 0; .5em; .3em;} .action73x25:hover {background-position: 0 -2.5em;} /* 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 {px; px; margin: 10px 0; position: absolute; top: 0; background-repeat: no-repeat; background: url(www.yodle.com/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 */ .action#schedule-demo, #schedule-demo-2 {background-position: 0 0;} .action#schedule-demo:hover {background-position: 0 -46px;} .action#schedule-demo.focus {background-position: 0 -92px;} .mini-action#schedule-demo {background-position: -874px 0;} .mini-action#schedule-demo:hover {background-position: -874px -31px;} .mini-action#schedule-demo.focus {background-position: -874px -62px;} .action#learn-more {background-position: -180px 0;} .action#learn-more:hover {background-position: -180px -46px;} .action#learn-more.focus {background-position: -180px -92px;} .mini-action#learn-more {background-position: -727px 0;} .mini-action#learn-more:hover {background-position: -727px -31px;} .mini-action#learn-more.focus {background-position: -727px -62px;} .action#view-packages {background-position: -360px 0;} .action#view-packages:hover {background-position: -360px -46px;} .action#view-packages.focus {background-position: -360px -92px;} .mini-action#view-packages {background-position: -727px -138px;} .mini-action#view-packages:hover {background-position: -727px -169px;} .mini-action#view-packages.focus {background-position: -727px -200px;} .action#get-started {background-position: -540px 0;} .action#get-started:hover {background-position: -540px -46px;} .action#get-started.focus {background-position: -540px -92px;} #form-schedule-demo {background-image: url(/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(/images/homepage/ginter-thumb.gif);} #pennington-thumb {background-image: url(/images/homepage/pennington-thumb.gif);} #restore-thumb {background-image: url(/images/homepage/restore-thumb.gif);} #intro-thumb {background-image: url(/images/homepage/intro-thumb.gif);}
gipoco.com is neither affiliated with the authors of this page nor responsible for its contents. This is a safe-cache copy of the original web site.