﻿body
{
    margin: 0;
    font-family: Verdana, Arial;
    font-size: 14px;
    color: #666666;
    line-height: 1.4em; 
    background-color: #337599;
}
a { color: #6699cc; }
ul { list-style-type: none; margin: 0; padding: 0;  }
ol li { margin-bottom: 15px; }
label { display: block; float: left; width: 80px; text-align: right; padding-right: 12px; }
form div { margin-bottom: 10px;  }
img { border: none; }
h2 { color: #336699; font-weight: normal; }
h3 { color: #336699; }
h3 a { text-decoration: none; }
table { border-collapse: collapse; }
th { text-align: left; background-color: #73431c; color: White; font-weight: bold; }
.error { font-size: 0.95em; margin: 0px 10px 15px 10px; padding: 6px 8px 6px 32px; border: solid 1px #F16048; color: #DF280A; background: #FAEBE7 url(../Images/exclamation.gif) no-repeat 10px 8px; }
.success { font-size: 0.95em; margin: 5px 10px 5px 10px; padding: 6px 8px 6px 32px; border: solid 1px #95A486; color: #3D6611; background: #EFF5EA url(../Images/tick.gif) no-repeat 10px 8px; }

.wrapper { width: 950px; margin: 20px auto 22px auto; background: #ffffde url(../Images/page-bg.png) repeat-x; }
.wrapper .top { width: 950px; height: 11px; background-image: url(../Images/wrapper-top.png); }
.wrapper .bottom { width: 950px; height: 11px; background-image: url(../Images/wrapper-bottom.png); clear: both; }
.content { padding: 20px 55px 60px 55px; min-height: 600px;  }

.top-menu { margin: 8px 0 15px 20px; }
.top-menu li { display: inline; font-size: 12pt; font-weight: bold; padding: 0 14px 0 14px; border-right: solid 2px #003366; }
.top-menu li:last-child { border-right: none; }
.top-menu a { color: #003366; text-decoration: none; }
.top-menu a.selected { color: #6699cc; }

div.footer { color: #fcfcff; text-align: center; padding: 0 0 30px 0; font-size: 9pt; }
div.footer a { color: #fcfcff; text-decoration: none; }
div.footer ul { margin: 0 0 8px 0; }
div.footer li { display: inline; padding: 0 10px 0 10px; border-right: solid 2px #fcfcff; }
div.footer li:last-child { border-right: none; }

.landing-page .left-col { width: 440px; margin-left: 30px; }
.landing-page .right-col { float: right; width: 300px; }
.landing-page p.center { color: #999999; text-align: center; }
.landing-page h4.visit { text-align: center; }
.landing-page span.calmcoat { color: #336699; }
.landing-page form { border-bottom: dotted 1px #999999; padding-bottom: 30px; margin-bottom: 30px; }
.landing-page label { color: #999999; }

.page { width: 640px; margin: 30px auto 0 auto; font-size: 12px; }

.product-list { width: 640px; margin: 0 auto 0 auto; font-size: 12px; }
.product-list li { margin: 30px 0 30px 0; padding-bottom: 10px; border-bottom: dotted 1px #cccccc; }
.product-list h2 { margin: 35px 0 40px 0; font-size: 24px; }
.product-list h2 a { display: block; width: 250px; float: right; text-align: right; font-size: 12px; }
.product-list .image-container {  float: left; width: 160px; height: 160px;  border: solid 1px #ffcc00;}
.product-list h3 { margin-left: 180px; }
.product-list p { margin-left: 180px; }
.product-list .short { color: #333333; }
.product-list .links { font-style: italic; }

.product-detail { width: 640px; margin: 60px auto 0 auto; font-size: 12px; } 
.product-detail .image-container {  float: left; width: 160px; position: relative; left: -80px;  }
.product-detail .description { margin-left: 190px; }
.product-detail .short { color: #333333; }
.product-detail .links { font-style: italic; }
.product-detail .testimonials a { clear: left; display: block; text-align: right; border-bottom: dotted 1px #999999; margin: 100px 0 0 0; padding-bottom: 6px; }
.product-detail .testimonials form { float: right; width: 250px; }
.product-detail .testimonials .comments { width: 350px; font-style: italic; }
.product-detail .testimonials .comments h4 { font-style: normal; margin-bottom: 0px; }

input[type="submit"]  
{
    font-weight: bold; 
    font-size: 12px;
    background-color: #ffcc00; 
    padding: 2px 6px 2px 6px; 
    color: #333399; 
    border: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    cursor: pointer;
    margin-top: 4px;
 }

#twitter_update_list { width: 250px; float: right; }
#twitter_update_list li { margin-bottom: 10px; }


.blog { font-size: 12px; }
.blog h3 { margin: 0 0 5px 0; color: #6699cc; }
.blog p.published { margin: 20px 0 5px 0; color: #6699cc; }
.blog p.author { color: #6699cc; }
.blog p.excerpt { margin-top: 0; }
.blog .posts { width: 480px; }
.blog .posts li { border-bottom: dotted 1px #cccccc; padding: 0 0 10px 0;  }
.blog .right-col { float: right; width: 220px; margin-top: 50px; }
.blog .right-col li a { text-decoration: none;  }
.blog .right-col h3 { margin-bottom: 5px; color: #4b4b4b; text-transform: uppercase; }
.blog .right-col h3.archives { margin-top: 20px; padding-top: 20px; border-top: dotted 1px #cccccc; } 
.blog .right-col ul ul { margin-left: 30px; }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-size: 0.95em; 
    margin: 0px 10px 15px 10px; 
    padding: 6px 8px 6px 32px; 
    border: solid 1px #F16048; 
    color: #DF280A; 
    background: #FAEBE7 url(../Images/exclamation.gif) no-repeat 10px 8px;
}

.validation-summary-valid
{
    display: none;
}

