@charset "UTF-8";  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
:focus {outline: 0}
body {line-height: 1; color: black; background: white}
ol, ul {list-style: none}
a img {border:none;}
table {border-collapse: separate; border-spacing: 0}
caption, th, td {text-align: left; font-weight: normal}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
@charset "UTF-8";  html {height: 100%}
body {height: 100%; font: normal 10pt "Lucida Grande", "Lucida Sans Unicode", sans-serif; line-height: 1.225em; color: #333}
h1,h2,h3 {font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: normal; color: #000}
h1 {font-size: 24pt; margin-bottom: 20px;}
h2 {font-size: 18pt; margin-top: 20px; margin-bottom: 10px;}
h3 {font-size: 12pt;}
a {text-decoration: none; color: #336699;}
a:hover {text-decoration: underline;}
a img {text-decoration: none; border: none;}
em {font-style: normal;}
.clear-both {display: block; float: none; clear: both; height: 0; overflow: hidden}
p.content {font-size: 9pt; padding: 0 50px 20px 4px; text-align: justify; text-justify: inter-word}
p.first-pararaph {padding-top: 15px}
.letterspacing-tight {word-spacing: -0.1em}
.big-image {padding-top: 30px; margin-top: 8px; background: transparent url(/images/bg-border-across.gif) repeat-x 0 0}
 div.page-head {background: #a72c17 url(/images/bg-page-head.gif) repeat-x 0 0; height: 340px; overflow: hidden}
div.page-container {width: 1004px; margin: 0 auto}
div.top-message {height: 340px; color: #fff; background: transparent url(/images/bg-message-image.gif) no-repeat 496px 49px}
div.top-navigation {height: 340px}
div.top-left-shadow, div.top-right-shadow, div.bottom-left-shadow, div.bottom-right-shadow{ height: 45px; width: 546px; position: absolute; background: transparent url(/images/bg-shadow.png) no-repeat 0 0; top: 295px; overflow: hidden; text-indent: -9999px}
div.top-right-shadow {right: 0; background-position: 0 -45px;}
div.bottom-left-shadow {top: 0; background-position: 0 -90px;}
div.bottom-right-shadow {top: 0; right: 0; background-position: 0 -135px;}
div.top-message-message {float: left; height: 276px; width: 477px; margin: 64px 0 0 0; padding-left: 27px}
div.top-message-image {float: left; height: 267px; width: 449px; margin: 73px 0 0 16px; display: block}
div.top-message-message img, div.top-message-image img {position: absolute}
div.navigation-container {position: absolute; top: 0; height: 340px; width: 100%}
div.top-navigation-top {height: 61px; padding: 0 35px 0 27px}
div.top-navigation-top h1 {float: left; height: 61px; width: 138px}
div.top-navigation-top h1 a {display: block; height: 61px; width: 138px; text-indent: -9999px; background: #7d1c1c url(/images/bg-beetil-logo.gif) no-repeat 0 0}
div.top-navigation-top ul {float: right; margin: 21px 0 0 0}
div.top-navigation-top ul li {float: left}
div.top-navigation-top ul li span {color: #ca9090; opacity: 0.5; padding: 0 7px}
div.top-navigation-top ul li a {font: normal 10pt Arial, Helvetica, sans-serif; color: #ca9090}
div.top-navigation-top ul li a:hover {color: #fff}
body.blog div.top-navigation-top ul li a.blog, body.faqs div.top-navigation-top ul li a.faqs, body.partners div.top-navigation-top ul li a.partners, body.about div.top-navigation-top ul li a.about, body.contact div.top-navigation-top ul li a.contact {color: #fff}
div.top-navigation-bottom {height: 55px; margin-top: 224px; padding: 0 35px 0 27px}
div.top-navigation-bottom h2 {float: right; height: 267px; width: 450px; margin: -212px 0 0 0}
div.top-navigation-bottom h2 a {display: block; height: 267px; width: 450px; text-indent: -9999px; background: transparent url(/images/bg-try-beetil-for-free.png) no-repeat 0 0}
div.top-navigation-bottom h2 a:hover {background-position: 0 -267px}
div.top-navigation-bottom ul {float: left; margin: 20px 0 0 0; height: 35px}
div.top-navigation-bottom ul li {float: left; width: 86px; height: 35px; overflow: hidden; margin-right: 5px}
div.top-navigation-bottom ul li a {font: normal 12pt Arial, Helvetica, sans-serif; color: #ecc66e; display: block; height: 35px; line-height: 35px; text-align: center; background: transparent url(/images/bg-main-tabs.png) no-repeat 0 0; cursor: pointer}
div.top-navigation-bottom ul li a.signup {color: #f6e9cb}
div.top-navigation-bottom ul li a:hover {background-color: #a43705; text-decoration: none}
body.home div.top-navigation-bottom ul li a.home, body.tour div.top-navigation-bottom ul li a.tour, body.pricing div.top-navigation-bottom ul li a.pricing, body.signup div.top-navigation-bottom ul li a.signup, body.buzz div.top-navigation-bottom ul li a.buzz {background-color: #7a1902 !important; background-image: none !important; color: #fff}
 div.col-container {padding-left: 35px}
div.col-1 {float: left; width: 302px}
div.col-2 {float: left; width: 329px}
div.col-3 {float: left; width: 302px}
div.who-is-beetil-for h2, div.whos-using-beetil h2, div.what-is-beetil h2 {background: transparent url(/images/bg-home-headings.gif) no-repeat 0 0; height: 24px; overflow: hidden; margin-top: 48px; margin-bottom: 10px; text-indent: -9999px}
div.what-is-beetil h2 {margin-right: 24px; margin-left: -3px}
div.who-is-beetil-for h2 {margin-left: 24px; margin-right: 24px; background-position: 0 -25px}
div.whos-using-beetil h2 {margin-left: 24px; background-position: 0 -50px}
div.what-is-beetil p, div.who-is-beetil-for p, div.whos-using-beetil ul {font-size: 9pt; line-height: 1.55em; text-align: justify; text-justify: inter-word; background: transparent url(/images/bg-border-across.gif) repeat-x 0 bottom; height: 9.9em}
div.what-is-beetil p {margin-right: 27px}
div.who-is-beetil-for p {margin-left: 27px; margin-right: 27px}
div.whos-using-beetil ul {margin-left: 25px}
a.link-to {display: inline-block; margin-top: 10px; padding-right: 11px; line-height: 1.3em; padding-bottom: 1px; background: transparent url(/images/bg-link-to.gif) no-repeat center right}
a.link-to-previous {padding-right: 0; padding-left: 11px; background-position: center left; background-image: url(/images/bg-link-to-previous.gif)}
a.link-to:hover {text-decoration: none}
a.link-to span {cursor: pointer; display: inline-block; padding-bottom: 1px; border-bottom: 1px solid #dee7ef}
a.link-to:hover span {border-bottom: 1px solid #9bb4cd}
div.whos-using-beetil ul li {display: block; float: left; margin-top: 5px; height: 78px; width: 90px; margin-left: 2px}
div.whos-using-beetil ul li a {display: block; height: 76px; width: 88px; border: 1px solid #d7d7d7; overflow: hidden}
div.whos-using-beetil ul li a:hover {border: 1px solid #9bb4cd}
div.whos-using-beetil ul li a img {position: absolute}
body.buzz div.whos-using-beetil ul {margin-left: 24px; background-image: none; height: 242px}
body.buzz div.whos-using-beetil ul li {margin-top: 2px}
body.buzz div.whos-using-beetil ul li a:hover {border: 1px solid #d7d7d7; cursor: default}
div.feature-row {padding-left: 31px}
div.feature-1 p, div.feature-2 p, div.feature-3 p {margin-top: 24px; margin-bottom: 28px; background: transparent url(/images/bg-feature.gif) no-repeat 0 0; width: 283px; height: 250px}
div.feature-1 p:hover, div.feature-2 p:hover, div.feature-3 p:hover {background-image: none}
div.feature-2 p {margin-left: 27px}
div.feature-3 p {margin-left: 27px}
div.feature-row p a {display: block; width: 275px; height: 242px; padding: 4px; overflow: hidden; text-indent: -9999px; background: transparent url(/images/bg-features.png) no-repeat 0 0}
div.tour-row2 {padding-bottom: 60px;}
div.tour-row1 p {margin-top: 20px; margin-bottom: 10px;}
div.tour-row2 p {margin-bottom: 10px;}
div.tour-row1 p a {background-image: url(/images/bg-tour-index1.png);}
div.tour-row2 p a {background-image: url(/images/bg-tour-index2.png);}
div.feature-row p a.features-incidents, div.feature-row p a.tour-incidents, div.feature-row p a.tour-releases {background-position: 0 0;}
div.feature-row p a.features-changes, div.feature-row p a.tour-problems, div.feature-row p a.tour-config {background-position: 0 -246px;}
div.feature-row p a.features-config, div.feature-row p a.tour-changes, div.feature-row p a.tour-other {background-position: 0 -492px;}
span.tour-index-blurb {display: block; font-size: 9pt; text-align: justify; text-justify: inter-word; word-spacing: -1px}
div.feature-1 span.tour-index-blurb {padding: 0 30px 5px 10px;}
div.feature-2 span.tour-index-blurb {padding: 0 30px 5px 40px;}
div.feature-3 span.tour-index-blurb {padding: 0 5px 5px 40px;}
div.latest-row {background: transparent url(/images/bg-border-across.gif) repeat-x 0 0; margin: 0 35px 40px 35px; padding-top: 1px; padding-left: 0}
div.latest-row div.col-1, div.latest-row div.col-2, div.latest-row div.col-3 {height: 269px; min-height: 269px}
div.latest-row div.col-1, div.latest-row div.col-2 {background: transparent url(/images/bg-border-down.gif) repeat-y right 0}
div.latest-row div.col-1 div, div.latest-row div.col-2 div {height: 269px; min-height: 269px; background: transparent url(/images/bg-border-fade.gif) no-repeat right bottom; padding-right: 27px}
div.latest-row div.col-2 div {padding-left: 27px}
div.latest-row div.col-3 div {padding: 0 0 0 27px}
div.latest-row div.col-1 ul li {font-size: 9pt; padding-bottom: 15px}
div.latest-row h2 {height: 32px; overflow: hidden; text-indent: -9999px; background: transparent url(/images/bg-home-headings.gif) no-repeat 0 0}
div.latest-row h2.latest-blogs {background-position: 0 -75px;}
div.latest-row h2.latest-tweets {background-position: 0 -108px; margin-left: -3px;}
div.latest-row h2.coming-soon {background-position: 0 -141px; margin-left: -3px;}
div.latest-row div.col-1 ul li span.date {float: left; width: 52px; color: #999; text-indent: 3px}
div.latest-row div.col-1 ul li span.title {float: left; width: 223px}
div.latest-row div.col-2 ul li {font-size: 9pt; padding-bottom: 15px}
div.latest-row div.col-3 div p {height: 184px; width: 280px; background: transparent url(/images/bg-coming-soon.gif) no-repeat 0 0; margin-right: -5px}
div.latest-row div.col-3 div img {display: block; padding: 9px; height: 128px; width: 256px}
div.latest-row div.col-3 div p span.title {display: block; float: left; font-size: 9pt; color: #888; padding-left: 14px}
div.latest-row div.col-3 div p span.toggle {display: block; float: right; padding-right: 20px; height: 13px}
div.latest-row div.col-3 div p span.toggle a {display: block; float: left; height: 13px; width: 13px; overflow: hidden; text-indent: -9999px; margin-top: 1px; background: transparent url(/images/bg-coming-soon-toggle.gif) no-repeat -26px 0; cursor: pointer}
div.latest-row div.col-3 div p span.toggle a:hover {background-position: 0 0}
div.latest-row div.col-3 div p span.toggle a.selected, div.latest-row div.col-3 div p span.toggle a.selected:hover{ background-position: -13px 0; cursor: default}
 .internal-content {margin: 15px 35px 30px 30px; padding-bottom: 100px; width: 939px; position: relative; background: transparent url(/images/bg-right-col.gif) repeat-y 639px 0}
.left-col,.right-col {float: left; position: relative}
.internal-standard .left-col {width: 639px}
.internal-standard .right-col {width: 300px}
.internal-wide .left-col {width: 742px}
.internal-wide .right-col {width: 197px}
.right-col-fade-top, .right-col-fade-bottom{ height: 93px; background: transparent url(/images/bg-right-col-fade.png) repeat-x 0 0; position: absolute; top: 0; left: 639px}
.right-col-fade-bottom{ top: auto; bottom: 0 !important; background-position: 0 bottom}
.internal-standard {background-position: 639px 0}
.internal-wide {background-position: 742px 0}
.internal-standard .right-col-fade-top, .internal-standard .right-col-fade-bottom {width: 300px}
.internal-wide .right-col-fade-top, .internal-wide .right-col-fade-bottom {width: 197px; left: 742px}
 ul.submenu {height: 50px; margin: 25px 18px 0 27px}
ul.submenu li {float: left; margin-right: 6px}
ul.submenu li a {display: inline-block; height: 28px; overflow: hidden}
ul.submenu li a span {display: block; height: 28px; overflow: hidden; font: normal 9pt/28px Arial, Helvetica, sans-serif; -moz-border-radius: 14px; -webkit-border-radius: 14px; -border-radius: 14px; color: #777; background-color: #eee; padding: 0 12px; cursor: pointer; text-align: center; width: 5.4em; text-shadow: #f5f5f5 1px 1px 1px}
ul.submenu li a:hover {text-decoration: none}
ul.submenu li a:hover span {background-color: #ddd; color: #444}
body.tour0 ul.submenu li.tour0 a span, body.tour1 ul.submenu li.tour1 a span, body.tour2 ul.submenu li.tour2 a span, body.tour3 ul.submenu li.tour3 a span, body.tour4 ul.submenu li.tour4 a span, body.tour5 ul.submenu li.tour5 a span, body.tour6 ul.submenu li.tour6 a span {background-color: #ccc; color: #333}
ul.submenu li.tour5 a span, ul.submenu li.tour6 a span {width: 7em}
 h2.page-heading {margin: 15px 35px 0 28px; background: transparent url() no-repeat 0 0; height: 38px; overflow: hidden; text-indent: -9999px}
.internal-content h2.page-heading {margin-left: 0}
h2.two-lines {height: 74px}
h2.simple-page {margin-top: 30px; margin-left: 30px}
p.page-intro {margin: 19px 35px 0 28px; background: transparent url() no-repeat 0 -39px; height: 85px; overflow: hidden; text-indent: -9999px}
h3.page-subheading {margin: 0 0 3px 0; background: transparent url() no-repeat 0 0; height: 26px; overflow: hidden; text-indent: -9999px}
body.tour0 h2.page-heading, body.tour0 p.page-intro, body.tour0 h3.page-subheading {background-image: url(/images/headings-tour-index.gif)}
body.tour1 h2.page-heading, body.tour1 p.page-intro, body.tour1 h3.page-subheading {background-image: url(/images/headings-tour-incident.gif)}
body.tour2 h2.page-heading, body.tour2 p.page-intro, body.tour2 h3.page-subheading {background-image: url(/images/headings-tour-problem.gif)}
body.tour3 h2.page-heading, body.tour3 p.page-intro, body.tour3 h3.page-subheading {background-image: url(/images/headings-tour-change.gif)}
body.tour4 h2.page-heading, body.tour4 p.page-intro, body.tour4 h3.page-subheading {background-image: url(/images/headings-tour-release.gif)}
body.tour5 h2.page-heading, body.tour5 p.page-intro, body.tour5 h3.page-subheading {background-image: url(/images/headings-tour-config.gif)}
body.tour6 h2.page-heading, body.tour6 p.page-intro, body.tour6 h3.page-subheading {background-image: url(/images/headings-tour-other.gif)}
body.buzz h2.page-heading, body.buzz p.page-intro, body.buzz h3.page-subheading {background-image: url(/images/headings-buzz1.gif)}
body.pricing h2.page-heading, body.pricing p.page-intro, body.pricing h3.page-subheading {background-image: url(/images/headings-pricing.gif)}
body.faqs h2.page-heading, body.faqs p.page-intro, body.faqs h3.page-subheading {background-image: url(/images/headings-faqs.gif)}
body.privacy h2.page-heading, body.privacy p.page-intro, body.privacy h3.page-subheading {background-image: url(/images/headings-privacy.gif)}
body.terms h2.page-heading, body.terms p.page-intro, body.terms h3.page-subheading {background-image: url(/images/headings-terms.gif)}
body.about h2.page-heading, body.about p.page-intro, body.about h3.page-subheading {background-image: url(/images/headings-about.gif)}
body.contact h2.page-heading, body.contact p.page-intro, body.contact h3.page-subheading {background-image: url(/images/headings-contact.gif)}
body.signup h2.page-heading, body.signup p.page-intro, body.signup h3.page-subheading {background-image: url(/images/headings-signup.gif)}
body.partners h2.page-heading, body.partners p.page-intro, body.partners h3.page-subheading {background-image: url(/images/headings-partners.gif)}
body.success h2.page-heading, body.success p.page-intro, body.success h3.page-subheading {background-image: url(/images/headings-success.gif)}
body.blog h2.page-heading, body.blog p.page-intro, body.blog h3.page-subheading {background-image: url(/images/headings-blog.gif)}
h3.first {background-position: 0 -125px;}
h3.second {background-position: 0 -152px;}
h3.third {background-position: 0 -179px;}
h3.fourth {background-position: 0 -206px;}
h3.fifth {background-position: 0 -233px;}
h3.sixth {background-position: 0 -260px;}
h3.two-lines {height: 52px; margin-bottom: 10px}
 .massive-page-container {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -160px; min-width: 1004px}
.push {height: 160px}
.footer-container {position: absolute; top: 0; width: 100%}
.footer {background: #333 url(/images/bg-footer.gif) repeat-x 0 0; text-shadow: #333 0 0 0; color: #ccc; height: 488px; min-height: 488px; position: relative; width: 100%}
.footer-top {height: 238px}
.footer-left {float: left; height: 168px; width: 411px; background-color: #292929; margin-top: 32px; margin-left: 20px; -moz-border-radius: 18px; -webkit-border-radius: 18px; -border-radius: 18px; position: relative}
.footer-left .corners {display: none}
.footer-left ul {margin: 6px 24px 0 24px}
.footer-left ul li {display: block; height: 53px; background: transparent url(/images/bg-footer-links.gif) repeat-x 0 bottom}
.footer-left ul li.last {background-image: none}
.footer-left ul li a {display: block; height: 50px; line-height: 50px; margin-bottom: 3px; background: transparent url(/images/bg-footer-nav.gif) no-repeat 0 0; overflow: hidden; text-indent: -9999px}
.footer-left ul li a.try-beetil {background-position: 0 0;}
.footer-left ul li a.using-beetil {background-position: 0 -59px;}
.footer-left ul li a.tour {background-position: 0 -118px;}
.footer-left ul li a.try-beetil:hover {background-position: 0 -180px;}
.footer-left ul li a.using-beetil:hover {background-position: 0 -239px;}
.footer-left ul li a.tour:hover {background-position: 0 -298px;}
.footer-right {float: right; width: 524px; height: 165px; text-align: left; margin-top: 33px}
.footer-right ul.follow-us {float: left; width: 176px}
.footer-right ul.contact-us {float: right; width: 299px; margin-right: 20px}
.footer-right ul.follow-us li, .footer-right ul.contact-us li {border-bottom: 1px dotted #474747; font-size: 9pt; height: 31px; line-height: 31px; overflow: hidden; color: #ccc}
.footer-right li.heading {height: 37px !important}
.footer-right ul.follow-us li h3, .footer-right ul.contact-us li h3 {height: 37px; background: transparent url(/images/bg-footer-headings.gif) no-repeat 0 0; overflow: none; text-indent: -9999px}
.footer-right ul.contact-us li h3 {background-position: 0 -37px}
.footer-right ul.follow-us li a {display: block; color: #bbb; padding-left: 38px; background: transparent url(/images/bg-footer-links.gif) no-repeat 0 0; cursor: pointer}
.footer-right ul.follow-us li a.twitter {background-position: 0 0;}
.footer-right ul.follow-us li a.linkedin {background-position: 0 -32px;}
.footer-right ul.follow-us li a.blog {background-position: 0 -64px;}
.footer-right ul.follow-us li a.newsletter {background-position: 0 -96px;}
.footer-right ul.follow-us li a:hover {text-decoration: none; color: #fff}
.footer-right ul.follow-us li a.twitter:hover {background-position: 0 -128px;}
.footer-right ul.follow-us li a.linkedin:hover {background-position: 0 -160px;}
.footer-right ul.follow-us li a.blog:hover {background-position: 0 -192px;}
.footer-right ul.follow-us li a.newsletter:hover {background-position: 0 -224px;}
.footer-right ul.contact-us li span {display: inline-block; width: 87px; text-indent: 5px; color: #7e7e7e; background: transparent url(/images/bg-footer-links.gif) no-repeat right -256px}
.footer-right ul.contact-us li a {display: inline-block; color: #bbb}
.footer-right ul.contact-us li a:hover {text-decoration: none; color: #fff}
.footer-right ul.contact-us li.no-campfire, .footer-right ul.contact-us li.no-campfire span {color: #434343; background-position: right -288px}
.footer-right ul.contact-us li span.campfire-address, .footer-right ul.contact-us li a.campfire-address { text-indent: 0; margin-right: -50px}
.footer-bottom {border-top: 4px solid #232323; padding-top: 22px; padding-right: 20px}
.fine-print {font-size: 7.5pt; color: #5b5b5b; width: 298px; line-height: 1.2em; float: right}
.fine-print p {margin: 0; padding: 0; text-align: justify; text-justify: inter-word; padding-top: 19px}
.made-by-youdo {float: right; text-align: right; margin-right: 17px; font-size: 8.5pt}
.made-by-youdo a.youdo-logo {display: inline-block; height: 60px; width: 160px; background: transparent url(/images/youdo-logo.gif) no-repeat; overflow: hidden}
.made-by-youdo a.youdo-logo:hover {text-decoration: none}
.made-by-youdo p {color: #a0a0a0; padding-right: 14px}
.made-by-youdo p a {color: #fff}
.subscribe-div {position: absolute; width: 412px; margin: -100px 0 0 -60px}
.subscribe-div2 {background: transparent url(/images/bg-subscribe-div.png) no-repeat 0 0; height: 253px; width: 352px; padding: 30px}
.subscribe-div-inner {background-color: #fff; border-top: 1px solid #fff}
.subscribe-div h4 {background: transparent url(/images/bg-subscribe-div.png) no-repeat -1px -350px; height: 29px; width: 316px; overflow: hidden; text-indent: -9999px; padding: 10px 0 0 20px; border-top: 2px solid #fff}
.subscribe-div p {padding: 0 21px 12px 20px; text-shadow: none; color: #666; font-size: 8pt; text-align: justify; text-justify: inter-word; line-height: 1.35em}
.subscribe-div .field-row {margin-bottom: 8px; padding-left: 20px}
.subscribe-div input.text-field {outline: none; border: none; background-color: #eee; border: 1px solid #eee; font: normal 12pt Arial, Helvetica, sans-serif; padding: 3px 4px; color: #aaa; width: 300px}
.subscribe-div .submit-subscribe {background: transparent url(/images/bg-subscribe-div.png) no-repeat -20px -393px; margin-top: 3px; height: 28px; width: 111px}
.subscribe-div .fieldWithErrors {}
.subscribe-div .fieldWithErrors input.text-field {background-color: #E7D5D5; border: 1px solid #b76969; color: #000}
.formError {color: #992122; font-size: 8pt; line-height: 1.1em; padding: 2px 0 0 3px; margin-bottom: -7px}
.subscribe-loader {text-align: center !important; margin-top: 83px}
.subscribe-thanks {text-indent: -9999px; overflow: hidden; height: 170px; margin-top: 20px; background: transparent url(/images/subscribe-thanks.gif) no-repeat center center}
a.close-subscribe {position: absolute; height: 22px; width: 22px; overflow: hidden; display: block; background: transparent url(/images/close-popup.png) no-repeat 0 0; text-indent: -9999px; margin: -12px 0 0 342px; cursor: pointer}
 .tour-feature {background: transparent url(/images/bg-border-across.gif) repeat-x 0 bottom; padding: 28px 0 32px 0}
.tour-feature .tour-image {float: left; width: 292px}
.tour-feature .right-hand-side {margin-left: 30px}
.tour-feature .tour-blurb {float: left; width: 376px; padding-top: 5px}
.tour-feature .tour-blurb p {font-size: 9pt; line-height: 1.55em; padding: 0 0 2px 2px; text-align: justify; text-justify: inter-word}
.tour-feature .tour-image img {display: block; width: 268px; height: 140px; padding: 1px 8px 8px 1px; background: transparent url(/images/bg-tour-image-mini.png) no-repeat 0 0}
.tour-feature .tour-image a {display: block; position: absolute; background: transparent url(/images/view-large.png) no-repeat right top; overflow: hidden; text-indent: -9999px; width: 278px; height: 150px; margin: -157px 0 0 1px}
.tour-questions {padding: 24px 0 0 0; float: left; width: 59%}
.tour-next {padding: 16px 36px 0 0; float: right; font-size: 9pt; font-weight: bold}
.tour-questions ul li {font-size: 9pt; height: 21px; margin-bottom: 14px}
.tour-questions ul li a {display: inline-block; height: 21px; padding-left: 29px; height: 21px; background: transparent url(/images/bg-tour-questions.gif) no-repeat 0 0}
.tour-questions ul li a span{ display: inline-block; padding-top: 1px; border-bottom: 1px solid #dee7ef; cursor: pointer}
.tour-questions ul li a:hover {text-decoration: none; background-position: 0 -21px}
.tour-questions ul li a:hover span {border-bottom: 1px solid #9bb4cd; text-decoration: none}
.tour-quote {margin-right: -3px}
.tour-quote blockquote {margin-top: 20px; padding: 8px 0 0 28px; font: italic 13.8pt Georgia, "Times New Roman", Times, serif; letter-spacing: -0.01em; color: #888; background: transparent url(/images/bg-tour-quote.gif) no-repeat 12px 0}
.internal-standard .tour-quote {width: 299px}
.tour-quote span {display: block; font-size: 8pt; line-height: 1.2em; color: #999; padding: 10px 0 10px 28px}
ul.tour-benefits {margin: 25px 0 0 20px}
ul.tour-benefits li {font-size: 9pt; padding: 0 0 0 29px; margin-bottom: 14px; letter-spacing: -0.01em; color: #666; background: transparent url(/images/bg-tour-benefits.gif) no-repeat 0 2px; word-spacing: -1px}
 .buzz-casestudy {background: transparent url(/images/bg-border-across.gif) repeat-x 0 bottom; padding: 28px 0 18px 0}
.buzz-casestudy .buzz-image {float: left; width: 197px; padding-top: 10px; padding-left: 3px}
.buzz-casestudy .buzz-blurb {float: left; width: 376px; padding-top: 10px}
.buzz-casestudy .buzz-blurb p {font-size: 9pt; line-height: 1.55em; padding: 0 0 2px 2px; text-align: justify; text-justify: inter-word}
.buzz-casestudy .buzz-blurb p em {font-style: normal; font-weight: bold; color: #000;}
.buzz-casestudy .buzz-image img {display: block; width: 175px; height: 120px; padding: 1px 8px 8px 1px; background: transparent url(/images/bg-buzz-image.gif) no-repeat 0 0}
.buzz-casestudy .buzz-image a {display: block; position: absolute; overflow: hidden; text-indent: -9999px; width: 177px; height: 123px; margin: -129px 0 0 0}
.world-map {margin: 5px 0 -10px 26px}
.world-map img {height: 138px; width: 274px; display: block}
body.buzz .whos-using-beetil h3 {margin: 81px 0 12px 24px}
.buzzy-beetle { }
.buzzy-beetle-overlay {background: transparent url(/images/buzzy-beetle.png) no-repeat; position: absolute; height: 133px; width: 144px; margin: 33px 0 0 495px; overflow: hidden}
.buzz-media-area {padding-top: 35px}
.buzz-media {margin-bottom: 30px}
.buzz-media-left {float: left; width: 270px; margin-right: 37px}
.buzz-media-right {float: left; width: 270px}
.buzz-media p {font-size:9pt; line-height:1.55em; padding:0 0 0 2px; text-align:justify}
h3.page-subheading-buzz-media {margin: 0 0 3px 0; background: transparent url(/images/headings-buzz-media2.gif) no-repeat 0 0; height: 26px; overflow: hidden; text-indent: -9999px}
h3.buzz-first {background-position: 0 0;}
h3.buzz-second {background-position: 0 -27px;}
h3.buzz-third {background-position: 0 -54px;}
h3.buzz-fourth {background-position: 0 -81px;}
h3.buzz-fifth {background-position: 0 -108px;}
h3.buzz-sixth {background-position: 0 -135px;}
h3.buzz-seventh {background-position: 0 -162px;}
h3.buzz-eigth {background-position: 0 -189px;}
h3.buzz-ninth {background-position: 0 -216px;}
 ul.submenu-casestudy {margin: 100px 0 0 24px}
ul.submenu-casestudy li {height: 85px}
ul.submenu-casestudy li a.logo {display: block; float: left; height: 67px; width: 96px; background: transparent url(/images/bg-submenu-casestudy.png) no-repeat 0 0; overflow: hidden; text-indent: -9999px}
ul.submenu-casestudy li p {float: left; font-size: 9pt; width: 172px; padding: 4px 0 0 8px; color: #666}
ul.submenu-casestudy li p a.link-to {margin-top: 6px}
ul.submenu-casestudy li.fronde a.logo {background-position: 0 0;}
ul.submenu-casestudy li.snapper a.logo {background-position: 0 -67px;}
ul.submenu-casestudy li.comtxt a.logo {background-position: 0 -134px;}
ul.submenu-casestudy li.powershop a.logo{background-position: 0 -201px;}
ul.submenu-casestudy li.youdo a.logo {background-position: 0 -268px;}
body.casestudy-fronde ul.submenu-casestudy li.fronde, body.casestudy-snapper ul.submenu-casestudy li.snapper, body.casestudy-comtxt ul.submenu-casestudy li.comtxt, body.casestudy-powershop ul.submenu-casestudy li.powershop, body.casestudy-youdo ul.submenu-casestudy li.youdo {}
.casestudy-breadcrumb {font-size: 9pt; color: #999; margin: 20px 0 0 3px}
img.casestudy-image {display: block; height: 285px; width: 599px; background-color: #ccc; margin: 11px 0 14px 3px}
img.casestudy-image-in-text {margin: 3px 0 20px 25px; float: right}
.casestudy-heading {margin-bottom: 10px !important}
.casestudy-next-back {height: 35px; padding-right: 50px; padding-top: 10px; margin-top: 20px; background: transparent url(/images/bg-border-across.gif) repeat-x 0 0}
.casestudy-next-back p.next {float: right; text-align: right !important; padding-right: 0; width: 40%}
.casestudy-next-back p.back {float: left; width: 40%}
 div.pricing {font-family: Arial, Helvetica, sans-serif; height: 190px; width: 580px; margin-left: 10px; margin-top: 10px}
div.price-per-seat {width: 326px; float: left}
div.price-per-seat div.price {width: 326px; height: 181px; background: transparent url(/images/bg-price.png) no-repeat 0 0}
div.pricing p.signup-link {margin: 36px 0 0 0 !important; font: normal 100% Arial, Helvetica, sans-serif !important; text-align: center; float: left !important; width: 177px; padding: 0 0 0 46px}
div.pricing p.signup-link a {font-size: 16pt !important;}
span.currency {display: block; float: left; color: #666; font-size: 18px; padding: 25px 0 0 21px}
span.amount-per {display: block; float: left; height: 110px; padding: 20px 0 0 6px}
span.dollar-figure {display: block; font-weight: bold; font-size: 62px; line-height: 62px; margin-bottom: 0px; width: 274px; color: #000}
span.per-seat {font-weight: bold; font-size: 19.5pt; padding-left: 4px; line-height: 19.5pt; color: #000}
span.per-month {font-size: 19.5pt; color: #333; line-height: 19.5pt }
div.gets-cheaper {color: #999; height: 42px; line-height: 42px; text-align: center; width: 319px}
div.gets-cheaper span {color: #992220}
div.sign-up-button, div.sign-up-button a {background: transparent url(/images/sign-up-button.gif) no-repeat 0 0;}
div.sign-up-button {background-color: #e5e5e5; margin: 40px 0 22px 14px; height: 58px; width: 277px; overflow: hidden; background-position: 0 0; padding-left: 9px; font: normal 11pt Arial, Helvetica, sans-serif}
div.sign-up-button a {display: block; background-position: 0 -68px; float: left; margin: 9px 0 0 0; height: 42px; width: 118px; overflow: hidden; text-indent: -9999px}
div.sign-up-button span {display: block; float: left; margin: 9px 0 0 8px; line-height: 40px; color: #777}
div.sign-up-button span b {color: #555}
.pricing-faqs {background: transparent url(/images/bg-border-across.gif) repeat-x 0 0; padding-top: 10px; padding-left: 2px; margin-top: 18px}
.pricing-faqs p {font-size: 9pt; padding: 0 50px 0 0; text-align: justify; text-justify: inter-word}
.pricing-faqs h4 {font: normal 15pt Arial, Helvetica, sans-serif; padding: 25px 0 4px 0; color: #333;  }
ul.pricing-extras {margin-left: 24px}
ul.pricing-extras li {margin-bottom: 25px}
ul.pricing-extras li p {font-size: 9pt; padding-left: 3px}
p.browser-icons {height: 90px; margin-top: 15px}
p.browser-icons a {display: block; width: 48px; height: 90px; float: left; overflow: hidden; text-indent: -9999px; background: transparent url(/images/browser-icons.gif) no-repeat 0 0; margin-right: 8px}
p.browser-icons a.firefox {background-position: 0 0;}
p.browser-icons a.safari {background-position: -48px 0;}
p.browser-icons a.ie7 {background-position: -96px 0;}
 .simple-page {padding: 15px 0 0 2px; margin-bottom: 50px}
.faqs-list-left, .faqs-list-right {float: left; padding: 0 0 0 30px; width: 380px;}
.faqs-list h3 {font: normal 15pt Arial, Helvetica, sans-serif; display: inline; cursor: pointer}
.faqs-list h3 a {color: #333; border-bottom: 1px dotted #ccc}
.faqs-list h3 a:hover {text-decoration: none; color: #000; border-bottom: 1px solid #ccc}
.faqs-heading {margin-bottom: 20px}
.faqs-list ul {margin: -10px 0 25px 0; display: block}
.faqs-list ul li {font-size: 9pt; margin-bottom: 5px}
.faqs-answers {margin: 10px 34px 0 30px; background: transparent url(/images/bg-border-across.gif) repeat-x 0 0; padding-top: 30px}
.faqs-answers h3 {font: normal 18pt Arial, Helvetica, sans-serif; color: #000; margin-bottom: 10px}
.faqs-answers ul {margin-bottom: 35px}
.faqs-answers ul li {margin-bottom: 20px; background: transparent url(/images/bg-question.gif) no-repeat 0 0; padding-left: 40px}
.faqs-answers ul li h4 {font: normal 13pt Arial, Helvetica, sans-serif; padding: 3px 0 4px 0}
.faqs-answers ul li p {font-size: 9pt; width: 600px; text-align: justify; text-justify: inter-word; padding-bottom: 8px}
ul.faq-answer-list {margin-bottom: 8px; padding-left: 16px; list-style-type: disc; width: 584px}
ul.faq-answer-list li {padding: 0; font-size: 9pt; background-image: none; margin-bottom: 0}
.back-to-top {padding-top: 4px}
.back-to-top a {font-size: 7.5pt; color: #999}
.back-to-top a span {font-family:verdana; font-size:6.5pt; vertical-align:-1px}
.back-to-top a:hover {text-decoration: none; color: #336699}
.privacy-content, .terms-content, .success-content{ margin-left: 30px; padding-top: 5px}
.privacy-content p, .terms-content p, .success-content p{ font-size: 9pt; width: 600px; text-align: justify; text-justify: inter-word; padding: 0 0 8px 0}
.privacy-content ul, .terms-content ul{ width: 584px; list-style-type: disc; padding-left: 16px}
.privacy-content ul li, .terms-content ul li {font-size: 9pt; margin-bottom: 8px}
.privacy-content h3, .terms-content h3{ font: normal 18pt Arial, Helvetica, sans-serif; padding: 20px 0 4px 0; color: #333}
.about-content {margin-top: 8px; padding-top: 28px; background: transparent url(/images/bg-border-across.gif) repeat-x 0 0}
.beetil-story {}
.beetil-story h3 {margin: 81px 0 12px 24px}
.beetil-story a {display: block; margin-left: 24px; margin-top: 20px; cursor: pointer}
.beetil-story a img {margin-right: -3px; display: block}
 .contact-address {font-size: 9pt; line-height: 1.7em; padding: 30px 0 32px 4px;}
.contact-address .top-left {float: left; width: 260px; margin-right: 40px;}
.contact-address .top-right {float: left; width: 260px;}
.contact-address .contact-type {display: block; float: left; font-weight: bold; padding-right: 20px}
.contact-address address {float: left; font-style: normal}
.contact-other {padding-top: 20px; padding-left: 4px}
.contact-list {width: 574px}
.contact-list li {border-bottom: 1px dotted #ddd; font-size: 9pt; line-height: 2.8em}
.contact-list .contact-type {display: inline-block; width: 67px; font-weight: bold}
a.campfire-empty {color: #ddd}
.google-map {background: transparent url(/images/bg-google-map.gif) no-repeat 0 0; padding: 1px 0 0 1px; margin-left: 4px}
.rhs-images {margin: 80px -10px 0 24px}
.rhs-images img {display: block; margin-bottom: 20px}
 div.overlay {padding:40px; width:560px; display:none; background:url(/images/white2.png)}
div.overlay div.close, div.overlay2 div.close {background:url(/images/close.png) no-repeat; position:absolute; top:2px; right:5px; width:35px; height:35px; cursor:pointer}
div.overlay a {height:364px; display:block}