/* v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

small {
    font-size: 0.9em;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body {
    font: 100% Arial, Helvetica, sans-serif;
    background: #fff;
    color: #444;
}

.hide {
    display: none;
}

a {
    color: #06c;
}

a:hover {
    color: #039;
}

.wrap {
    width: 940px;
    margin: 0 auto;
    overflow: hidden;
}

.content-wrap {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}

#nav-top {
    background: #012334;
    color: #fff;
    padding: 10px 0;
    overflow: hidden;
    border-bottom: 1px solid #00131C;
}

    #logo {
        float: left;
        font-weight: bold;
        font-size: 1.5em;
    }
    
        #logo a {
            display: block;
            width: 130px;
            height: 40px;
            line-height: 40px;
            background: #012334 url(img/logo.png) no-repeat 0 0;
            text-indent: -9999px;
        }
        
        #logo a:hover {
            background-position: 0 -40px;
        }
    
    #account-options {
        float: right;
        font-size: 0.8em;
        height: 40px;
    }
    
        #account-options li {
            float: left;
        }
        
        #account-options a {
            display: block;
            color: #e0e6ec;
            font-weight: bold;
            margin: 5px 0;
            padding: 0 10px;
            line-height: 30px;
            background: #012334;
            text-decoration: none;
            border-right: 1px solid #00131C;
        }
        
        #account-options #register-button a {
            border-right: 0;
        }
        
        #account-options a:hover {
            color: #fff;
            background: #0080BD;
        }
        
#nav {
    background: #0181BE url(img/bg-nav.jpg) repeat-x left bottom;
    color: #fff;
    border-top: 1px solid #0195DC;
    border-bottom: 1px solid #026B9D;
    overflow: hidden;
}

    #nav li {
        float: left;
    }
    
    #nav a {
        display: block;
        padding: 10px 12px;
        color: #B4E6FE;
        text-decoration: none;
        font-weight: bold;
    }
    
    #nav a:hover {
        color: #fff;
    }
    
    #nav .current_page_item a, #nav .current_page_ancestor a {
        color: #fff;
        text-shadow: -1px -1px 0 #026B9D;
        background: #0091D7;
    }
    
    #call-us {
        float: right;
        padding: 10px 10px 10px 16px;
        font-weight: bold;
        font-size: 0.9em;
        background-image: url(img/call-us.png);
        background-repeat: no-repeat;
        background-position: left center;
    }
        
#heading {
    background: #0080BD url(img/bg-header.jpg) repeat-x left top;
    color: #fff;
    padding: 30px 0;
    border-top: 1px solid #0091D7;
    overflow: hidden;
}

    #heading h1 {
        float: left;
        font: bold 2.2em/1.3 "Segoe UI", "Lucida Grande", "Trebuchet MS", sans-serif;
        letter-spacing: -1px;
        text-shadow: -1px -1px 0 #026B9D;
    }
    
    .form #heading h1 {
        line-height: 1.3;
    }

    a#register-heading {
        float: right;
        font-size: 1em;
        color: #fff;
        line-height: 2.2em;
        width: 152px;
        height: 40px;
        background-image: url(img/register-secondary.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        text-indent: -9999px;
    }
    
    a#register-heading:hover {
        background-position: 0 -40px;
    }

#content {
    border-top: 1px solid #fff;
    font-size: 0.9em;
    line-height: 1.3;
}
    
    .page-template-page_features-php #content .content-wrap,
    .page-template-page_help-php #content .content-wrap,
    .blog #content .content-wrap, .single #content .content-wrap,
    .page-template-page_contact-php #content .content-wrap,
    .error404 #content .content-wrap,
    .archive #content .content-wrap,
    .search-results #content .content-wrap,
    body.form #content .content-wrap  {
        background: #fff url(img/bg-sidebar.jpg) no-repeat 640px 0;
    }

    #main {
        float: left;
        width: 610px;
        margin: 20px 20px 20px 10px;
    }

    #sidebar, #promo, .second-block {
        float: right;
        width: 310px;
        margin: 20px 10px 20px 0;
        font-size: 0.9em;
        color: #555;
    }
    
    .first-block {
        width: 310px;
        float: left;
    }
    
    .second-block {
        width: 260px;
        margin-top: 0;
        padding-left: 20px;
    }
    
    .intro {
        color: #222;
        font-size: 1.6em;
        padding-bottom: 5px;
    }
    
    .archive .intro, .search-results .intro {
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #ddd;
    }
    
    .archive .entry .intro, .search-results .entry .intro {
        padding-bottom: 5px;
        margin-bottom: 0;
        border-bottom: 0;
    }
    

    #content p {
        margin-bottom: 15px;
    }
    
    #content .entry .intro p {
        margin-bottom: 5px;
    }
        
#usp, #support {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #fff;
    font-size: 1.25em;
}

    #usp li a, #support li a {
        display: block;
        padding: 12px 10px 12px 42px;
        color: #555;
        font-weight: bold;
        text-decoration: none;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #ddd;
        background-repeat: no-repeat;
        background-position: 10px center;
        text-shadow: -1px -1px 0px #fff;
    }
    
    #usp li a:hover, #support li a:hover {
        color: #222;
        background-color: #fff;
    }
    
    #usp li.coolant-log a {
        background-image: url(img/icons/coolant-log-24.png);
    }
    
    #usp li.logbook a {
        background-image: url(img/icons/logbook-24.png);
    }
    
    #usp li.always-247 a {
        background-image: url(img/icons/always-24.png);
    }
    
    #usp li.reporting a {
        background-image: url(img/icons/stats-24.png);
    }
    
    #usp li.active a, #support li.active a {
        background-color: #fff;
        color: #222;
    }
    
    #support li.faq a {
        background-image: url(img/icons/faq-24.png);
    }
    
    #support li.support a {
        background-image: url(img/icons/support-24.png);
    }
    
    #support li.manual a {
        background-image: url(img/icons/manual-24.png);
    }
    
#feature-block, .sidebar-block {
    background: #f6f6f6;
    border: 1px solid #ddd;
    margin: 25px 0 15px 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    #feature-block h3, .sidebar-block {
        background: #eee;
        padding: 10px;
        font-size: 1.1em;
        border-bottom: 1px solid #ddd;
    }

    #feature-block a {
        display: block;
        padding: 7px 10px 7px 32px;
        border-bottom: 1px solid #eee;
        border-top: 1px solid #fff;
        color: #06c;
        text-decoration: none;
        background-position: 10px center;
        background-repeat: no-repeat;
    }
    
    #feature-block .active a {
        background-color: #fff;
        font-weight: bold;
    }
    
    #feature-block a:hover {
        text-decoration: underline;
        color: #039;
    }
    
    #feature-block .feature-list a {
        background-image: url(img/icons/zoom-16.png);
    }
    
    #feature-block .benefits a {
        background-image: url(img/icons/benefits-16.png);
    }
    
    #feature-block .certification a {
        background-image: url(img/icons/certification-16.png);
    }
    
    #feature-block .faq a {
        background-image: url(img/icons/faq-16.png);
    }
    
    #feature-block .tour a {
        background-image: url(img/icons/tour-16.png);
    }
    
h2 {
    font: bold 1.8em "Segoe UI", "Lucida Grande", "Trebuchet MS", sans-serif;
    letter-spacing: -1px;
    margin-bottom: 5px;
    color: #000;
}

h3 {
    font-size: 1.4em;
    color: #222;
    font-weight: normal;
}

h4 {
    font-size: 1.1em;
    font-weight: bold;
    color: #555;
    margin-top: 0.5em;
}

.feature {
    padding-left: 64px;
    padding-bottom: 10px;
}

    .feature h2 {
        letter-spacing: -1px;
    }

    .feature h2 a {
        text-decoration: none;
    }
    
    .feature h2 a:hover {
        text-decoration: underline;
    }
    
    #main .coolant-log {
        background: #fff url(img/icons/coolant-log-48.png) no-repeat 0 5px;
    }
    
    #main .logbook {
        background: #fff url(img/icons/logbook-48.png) no-repeat 0 5px;
    }
    
    #main .always-247 {
        background: #fff url(img/icons/always-48.png) no-repeat 0 5px;
    }
    
    #main .reporting {
        background: #fff url(img/icons/stats-48.png) no-repeat 0 5px;
    }
    
#pre-footer {
    background: #fff url(img/bg-footer-top.png) repeat-x left bottom;
}

    body.form #footer {
        padding-top: 20px;
        background: #fff url(img/bg-footer-top.png) repeat-x left top;
    }
    
    #final-cta {
        background: #d7F2FF url(img/bg-footer-final.png) repeat-x left bottom;
        color: #222;
        border: 1px solid #BFEBFF;
        border-bottom: 0;
        width: 898px;
        padding: 10px 20px;
        overflow: hidden;
        margin: 0 auto;
        border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
    }
    
    #final-cta:hover {
        border-width: 3px;
        border-bottom: 0;
        padding-top: 8px;
        padding-left: 18px;
        padding-right: 18px;
    }
    
    #final-cta div {
        float: left;
        width: 720px;
        background-image: url(img/blue-arrow.png);
        background-repeat: no-repeat;
        background-position: 640px center;
    }
    
    #final-cta p {
        padding-top: 3px;
        font: 1.6em/1.2 "Segoe UI", "Lucida Grande", "Trebuchet MS", sans-serif;
        letter-spacing: -1px;
        word-spacing: 0;
    }
    
    #final-cta img {
        float: left;
        margin: 0 10px 0 0;
    }
    
    #final-cta a {
        float: right;
        font-size: 1em;
        color: #fff;
        line-height: 2.2em;
        width: 152px;
        height: 40px;
        background-image: url(img/register-final.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        margin-top: 19px;
        text-indent: -9999px;
    }
    
    #final-cta a:hover {
        background-position: 0 -40px;
    }
    
.mod {
    margin: 10px;
    float: left;
}
    
    .mod.small {
        width: 220px;
    }
    

#footer {
    clear: both;
    font-size: 0.8em;
    line-height: 1.3;
    color: #666;
    padding-top: 10px;
    background: #fff;
    overflow: hidden;
}

    #footer #copyright {
        clear: both;
        background: #f6f6f6;
        padding: 10px;
        margin: 20px 10px 10px 10px;
        float: left;
        width: 920px;
    }

    #footer p {
        margin-bottom: 0.6em;
    }
    
    #footer a {
        color: #444;
    }
    
    #footer a:hover {
        color: #039;
    }
    
.anti-spam {
    font-size: 0.9em;
    line-height: 1.2;
    color: #999;
    padding: 7px 0;
}

.cmsub42 {
    margin: 0;
    padding: 0;
}

.cmsub42 .textfield {
    width: 250px;
    height: 21px;
    padding: 3px;
    border: 1px solid #d8d8d8;
    vertical-align: top;
    -moz-border-radius: 3px 0 0 3px;
}

    #footer .cmsub42 .textfield {
        width: 120px;
    }

.cmsub42 label {
    display: none;
}

#footer .options {
    border-bottom: 1px solid #ddd;
}

#footer .options li {
    border-top: 1px solid #ddd;
    padding: 5px;
}

#footer h3 {
    font-size: 1.2em;
    font-weight: normal;
    color: #333;
    margin-bottom: 5px;
}

.breadcrumbs {
    font-size: 0.9em;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    margin-bottom: 10px;
    color: #666;
}

    .breadcrumbs a {
        color: #999;
        text-decoration: none;
    }
    
    .breadcrumbs a:hover {
        color: #039;
        text-decoration: underline;
    }
    
    
.illu-1 {
    float: right;
    margin: 0 0 20px 20px;
}

.illu-2 {
    float: left;
    margin: 0 20px 20px 0;
}

    .zoom {
        border: 1px solid #ccc;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        text-decoration: none;
    }
    
    .zoom:hover {
        border-color: #999;
    }
    
    .zoom:hover .zoom-img {
        display: block;
        background: #000 url(img/zoom.png) no-repeat center center;
        background-color: rgba(0, 0, 0, 0.2);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
    }
    
.features {
    border-top: 1px solid #eee;
    padding-top: 20px;
    margin-top: 20px;
}

    .features .row {
        margin-top: 10px;
    }

    .features .column {
        float: left;
        width: 280px;
        margin-right: 20px;
        font-size: 0.9em;
    }
    
    .features h4 {
        color: #222;
    }
    
.benefits p {
    padding-left: 62px;
}

.benefits h2 {
    line-height: 1;
}
    
.benefit span {
    display: block;
    text-indent: -9999px;
    float: left;
    width: 42px;
    height: 42px;
    background: #fff url(img/voordelen.png) no-repeat 0 0;
    margin: 0 20px 0 0;
}
    
.benefit.benefit-two span {
    background-position: -42px 0;
}

.benefit.benefit-three span {
    background-position: -84px 0;
}

.benefit.benefit-four span {
    background-position: -126px 0;
}

.benefit.benefit-five span {
    background-position: 0 -42px;
}

.benefit.benefit-six span {
    background-position: -42px -42px;
}

.benefit.benefit-seven span {
    background-position: -84px -42px;
}

#promo {
    background: #fff url(img/shadow-left.png) no-repeat 0 0;
    width: 250px;
    margin: 20px 10px 20px 0;
    padding: 20px 0 20px 40px;
    font-size: 1.2em;
    line-height: 1.2;
}

    #promo img {
        float: right;
        margin: 0 0 10px 10px;
    }
    
#pricing {
    clear: both;
    margin: 10px 10px 50px 10px;
}

    #pricing p {
        margin: 20px 0;
    }
    
    #pricing thead th {
        font: bold 2em/1 "Segoe UI", "Lucida Grande", "Trebuchet MS", sans-serif;
        letter-spacing: -1px;
        color: #fff;
        padding: 15px 0;
        border: 1px solid #fff;
    }
    
        #pricing thead th.odd, #pricing .prices td.odd {
            background: #5D9D43 url(img/bg-pricing-odd.jpg) repeat-x left top;
        }
        
        #pricing thead th.even, #pricing .prices td.even {
            background: #4A7E36 url(img/bg-pricing-even.jpg) repeat-x left top;
        }

    #pricing td {
        background: #85BA61;
        color: #fff;
        border: 1px solid #fff;
        padding: 10px;
        text-align: center;
        font-weight: bold;
        width: 162px;
    }
    
    #pricing .nr-users td {
        font-size: 1.2em;
    }
    
    #pricing .odd td.even, #pricing .target td.even {
        background: #74B04C;
    }
    
    #pricing td.odd {
        background: #B5DE83;
    }
    
    #pricing .odd td.odd, #pricing .target td.odd {
        background: #9ED45C;
    }
    
    #pricing tbody th {
        width: 180px;
        padding: 5px 10px;
        text-align: left;
        font-size: 0.9em;
        vertical-align: middle;
        border: 1px solid #fff;
    }
    
    #pricing .odd th {
        background: #DAF2FE;
    }
    
    #pricing .even th {
        background: #B5E6FD;
    }
    
    #pricing .prices th span {
        font-size: 0.8em;
        color: #888;
    }
    
    #pricing .prices td {
        font-size: 2.4em;
        letter-spacing: -1px;
    }
    
    #pricing .prices .euro {
        font-size: 0.6em;
    }
    
    #pricing .prices del {
        font-size: 0.6em;
        color: #F1FC3C;
        vertical-align: top;
    }
    
    #pricing .prices .new {
        vertical-align: top;
        font-size: 0.4em;
        letter-spacing: 0;
        color: #F1FC3C;
        text-transform: uppercase;
    }
    
    #pricing td a {
        display: block;
        font-size: 1.1em;
        padding: 8px 10px;
        margin: 5px;
        background: #eee url(img/bg-button.png) repeat-x left top;
        color: #666;
        text-decoration: none;
        letter-spacing: -1px;
        border: 1px solid #74B04C;
        border-radius: 15px;
        text-shadow: -1px -1px 0 #fff;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
    }
    
    #pricing td.odd a {
        border: 1px solid #9ED45C;
    }
    
    #pricing td a:hover {
        background: #fff;
        color: #000;
    }
    
    #pricing th img {
        vertical-align: top;
    }
    
    
#all-features .feature {
    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 0 0 15px 0;
}

    #all-features .feature img {
        margin-top: 5px;
        float: left;
    }

    #all-feature .feature h2 {
        margin: 0;
        line-height: 0;
    }

    #all-features .feature .text {
        float: right;
        width: 565px;
    }
    
    #all-features .feature ul {
        list-style: disc;
        margin-left: 20px;
        font-size: 0.9em;
        line-height: 1.6;
    }
    
    #all-features .feature li {
        width: 250px;
        margin-right: 20px;
        float: left;
    }
    
.content ol, .entry ol {
    margin-left: 25px;
    list-style-type: decimal;
    margin-bottom: 1em;
}

    .content ol li, .entry ol li {
        margin-bottom: 0.5em;
    }
    
.content ul, .entry ul {
    margin-left: 25px;
    list-style-type: disc;
    margin-bottom: 1em;
}

    .content ul li, .entry ul li {
        margin-bottom: 0.5em;
    }
    
.edit-page a, #contactsubmit, .alignleft a, .alignright a, .form-style .buttons input {
    display: block;
    float: left;
    margin: 10px;
    background: #eee url(img/bg-button.png) repeat-x left top;
    font-size: 12px;
    font-weight: bold;
    color: #666;
    text-decoration: none;
    padding: 5px 20px;
    border: 1px solid #ccc;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    text-shadow: -1px -1px 0 #fff;
}

    .alignright {
        float: right;
    }

    .edit-page a:hover, #contactsubmit:hover, #contactsubmit:focus,
    .alignleft a:hover, .alignright a:hover,
    .form-style .buttons input:hover, .form-style .buttons input:focus {
        color: #333;
        background: #fff;
    }
    
.message {
    margin: 10px 0;
    padding: 10px 20px;
}
    
    .message.success, .message.info {
        background: #84b84d;
        color: #fff;
        border-top: 1px solid #64982d;
    }
    
    .message.error {
        background: #f99;
        border: 1px solid #f66;
        color: #600;
    }
    
    .form-style .message {
        margin: 0;
    }

#searchform {
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 10px 0 10px 15px;
    -moz-border-radius: 0 7px 7px 0;
}
    
#searchform label {
    display: none;
}

.news-block h2 {
    font-size: 1.6em;
    padding: 15px 0 5px 15px;
    margin: 0;
    border-bottom: 1px solid #e6e6e6;
    color: #666;
}

.news-block .pod {
    padding: 10px 10px 10px 15px;
}

.news-block ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #fff;
}

    .news-block li a {
        display: block;
        padding: 5px 5px 5px 15px;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #e6e6e6;
        color: #666;
        text-decoration: none;
    }
    
    .news-block li a:hover {
        color: #039;
        font-weight: bold;
        background: #fff;
    }
    

.contactform {
    border: 1px solid #eee;
}

    .contactform form {
        padding: 10px;
    }

    .contactright {
        clear: both;
        overflow: hidden;
    }
    
.hentry {
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

    .hentry h2 {
        font-size: 2em;
        line-height: 1;
        margin-bottom: 0.5em;
    }

        .hentry h2 a {
            text-decoration: none;
        }

        .hentry h2 a:hover {
            text-decoration: underline;
        }
    
    .hentry .date {
        font: 0.45em Helvetica, Arial, sans-serif;
        color: #888;
        letter-spacing: 0;
    }
    
    .hentry .more-link {
        padding-bottom: 10px;
        display: block;
    }

    .hentry .meta {
        border-top: 1px dotted #eee;
        padding-top: 10px;
        font-size: 0.9em;
        color: #888;
    }

        .hentry .meta .edit-page {
            float: right;
        }
        
        
#tour .item {
    margin: 20px 0 0 0;
    clear: both;
    float: left;
    width: 610px;
    padding-bottom: 20px;
    background: #fff url(img/bar-arrow.png) no-repeat center bottom;
}

    #tour .item h2 {
        line-height: 1;
        margin-bottom: 10px;
    }
    
    body.page-id-25 h2 {
        border-top: 1px solid #eee;
        padding-top: 10px;
        padding-left: 10px;
        margin-top: 20px;
    }
    
    body.page-id-25 h3 {
        padding: 10px;
        line-height: 1;
        margin-top: 10px;
        margin-bottom: 10px;
        background: #fff url(img/bar-arrow.png) no-repeat center top;
    }
    
    body.page-id-25 #content #main .content h4 {
        padding-left: 10px;
        color: #000;
    }
    
    body.page-id-25 #content #main .content p {
        padding-left: 10px;
    }

    #tour .item.i1 {
        margin-top: 0;
    }

    #tour .item .text {
        padding-left: 62px;
    }

    #tour h2 span {
        float: left;
        width: 42px;
        height: 42px;
        background: #fff url(img/tour.png) no-repeat 0 0;
        text-indent: -9999px;
        margin: 0 20px 0 0;
    }
    
    #tour .i2 h2 span {
        background-position: -42px 0;
    }
    
    #tour .i3 h2 span {
        background-position: -84px 0;
    }
    
    #tour .i4 h2 span {
        background-position: -126px 0;
    }
    
    #tour .i5 h2 span {
        background-position: 0 -42px;
    }
    
    #tour .i6 h2 span {
        background-position: -42px -42px;
    }
    
    #tour .i7 h2 span {
        background-position: -84px -42px;
    }
    
    #tour .i8 h2 span {
        background-position: -126px -42px;
    }
    
    #tour .i9 h2 span {
        background-position: 0 -84px;
    }
    
    #tour .i10 h2 span {
        background-position: -42px -84px;
    }
    
    #tour a.zoom {
        float: right;
        margin: 0 0 20px 20px;
    }
    
    
#puller {
    width: 470px;
    height: 240px;
    float: left;
}

    #puller h1 {
        font-size: 1.9em;
        line-height: 1.2;
        margin-bottom: 10px;
    }
    
    #puller #tagline {
        clear: both;
    }
    
    #puller p {
        font-size: 1.1em;
        margin-top: 10px;
        line-height: 1.3;
    }
    
#home #heading {
    padding-bottom: 0;
    position: relative;
}

    #home #heading .wrap {
        overflow: hidden;
        background-image: url(img/flakes.png);
        background-repeat: no-repeat;
        background-position: center bottom;
    }
    
#cta-bar {
    background: #fff;
    color: #666;
    padding: 10px 0;
    margin-top: 30px;
    border-top: 1px solid #0195DC;
    border-bottom: 1px solid #ddd;
}

    #home #heading #cta-bar .wrap {
        background-image: none;
    }
    
    #home #content {
        background: #fff url(img/bg-home-content.jpg) repeat-x left top;
    }

    #cta-bar .explanation {
        font-size: 0.7em;
        padding-top: 7px;
    }
    
    #cta-bar .wrap {
        padding-right: 470px;
        width: 470px;
    }
    
    #cta a {
        display: block;
        width: 197px;
        height: 49px;
        float: left;
        background: #fff url(img/cta.png) no-repeat 0 0;
        margin-right: 20px;
        text-indent: -9999px;
    }
    
    #cta a:hover {
        background-position: 0 -49px;
    }
    
#main-screenshot {
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: 30px;
    z-index: 99;
    text-decoration: none;
}

#home #main {
    width: 599px;
    border-right: 1px solid #ddd;
    margin-right: 0;
    padding-right: 10px;
}

    #home #main p {
        font-size: 1.2em;
    }
    
    #home #main p.toggle {
        font-size: 0.85em;
        margin-left: 30px;
    }
    
    #home #main .feature {
        padding: 0;
        float: left;
        width: 240px;
        padding-left: 35px;
        margin-right: 20px;
        margin-top: 5px;
        margin-bottom: 8px;
    }
    
        #home #main #logbook {
            background-image: url(img/icons/logbook-24.png);
            background-repeat: no-repeat;
            background-position: 0 2px;
        }
        
        #home #main #always-247 {
            background-image: url(img/icons/always-24.png);
            background-repeat: no-repeat;
            background-position: 0 2px;
        }
        
        #home #main #coolant-log {
            background-image: url(img/icons/coolant-log-24.png);
            background-repeat: no-repeat;
            background-position: 0 2px;
        }
        
        #home #main #reporting {
            background-image: url(img/icons/stats-24.png);
            background-repeat: no-repeat;
            background-position: 0 2px;
        }
    
        #home .feature h3 {
            font-size: 1.1em;
            font-weight: bold;
        }
    
        #home #main .feature p {
            font-size: 0.9em;
            margin-bottom: 5px;
        }
        
        #home #main .feature p.more {
            font-size: 0.9em;
        }
        
#home #sidebar {
    float: right;
    width: 330px;
    margin: 20px 10px 20px 0;
    font-size: 0.9em;
    color: #555;
}

    #home #sidebar #certified {
        background: #fff;
        color: #333;
        padding: 15px 15px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #eee;
        font-size: 1.1em;
    }
    
    #home #sidebar #certified img {
        float: left;
        margin: 0 10px 10px 0;
    }
    
    #home #sidebar #certified .more {
        padding: 0;
        margin: 0;
    }
    
    #home #sidebar #testimonial, #home #sidebar #recent-news {
        padding: 15px;
    }
    
    #home #sidebar #testimonial {
        border-bottom: 1px solid #eee;
    }
    
        #home #sidebar #testimonial img, body.form #sidebar img {
            float: left;
        }
    
        #home #sidebar #testimonial .from, body.form #sidebar .from {
            font-weight: bold;
            color: #333;
            text-align: right;
            margin-bottom: 0;
        }
    
            #home #sidebar #testimonial .from span, body.form #sidebar .from span {
                font-size: 0.9em;
                color: #666;
                font-weight: normal;
            }
    
        #home #sidebar #testimonial blockquote, body.form #sidebar blockquote {
            font: italic 1.2em/1.3 "Georgia", "Garamond", "Times New Roman", serif;
            padding: 5px 0 5px 20px;
        }
        
        #home #sidebar #testimonial blockquote {
            background: #fff url(img/blockquote-top.png) no-repeat 0 0;
        }
        #home #sidebar #testimonial blockquote p {
            padding-right: 20px;
            background: #fff url(img/blockquote-bottom.png) no-repeat right bottom;
        }
        
    #home #recent-news ol {
        border-top: 1px dotted #ddd;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    
        #home #recent-news ol li {
            border-bottom: 1px dotted #ddd;
        }
        
        #home #recent-news ol a {
            display: block;
            padding: 7px 5px;
            color: #444;
            text-decoration: none;
            font-size: 1em;
        }
        
            #home #recent-news ol a span {
                font-size: 0.8em;
                color: #888;
                margin-right: 5px;
            }
            
        #home #recent-news ol a:hover, #home #recent-news ol a:hover span {
            color: #039;
        }
        
        #home #recent-news ol a:hover {
            text-decoration: underline;
        }
        
.toggle {
    display: block;
    float: left;
    margin: 10px;
    background: #eee url(img/bg-button.png) repeat-x left top;
    overflow: hidden;
}

    .toggle a {
        float: left;
        background: #eee url(img/bg-button.png) repeat-x left top;
        color: #666;
        text-decoration: none;
        padding: 7px 20px;
        border: 1px solid #ccc;
        border-left: 1px solid #fff;
        font-weight: bold;
        text-shadow: -1px -1px 0 #fff;
    }
    
    .toggle a.first {
        border-left: 1px solid #ccc;
        border-radius: 12px 0 0 12px;
        -webkit-border-radius: 12px 0 0 12px;
        -moz-border-radius: 12px 0 0 12px;
    }
    
    .toggle a.last {
        border-radius: 0 12px 12px 0;
        -webkit-border-radius: 0 12px 12px 0;
        -moz-border-radius: 0 12px 12px 0;
    }
    
    .toggle a:hover {
        color: #222;
        background: #fff;
    }
    
#quick {
    background: #fff url(img/bar-arrow.png) no-repeat center top;
    overflow: hidden;
    clear: both;
    padding: 10px;
    font-size: 0.85em;
    margin-top: 10px;
    float: left;
    width: 580px;
}

    #quick h2 {
        font-size: 1.8em;
        margin: 5px 0 10px 0;
    }
    
body.form .intro {
    margin-bottom: 0;
}
    
.form-style {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    -moz-border-radius: 5px;
}

    .form-style table {
        width: 100%;;
    }
    
    .form-style .form-message {
        border-top: 1px solid #eee;
    }

    .form-style h3 {
        background: #eee;
        color: #555;
        font-size: 1.2em;
        font-weight: bold;
        padding: 10px;
        margin: 0;
        background: #fff url(img/bar-arrow.png) no-repeat center top;
    }
    
    .form-style th {
        text-align: right;
        width: 200px;
        padding: 10px;
        border-top: 1px solid #eee;
        vertical-align: top;
    }
    
    .form-style .error th {
        color: #c00;
    }
    
    .form-style .errorlist {
        margin: 10px 0 0 0;
        font-size: 0.9em;
        color: #c00;
    }
    
    .form-style table table th {
        border-top: 1px dotted #eee;
        text-align: left;
        width: auto;
        padding: 5px 0;
    }
    
    .form-style td {
        padding: 10px;
        border-top: 1px solid #eee;
        vertical-align: top;
    }
    
    .form-style table table td {
        border-top: 1px dotted #eee;
        padding: 5px 0;
    }
    
    .form-style .buttons {
        background: #eee;
        padding: 10px 20px 12px 230px;
        overflow: hidden;
    }
    
    .form-style .buttons input {
        margin: 0;
        font-family: inherit;
        font-size: 1.1em;
        padding: 8px 15px;
    }
    
    .form-style span {
        font-size: 0.8em;
        color: #888;
    }
    
    .form-style td p {
        margin-top: 10px;
        font-size: 0.8em;
        color: #888;
    }
    
.pricing td {
    font-size: 0.9em;
}

    .pricing td .price-per-month span {
        font-size: 1.1em;
    }
    
    .pricing td.price {
        text-align: right;
    }