/* common.css */

@import url("nav.css");
@import url("ui_elements.css");

body {
    margin: 0;
    padding: 0;
    font-size: 0.75em;
    font-family: arial, helvetica, sans-serif;
    background: #fff;
    color: #000;
}

img,
embed,
object {
    display: block;
}

a {
    color: #009cb2;
}

a:focus {
    border: 0;
    outline: 0;
}

a:visited {
    color: #a0a0a0;
}

a:hover {
    color: #000;
}

a img {
    border: 0;
}

p {
    margin: 0 0 1em 0;
}

form {
    display: inline;
}

.wrapper {
    width: 940px;
    margin: 0 auto;
}

.fusionLogo {
    position: absolute;
    top: 21px;
    left: 43px;
}

#ap-tb img {
    float: left;
}

.navigation:after,
#productLinks ul:after,
#innerTeaserContent:after,
#contentContainer:after,
.autopublish-summary:after,
.autopublish-detail:after,
.brochureContainer:after,
.formComponent dl:after,
.contactDetails dl:after,
.categoryPanel li:after,
.categoryPanel.downloadPanel:after,
#innerFooter:after,
.clear-nested-floats:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#header .wrapper {
  padding-bottom: 1px;
  border-bottom: 1px solid #96d6df;
}


#outerContent {
    
}

    #content {

    }

    /* home */

    #teaserContentContainer {
        margin-top: 6px;
        margin-bottom: 9px;
        position: relative;
        border: 1px solid #c6e8ee;
    }


            .myriaxLink {
                position: absolute;
                bottom: 0px;
                right: 1px;
            }

#teaserContentContainer .myriaxLink {
  bottom: 3px;
  right: 9px;
}

                .myriaxLink a {
                        display: block;
                }

            #productLinks {
                margin-top: 18px;
            }

                #productLinks ul {
                    margin: 0;
                    padding: 0;
                    list-style-type: none;
                }

                    #productLinks ul li {
                        margin: 0;
                        padding: 0;
                        float: left;
                    }

                    #productLinks ul li.middle {
                        margin: 0 15px 0 16px;
                    }

                #innerTeaserContent {

                }

                    .teaser {
                        width: 430px;
                        float: left;
                        margin: 9px 20px 10px 14px;
                    }

                      .teaserTitle {
                        border-bottom: 1px solid #96d6df;
                        margin-bottom: 4px;
                        background: url("../images/icon_teaser_content_arrow.gif") no-repeat 100% 6px;
                      }

                        .teaserTitle h1 {
                            margin: 0;
                            padding: 0;
                            margin-bottom: 4px;
                            font-size: 1.4em;
                            color: #96d6df;
                        }

                        .teaser p,
                        .teaser ul li {
                            font-size: 0.9em;
                        }

                        .teaser ul {
                            margin: 0;
                            padding: 0;
                            list-style-type: none;
                        }

                        .teaser ul li {
                            margin: 0;
                            margin-left: 2px;
                            padding: 0;
                        }

                        .teaser .downloads li {
                          padding-left: 14px;
                          background: url("../images/icon_teaser_menu.gif") no-repeat 0 0.4em;
                        }

                        .teaser ul li.button {
                            list-style: none;
                        }

                        .teaser .newsItems li {
                            margin-bottom: 8px;
                        }

                        .teaser .newsItems li a,
                        .teaser .downloads li a {
                            color: #000;
                            text-decoration: none;
                        }

                        .teaser .newsItems li a:hover,
                        .teaser .downloads li a:hover {
                            color: #009cb2;
                        }

                        .teaser .downloads li {
                            margin-bottom: 6px;
                        }

                        .teaser .downloads li a {
                            font-weight: bold;
                        }

/* sub summary */

#contentContainer {
    position: relative;
    padding-bottom: 40px;
    border-bottom: 1px solid #96d6df;
}

.errorPage .autopublish-summary {
    margin-bottom: 100px;
    background: none;
}

.errorPage #contentPanel {
  float: left;
  width: 940px;         
}

#downloads #contentPanel,
#news #contentPanel,
#research #contentPanel,
#privacy_policy #contentPanel,
#website_disclaimer #contentPanel {
  float: left;
  width: 940px;
}

    #contentContainer .myriaxLink {
            bottom: 5px;
            right: 9px;
    }

#contentContainer .bct {
    margin: 28px 0;
    padding: 0;
    font-size: 1.2em;
    color: #004a4a;
}

#subNavPanel {
    float: left;
}

.subNav {
    width: 298px;
    margin-bottom: 10px;
}

    .innerSubNav {
        border: 1px solid #c2e7ed;
        padding: 12px;
        padding-bottom: 0;
    }

        .innerSubNav ul {
            margin: 0;
            margin-bottom: 1em;
            padding: 0;
            list-style-type: none;
        }

        .innerSubNav ul li {
            margin: 0;
            margin-left: 2px;
            padding: 6px 0;
            padding-left: 16px;
            background: url("../images/icon_teaser_menu.gif") no-repeat 0 0.8em;
        }

.innerSubNav p strong {
  color: #009cb2;
}

        .innerSubNav a {
            color: #0099b1;
            font-weight: bold;
            text-decoration: none;
        }

.innerSubNav dd a {
  font-weight: normal;
}

        .innerSubNav a:hover {
            color: #0099b1;
            text-decoration: underline;
        }

        .innerSubNav a.current {
            text-decoration: none;
        }

#contentPanel {
    float: right;
    width: 620px;
}

.autopublish-summary {
    background: url("../images/icon_summary_arrow.gif") no-repeat 0 0.5em;
    padding-left: 20px;
    padding-right: 15px;
    margin-bottom: 1em;
    color: #004a4a;
}

#contact_us .autopublish-summary {
  padding-left: 0;
}

.autopublish-summary h1,
.autopublish-summary h2 {
    font-size: 1.3em;
    margin: 0;
    margin-bottom: 1em;
    padding: 0;
    color: #009cb2;
}

.highlighted {
    font-weight: bold;
    color: #009cb2;
}

.autopublish-summary .btn.w67 {
    float: right;
}

.category-summary {
  float: left;
  width: 297px;
  padding: 0;
  margin-right: 12px;
  color: #004a4a;
}
.category-summary h2 { 
    padding-left: 20px; 
    color: #009cb2;
}
.category-summary p {
    margin-right: 80px;
}
.category-summary .mainImg { 
    border: 1px solid #c6e8ee;
    padding: 8px;
    margin-bottom: 18px;
}

.categoryPanel {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.categoryPanel.downloadPanel {
  margin-bottom: 20px;
}

.categoryPanel li {
  margin: 0;
  padding: 0;
}

.categoryPanel.farming li {
  float: left;
  width: 198px;
  margin: 0 13px;
}

.categoryPanel.downloadPanel li {
  float: left;
  width: 300px;
  margin: 0;
  margin-right: 20px;
  }

.categoryPanel.farming .alt {
  margin: 0;
}

.categoryPanel.downloadPanel .alt {
  margin: 0;
}

.categoryPanel .headline {
  border-bottom: 1px solid #abdee6;
  background: url("../images/icon_teaser_content_arrow.gif") no-repeat 100% 7px;
  margin-bottom: 4px;
}

.categoryPanel .headline h2 {
  font-size: 1.2em;
  margin: 0;
  margin-bottom: 4px;
  padding: 0;
  color: #009eb4;
}

.categoryPanel .image {
  width: 198px;
  height: 83px;
  overflow: hidden;
}

.categoryPanel .article {
  color: #323232;
  margin-top: 1em;
}

.categoryPanel .btn.w85 {
  margin-bottom: 12px;
}

.categoryPanel.results .btn.w85 {
  float: right;
}

.autopublish-summary .sitemap li {
    padding-bottom: 5px; 
}

.autopublish-summary .sitemap li a {
    background: url("../images/icon_bullet_arrow.gif") no-repeat 0 0.4em;
    padding-left: 10px;
}

.category-summary .category-content-inner { position: relative; }
.category-summary .category-content-inner .btn { position: absolute; top: 6px; right: 0; }

.category-summary .imageThumbPreview {
    width: 250px;
    height: 137px;
    overflow: hidden;
}

.category-summary.gallery {
    width: 250px;
    margin-left: 47px;
    margin-bottom: 10px;
}

.category-summary.gallery .category-content-inner .btn { top: -3px;}

.category-summary.gallery p {
    margin-right: 92px;
    margin-top: 1em;
    font-size: 0.9em;
    height: 3em;
    overflow: hidden;
}

/* sub detail */

.autopublish-detail {
    color: #323232;
}

.autopublish-detail .articleTitle {
  border-bottom: 1px solid #abdee6;
  margin-bottom: 14px;
  background: url("../images/icon_teaser_content_arrow.gif") no-repeat 100% 6px;
}

.autopublish-detail .articleTitle h2 {
  margin-bottom: 10px;
}

.autopublish-detail .articleContent {
  width: 690px;
  float: left;
}

.autopublish-detail h1,
.autopublish-detail h2 {
    font-size: 1.3em;
    color: #009cb2;
    margin: 0;
    margin-bottom: 1em;
    padding: 0;
}

.autopublish-detail .date {
  font-size: 0.9em;
  color: #848484;
  font-weight: normal;
  margin-top: 1em;
}

.autopublish-detail .pullQuote {
  float: right;
  width: 240px;
  margin-left: 20px;
  margin-bottom: 10px;
}

.autopublish-detail .pullQuote blockquote {
  margin: 0;
  margin-bottom: 3px;
  padding: 0;
  font-style: italic;
  font-weight: bold;
  border: 0;
  color: #004a5a;
}

.autopublish-detail .pullQuote blockquote p {
  margin-bottom: 0;
  font-size: 1.2em;
}

.autopublish-detail table {
    border-collapse: collapse;
    margin-bottom: 1em;
}

.autopublish-detail table td {
    border: 1px solid #6f838b;
    padding: 3px 5px;
    vertical-align: top;
}

blockquote {
    border-left: 2px solid #abdee6;
    margin-left: 0;
    padding-left: 20px;
}

/* image thumb viewer */

#imageThumbViewer {
    float: right;
    margin-left: 15px;
    width: 278px;
}

    .innerThumbViewer {
        background: #000 url("../images/bg_thumb_viewer.gif") no-repeat top left;
        border-left: 1px solid #292929;
        border-right: 1px solid #292929;
        padding: 0 12px;
        padding-bottom: 1em;
    }

        .innerThumbViewer .imageCount {
            text-align: right;
            font-size: 0.9em;
            color: #f26322;
            margin: 0;
            height: 24px;
        }

        .innerThumbViewer .imageThumb {
            border: 1px solid #292929;
            width: 250px;
            height: 137px;
            overflow: hidden;
        }

        .innerThumbViewer .imageRotator {
            width: 210px;
            padding: 4px 20px;
            padding-bottom: 0;
            position: relative;
            text-align: center;
            font-size: 0.9em;
            margin: 0;
        }

            .imageRotator .prev {
                position: absolute;
                top: 4px;
                left: 0;
            }

            .imageRotator .next {
                position: absolute;
                top: 4px;
                right: 0;
            }

.hiddenImage { display: none; }

.articleThumb { 
  float: right;
  margin: 0 0 20px 20px;
  padding: 8px;
  border: 1px solid #c2e7ed;
  clear: right;
}

.articleThumb img {
  border: 1px solid #c2e7ed;
}

.multiImage {
  float: right;
}

.multiImage .articleThumb {
  float: none;
  margin-left: 0;
}

.date { 
    color: #a0a0a0; 
    font-size: 0.9em; 
    font-weight: normal;
    margin-bottom: 1em;
    margin-top: -1em;
    display: block;
}

/* download files */

.fileList,
.urlList {
    margin: 0;
    margin-bottom: 1em;
    padding: 0;
    list-style-type: none;
}

    .fileList li,
    .urlList li {
        margin: 0;
        margin-bottom: 4px;
        padding: 0;
    }

.fileList a,
.urlList a {
    display: block;
    padding: 4px;
    padding-left: 25px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

.fileList a {
    background: url("../images/icon_download_file.gif") no-repeat 0 2px;
}

.urlList a {
  background: url("../images/icon_external_link.gif") no-repeat 0 2px;
}

.fileList a:hover,
.urlList a:hover {
    background-position: 0 -90px;
    text-decoration: underline;
}

/* product page */

.brochureContainer {
  margin-bottom: 20px;
}

.brochureContent {
  width: 495px;
  float: left;
}

.brochureContent .heading {
  border-bottom: 1px solid #abdee6;
  padding-bottom: 6px;
  margin-bottom: 6px;
}

.brochureContent .heading h2 {
  font-size: 1.2em;
  color: #009cb2;
  margin: 0;
  padding: 0;
}

.btnBrochure {
  float: right;
}

.brochureImage {
  width: 120px;
  float: right;
}

.innerSubNav.products {

}

.innerSubNav.products h1 {
  font-size: 1.4em;
  color: #009cb2;
  margin: 0;
  margin-bottom: 1em;
  padding: 0;
}

.innerSubNav.products p {
  padding-left: 10px;
  background: url("../images/icon_teaser_menu.gif") no-repeat 0 4px;
}

/* contact form */

.formComponent {
    width: 540px;
    color: #004a4a;
}

.formComponent .p a,
.formComponent .p span {
    color: #009cb2;
    font-weight: bold;
    font-size: 1.2em;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #96d6df;
    padding: 7px 0;
    margin-bottom: 10px;
}

.formComponent .p a:hover {
    border-bottom-color: #699197;
}

.formComponent.closed .p a {
    background: url("../images/icon_collapse_arrow.gif") no-repeat 523px 10px;
}

.formComponent.open .p a,
.formComponent.open .p span {
    background: url("../images/icon_collapse_arrow.gif") no-repeat 523px -52px;
}

.formComponent .c {
    margin-bottom: 25px;
}

.formComponent.closed .c {
    display: none;
}

.formComponent.open .c {
    display: block;
}

.formComponent .c fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

.formComponent .c legend {
    display: none;
}

.formComponent .c p {
    font-size: 0.9em;
    margin-bottom: 2em;
}

.formComponent dl {
    margin: 0;
    margin-bottom: 4px;
    padding: 0;
}

.formComponent dt {
    margin: 0;
    padding: 0 20px;
    float: left;
    width: 170px;
}

.formComponent .extended dt {
    width: 470px;
}

.formComponent .extended dd {
    display: none;
}

.formComponent dd {
    margin: 0;
    padding: 0;
    float: left;
    width: 300px;
}

.formComponent.buttons dd {
    width: 330px;
}

.formComponent .chq {
    margin-right: 25px;
    margin-bottom: 10px;
}

.formComponent .txt {
    border: 1px solid #699197;
    background: #fff;
    width: 100%;
    color: #000;
}

.formComponent .sel {
  border: 1px solid #699197;
  background: #fff;
  width: 100%;
}

.formComponent .ta {
    border: 1px solid #699197;
    background: #fff;
    width: 100%;
    color: #000;
    font-family: arial, helvetica, sans-serif;
    font-size: 1.1em;
}

.formComponent .hiddenEl {
    display: none;
}

/* contact details */

.contactDetails {
  margin-bottom: 12px;
}

.contactDetails dl {
    margin: 0;
    padding: 0;
    padding-bottom: 4px;
    font-size: 0.9em;
}

.contactDetails dt {
  margin: 0;
  padding: 0;
  padding-left: 10px;
  float: left;
  width: 100px;
  color: #000;
}

.contactDetails .businessUnit {
    background: url("../images/icon_bullet_arrow.gif") no-repeat 0 0.4em;
    font-weight: bold;
    color: #000;
    width: 260px;
}

.contactDetails dd {
    margin: 0;
    margin-top: 2px;
    margin-left: 110px;
    padding: 0;
    width: 160px;
    color: #000;
}

.contactDetails dd a {
  text-decoration: underline;
}

/* sitemap */
.sitemap h2 {
    margin: 0;
    padding: 0;
    padding-left: 15px;
    background: url("../images/icon_sitemap_arrow.gif") no-repeat 0 3px;
    font-size: 1.4em;
}
.sitemap,
.sitemap ul {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
}
.sitemap ul li {
    margin: 0 0 5px 20px;
    padding-left: 15px;
    background: url("../images/icon_sitemap_arrow.gif") no-repeat 0 3px;
}

.sitemap .n0 {
    margin-bottom: 10px;
}

.sitemap .n0 a {
    display: block;
    color: #009cb2;
}

.sitemap .node2 {
    margin-top: 5px;
}

.sitemap .n1 a {
    color: #000000;
    text-decoration: none; 
}
.sitemap a:hover { color: #808080; }
.sitemap h2 a { color: #009cb2; }
.sitemap .n1 a:hover { color: #008395; }

/* footer */

#outerFooter {
    padding-bottom: 1em;
}

    #innerFooter {
        border: 1px solid #ceecf1;
        padding: 10px;
        font-size: 0.9em;
        color: #000;
    }

        #innerFooter p {
            float: left;
            margin: 0;
        }

        #innerFooter .footerLinks {
            margin: 0;
            padding: 0;
            list-style-type: none;
            float: right;
        }

            #innerFooter .footerLinks li {
                margin: 0;
                padding: 0;
                float: left;
                margin-left: 5px;
            }