﻿body { color: #56594B; /*font-family:trebuchet,"Trebuchet MS",sans-serif;*/ font-size: 12px; margin: 10px auto 20px; width: 960px; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.welcome { float: right; text-align: right; width: 350px; }
    .welcome span.search { display: block; padding-top: 5px; }
    .welcome span.login { display: block; padding-right: 5px; }

#rightcallouts { float: left; padding-left: 15px; padding-top: 5px; width: 250px; }
a { color: #007F86; text-decoration: none; }
    a:hover { text-decoration: underline; }
.softgraybg { background-color: #F2F2F2; }
.viewmore { font-weight: bold; }
#maincontent { float: left; width: 695px; }
    .articles { width: 100%; }
        .articles td { padding: 5px; vertical-align: top; width: 33%; }
        .articles li.alt { background-color: #FEFFED; }
        .articles li.more { background-image: none; font-weight: bold; }
        .articles p { margin: 0; }
        .articles ul { list-style-type: none; margin: 0 auto 15px; padding: 0; }
        .articles li { background-color: #F2F2F2; background-image: url("../../includes/images/article-icon.gif"); background-position: left center; background-repeat: no-repeat; font-size: 1em; line-height: 2em; margin: 0; padding: 3px 0 3px 35px; }
    .articlecontent { padding: 5px 0; }
        .articlecontent table { margin: 15px auto; }
        .articlecontent p { margin: 10px 0 10px 0; }
    h1 { color: #008080; font-size: 2em; }
    h2 { font-size: 1.4em; font-weight: bold; }
    h3 { font-size: 1.3em; margin: 0; }
    h4 { font-size: 1.2em; }
    hr { color: #008080; }
    .leftarticleimages { float: left; padding-right: 5px; }
    .rightarticleimages { float: left; padding-left: 5px; }
.normalpadding { padding: 5px; }
.altbg { background-color: #FEFFED; }
.callout { margin: 0; text-align: right; }
    .callout #addYourProfile{margin:0 0 10px; text-align:right;}
.redborder { background-color: #B90000; font-size: 0; height: 3px; width: 100%; }
.articlesummary { margin-top: 10px; }
    .articlesummary p { padding: 0 0 0 12px; }
    .articlesummary h1 { font-size: 1.3em; }
    .articlesummary h2 { font-size: 1.2em; }
    .articlesummary h3 { font-size: 1.1em; }
    .articlesummaryheader { background-color: #C4E3E6; border-bottom: 1px solid #FFFFFF; padding: 5px 5px 2px; }
    .articlessummaryselectedheader { background-color: #007F86; color: #FFFFFF; padding: 5px 5px 2px; }
    .articlessummarycontent { padding: 5px; }
.textaligncenter { text-align: center; }
.bn_g_welcome { background-color: #007F86; color: #FEFFED; font-size: 1.4em; font-weight: bold; padding: 5px; text-align: left; }


#footer { clear: both; }
    #footer div.bar { background-color: #008080; font-size: 0; height: 3px; margin-bottom: 15px; }
    #footer div.links { padding: 0 50px; text-align: center; }
    .footertext h2 { font-size: 0.9em; padding: 0; }
    .footertext p { font-size: 0.8em; padding: 0; }
.popularbox, relatedproducts { margin-top: 3px; }
.popularbox { background-color: #FEFFED; border: 1px solid #007F86; }
    .relatedproducts table { width: 100%; }
    .relatedproducts p { text-align: center; }
    .relatedproducts td { padding: 5px; width: 25%; }
.popularbox h2 { background-color: #007F86; color: #FFFFFF; padding: 5px; }
.floatleft { float: left; }
.floatright { float: right; }
.modalbackground { background-color: #000000; opacity: 0.5; }
.modalpopup { background-color: #FEFFED; border: 1px solid #007F86; padding-bottom: 5px; }
    .modalpopup h1 { color: #FFFFFF; }
    .modalpopup div.modalcontent { padding: 5px; }
    .modalpopup div.header { background-color: #007F86; padding: 5px; }
    .modalpopup p { text-align: center; }
.verticalaligncenter { vertical-align: middle; }
.breadcrumb { background-color: #FEFFED; padding: 5px; }
.writeanarticle { float: right; text-align: center; width: 153px; }
    .writeanarticle a { font-size: 1.2em; font-weight: bold; }
    .writeanarticle img { height: 11px; padding-right: 5px; vertical-align: middle; }
.sitemappath { float: left; width: 797px; }
.pageTitle { padding: 5px 0; }
.errortext { color: Red; font-weight: bold; }
.logintextfields { margin-bottom: 10px; }
.standardimage { border-width: 0; vertical-align: middle; }
.highlighted { background-color: Yellow; font-weight: bold; }

