
.banner {
    margin: 0 0 10px 0;
    padding: 10px;
    width: 690px;
    height: 150px;
    background: url("../images/banner_bg.gif") 0% 0% no-repeat;
    float: left;
}

.breadcrumbs {
    width: 680px;
    height: 35px;
    font-size: 1.1em;
    font-weight: bold;
    color: #333;
    margin: 0;
    padding: 10px 0 0 30px;
    background: url("../images/breadcrumbs_bg.gif") no-repeat;
    float: left;
}

    .breadcrumbs a {
        margin: 0;
        padding: 0;
        color: #005bab;
    }

    .breadcrumbs ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .breadcrumbs ul li {
            margin: 0;
            padding: 7px 60px 0 0;
            height: 27px;
            float: left;
            background: url("../images/breadcrumb_arrow.gif") 100% 0% no-repeat;
        }

            .breadcrumbs ul li.last {
                margin: 0;
                padding: 7px 0 0 0;
                float: left;
                background: none;
            }

.float_right {
    float: right;
}

.float_left {
    float: left;
}

#content {
    width: 690px;
    margin: 0;
    padding: 10px 10px 30px 10px;
    background: url("../images/content_bg.gif") 0% 100% no-repeat #fff;
    float: left;
}

    #content h1 {
        margin: 0 0 10px 0;
        padding: 0 0 0 15px;
        font-size: 2.0em;
        height: 41px;
        background: url("../images/h1_bg.gif") 0% 50% no-repeat;
    }

    #content h2 {
        margin: 15px 0 10px 0;
        padding: 0 0 0 15px;
        font-size: 1.8em;
        height: 31px;
        background: url("../images/h2_bg.gif") 0% 50% no-repeat;
        color: #333333;
    }

    #content h3 {
        color: #9c0432;
        font-size: 1.4em;
    }

    #content p {
        margin: 0;
        padding: 10px 15px;
        line-height: 1.8em;
        font-size: 1.1em;
    }

    #content img {
        margin: 10px;
    }

    #content ul {
        margin: 20px 40px;
        list-style: none;
    }

    #content ol {
        margin: 20px 40px;
        list-style: none;
    }

 
    #content li {
        background: url("../images/list_arrow.gif") 0% 0% no-repeat;
        list-style: none;
        margin: 10px 0;
        padding: 0 0 0 15px;
        font-size: 1.1em;
        line-height: 1.8em;
        color: #333333;
    }


    #content a, #content a:visited, .careers-container a {
        color: #005bab;
    }

        #content a:hover, .careers-container a:hover {
            color: #5ba5e6;
        }

    #content table {
        margin: 0 0 25px 0;
        padding: 0;
        width: 690px;
        vertical-align: top;
    }

    #content th {
        margin: 0;
        padding: 5px;
        color: #005bab;
        font-weight: bold;
        background: #e5eef6;
        font-size: 1.2em;
        border-bottom: 5px solid #fff;
        vertical-align: top;
        text-align: left;
    }

    #content td {
        margin: 0;
        padding: 10px 0 0 0;
        background: #e5eef6;
        font-size: 1.1em;
        vertical-align: top;
    }

    #content table img {
        margin: 0;
        padding: 0;
        width: 100px;
        border-right: 10px solid #fff;
    }

    #content td img.productImg {
        margin: 0 0 0 10px;
    }

    #content td.features { /*width: 185px;*/
        text-align: right;
        font-weight: bold;
        color: #005bab;
        line-height: 1.6em;
    }

    #content td.details {
        padding-left: 10px; /*width: 200px;*/
        text-align: left;
        line-height: 1.6em;
    }

    #content td.message {
        padding: 0 10px 8px 0;
        text-align: right;
        vertical-align: bottom;
        line-height: 1.4em;
    }

        #content td.message a {
            font-weight: bold;
            color: #5ba5e6 !important;
        }

    #content table.productdetails {
        margin: 0;
        padding: 0;
        width: 690px;
        text-align: left;
    }

        #content table.productdetails th {
            margin: 0;
            padding: 3px 0 3px 15px;
            background: #e5eef6;
            width: 210px;
            font-weight: bold;
            color: #333333;
            border-bottom: 4px solid #fff;
            font-size: 1.1em;
        }

        #content table.productdetails td {
            margin: 0;
            padding: 3px 0 3px 15px;
            background: #e5eef6;
            color: #333333;
            border-bottom: 4px solid #fff;
            border-left: 1px solid #fff;
            font-size: 1.1em;
        }

/* product image styling */
img.prodSplice_image {
    padding: 2px;
    border: 1px solid #D0E3F4;
    margin: 10px;
    width: 70px;
    height: 70px;
}

#content a.button, #content a.button:hover, #content a.button:visited {
    vertical-align: baseline;
    margin-top: 0px;
    padding: 0 25px 0 0;
    background: url("../images/home/introduction_linkBg.gif") 100% 50% no-repeat;
    color: #005bab;
    font-weight: bold;
}

#gallery {
    margin: 0 0 40px 0;
    padding: 0;
}

    #gallery ul {
        margin: 0 0 40px 10px;
        padding: 0;
        list-style: none;
    }

        #gallery ul li {
            margin: 0;
            padding: 0;
            display: inline;
            background: none;
        }

ul#pdf {
    margin: 20px 0;
    padding: 0;
    list-style: none;
}

#pdf li {
    margin: 5px 0;
    padding: 3px 10px;
    background: none;
}

    #pdf li a, #pdf li a:visited {
        padding: 0 0 0 25px;
        background: url("../images/pdf_icon.gif") 0% 0% no-repeat;
        color: #005bab !important;
        font-weight: bold;
        font-size: 11px !important;
    }

.news_headline {
    margin: 0;
    padding: 0;
    width: 680px;
}

    .news_headline .thumb {
        margin: 0;
        padding: 0;
        width: 90px;
        height: 90px;
        float: left;
    }

    .news_headline .headline {
        margin: 0;
        padding: 0 0 0 15px;
        width: 550px;
        float: left;
    }

        .news_headline .headline p.title {
            font-weight: bold;
            color: #005aaf;
        }

            .news_headline .headline p.title span.newsDate {
                color: #333;
            }

        .news_headline .headline .more {
            width: 64px;
            height: 18px;
            margin: 10px 0 30px 15px;
            padding: 2px 30px 0 0;
            text-align: right;
            background: url("../images/moreBg.gif") 0% 0% no-repeat;
        }

    .news_headline a {
        font-size: 12px;
        color: #fff !important;
        font-weight: bold;
    }

    .news_headline h3 {
        margin: 15px 0 0 15px;
        color: #9c0432;
        font-size: 1.4em;
    }

    .news_headline .divide {
        margin: 0;
        padding: 0;
        width: 530px;
        height: 21px;
        background: url("../images/divide.gif") 0% 0% no-repeat;
    }

.news_article {
    margin: 0;
    padding: 0;
    width: 680px;
    font-size: 1.1em;
}

    .news_article .thumb {
        margin: 0;
        padding: 0;
        width: 90px;
        height: 90px;
        float: left;
    }

    .news_article .headline {
        margin: 0 0 0 110px;
        padding: 0 0 0 0;
    }

        .news_article .headline p.title {
            font-weight: bold;
            color: #005aaf;
        }

            .news_article .headline p.title span.newsDate {
                color: #333;
            }

        .news_article .headline .more {
            width: 64px;
            height: 18px;
            margin: 10px 0 30px 15px;
            padding: 2px 30px 0 0;
            text-align: right;
            background: url("../images/moreBg.gif") 0% 0% no-repeat;
        }

    .news_article a {
        color: #5BA5E6 !important;
    }

    .news_article h3 {
        margin: 15px 0 0 15px;
        color: #9c0432;
        font-size: 1.4em;
    }

    .news_article .divide {
        margin: 0;
        padding: 0;
        width: 530px;
        height: 21px;
        background: url("../images/divide.gif") 0% 0% no-repeat;
    }


.formLogin {
    display: block;
    padding: 10px 0 10px 15px;
}

    .formLogin label {
        display: block;
        float: left;
        width: 140px;
        padding: 3px 5px 3px 0;
        font-size: 11px;
    }

    .formLogin input {
        width: 175px;
        border: 1px solid #005BAB;
        margin: 0 0 10px 0;
        padding: 2px;
    }

    .formLogin select {
        margin: 0 0 15px 0;
    }

    .formLogin span.required {
        font-weight: bold;
        color: #FF0000;
    }

.bg .searchForm label {
    display: block;
    padding: 5px 0 2px 0;
}

.bg .searchForm input {
    width: 214px;
}

.bg .searchForm select {
    width: 218px;
}

.printPage {
    text-align: right;
}

    .printPage a {
        text-align: left;
        height: 10px;
        padding: 5px 35px 7px 10px;
        background: url(../images/btn_print.gif) 0 0 no-repeat;
    }

        .printPage a:hover {
            background: url(../images/btn_print.gif) 0 100% no-repeat;
            text-decoration: none;
        }

/**************************************************************/
/* application description and picture */

.pnlAppDesciption {
}

#content .pnlAppDesciption ul {
    margin: 10px 0;
}

#content .pnlAppDesciption #divImages li {
    float: left;
    margin: 0;
    padding: 10px 9px;
    background: none;
}

#content .pnlAppDesciption img {
    margin: 10px 0;
}

#contact-tabs .ui-tabs-hide {
    display: none;
}

#content img.imgRight {
    float: right;
}

#content table.contactDetails {
    width: 500px;
    margin-left: 5px;
}

    #content table.contactDetails td {
        background: none;
        padding: 10px 5px;
        line-height: 18px;
    }

        #content table.contactDetails td.contactImg {
            width: 120px;
            text-align: center;
        }

#contact-tabs ul {
    margin: 20px 5px;
}

    #contact-tabs ul li {
        float: left;
        width: 70px;
        height: 26px;
        padding: 5px 0 0 0;
        margin: 0 5px 5px 0;
        text-align: center;
        font-weight: bold;
        background: url(../images/bg_tab_contact.gif) top left no-repeat;
    }

        #contact-tabs ul li a {
            display: block;
            height: 26px;
        }

        #contact-tabs ul li.ui-tabs-selected a {
            color: #5ba5e6;
        }


/************* Careers *********************/

.careers-container {
    width: 690px;
    margin: 10px 0 0 0;
    padding: 10px 10px 0 10px;
    background: #fff url("../images/breadcrumbs_bg.gif") no-repeat;
    float: left;
}

    .careers-container h2 {
        margin: 0 0 10px 0;
        padding: 0 0 0 15px;
        font-size: 2.0em;
        height: 41px;
        background: url("../images/h1_bg.gif") 0% 50% no-repeat;
    }


    .careers-container p {
        margin: 0;
        padding: 10px 15px 3px 15px;
        line-height: 1.8em;
        font-size: 1.1em;
    }

.career-btm {
    background: url("../images/content_bg.gif") 0% 100% no-repeat #fff;
    height: 20px;
    width: 690px;
    float: left;
    padding: 10px 10px 0 10px;
}

/* contact form */
#contactForm {
    display: block;
    padding-left: 10px;
}

    #contactForm label, #contactForm input {
        /*float: left;*/
        /*width: 175px;*/
        margin: 5px 0 5px 0;
        padding: 0;
    }

    #contactForm label {
        display: block;
        padding-right: 20px;
        font-weight: bold;
    }

    #contactForm input.chk {
        float: none;
        width: auto;
    }

    #contactForm input.btnSubmit {
        width: auto;
    }

    #contactForm th {
        width: 200px;
        text-align: left;
    }

.contact {
    padding: 10px;
}

    .contact td {
        width: 200px;
        text-align: left;
    }

    .contact optgroup {
        font-style: normal;
    }

