/* Generic typography style */

* {
    margin: 0;
    padding: 0;
}
body, html {
    height:100%
}
body {
    background: #F4F4F4;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:67.5%;
    color:#333333;
    text-align: center;
}
body > div#externalWrapper {
    height:auto;
    min-height:100%;
}
#externalWrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

h1 {
    font-size:1.6em;
    color:#666666;
    font-family: Arial, Helvetica, sans-serif;
    padding-top:1em;
    padding-bottom:1.5em;
}

h2 {
    font-size:1.4em;
    color:#333333;
    font-family: Arial, Helvetica, sans-serif;
    padding-top:1.0em;
    padding-bottom:1.5em;
}

h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size:1.2em
}

li {
    list-style: none;
}

a img {
    border: none;
}

.clear{
    clear:both;
}

.left {
    float: left;
    margin: 0px 10px 10px 0px;
        }


/* Header style */

#headerWrapper {
    background: url(images/header_bg.gif) repeat-x;
    width: 100%;
    height: 175px;
    text-align: center;
}

#utilityLinks {
    margin: 0 auto;
    width: 935px;
    text-align: right;    
}
    #utilityLinks ul {
        list-style: none;
        height: 34px;
        line-height: 34px;        
    }
        #utilityLinks ul li {
            display: inline;
            height: 34px;
            line-height: 34px;
        }
            #utilityLinks ul li a {
                display: block;
                width: 65px;
                float: right;
                height: 34px;
                line-height: 34px;
                padding-left: 45px;
                color: #666;
                text-decoration: none;
            }
            #utilityLinks ul li a:hover {
                color: #333;
            }
            #utilityLinks ul li a.site_en {
                background: url(images/en.gif) no-repeat 45px 8px;
			}
            #utilityLinks ul li a.sitemap {
                background: url(images/sitemap.gif) no-repeat 25px 4px;
            }
            #utilityLinks ul li a.contact {
                background: url(images/contact.gif) no-repeat 35px 4px;
            }

#headerContent {
    margin: 0 auto;
    width: 935px;
    text-align: left;
}

    #headerContent h1 {
        background: url(images/header_logo.gif) no-repeat center left;
        margin: 0;
        padding: 0;
        height: 108px;
        width: 258px;
        text-indent: -10000px;
        float: left;
    }
    
    #headerContent form.searchbox {
        background: transparent url(images/search_bg.gif) no-repeat 0 40px;
        float: right;
        height: 50px;
        padding-top: 40px;
        width: 275px;  
    }
        #headerContent form.searchbox input.searchText {
            background: transparent;
            border: none;
            height: 20px;
            width:220px;
            padding-top: 5px;
            padding-left: 10px;
            color: #666;
            margin: 0px;
        }
        #headerContent form.searchbox input.searchSubmit {
            background: transparent;
            
            border: none;
            text-indent: -10000px;
            width: 35px;
            height: 30px;
            margin: 0px;
            cursor: pointer;
            text-align: left !important;
        }

#mainNav {
    margin: 0 auto;
    width: 935px;
    text-align: left;
}
    #mainNav ul {
        height: 33px;
        line-height: 33px;
        list-style: none;
        border-left: 1px solid #808080;
    }
        #mainNav ul li {
            border-right: 1px solid #808080;
            float: left;
        }
            #mainNav ul li a {
                color: #FFFFFF;
                text-decoration: none;
                height: 33px;
                line-height: 33px;
                padding: 9px 10px;
            }
            #mainNav ul li a:hover {
                background: url(images/nav_hover.gif) repeat-x;
                color: #F8F8F8;
            }
            #mainNav ul li a.current {
                background: url(images/nav_selected.gif) repeat-x;
                color: #F8F8F8;
            }


/* Content style */

#container {
    text-align: center;
    padding: 15px 0 0 0;
    margin: 0 auto;
    width: 935px;
}

#content {
    text-align: left;
    width: 655px;
    float: left;
}
    #content .contentBox,
    #content .contentBox {
        font-size:  1.1em;
        line-height: 1.6em;
        border: 1px solid #D6D3C7;
        width: 620px;
        padding: 10px 15px 0 15px;
        margin-bottom: 15px;
    }
    
        #content .contentBox .breadCrumbs {
            padding-bottom: 25px;
        }
        
            #content .contentBox .breadCrumbs .current {
                font-weight: bold;
            }
    #content h2 {
        padding: 0 0 15px 0;
    }
    
    #content h2.title {
        font-size: 2em;
        padding: 0 0 15px 0;
    }
        
    #content h3 {
        font-size: 1.8em;
        margin-bottom: 0.5em;
        padding-top: 0.5em;
    }
    #content h4 {
        font-size: 1.4em;
        border-bottom: 1px solid #D6D3C7;
        margin-bottom: 0.5em;
        padding-bottom: 0.3em;
        padding-top: 0.5em;
    }
    #content h5 {
        font-size: 1.2em;
        margin-bottom: 0.5em;
        padding-top: 0.5em;
    }
    #content p.description {
        font-size:1.1em;
        font-style:italic;
        line-height:1.4em;
        margin-bottom: 0.8em;
    }
    #content ul,
    #content ol {
        padding-left: 1.5em;
        margin-bottom: 1.5em;
    }
    #content ol li {  
        list-style: decimal inside;
    }
    #content ul li {
        list-style: disc inside;
    }
    #content p {
        margin-bottom: 1.5em;
    }
    
    #content a {
        color: #C1272D;
        text-decoration: none;
    }
    #content a:hover {
        text-decoration: underline;
    }
    #content a:visited {
        color: #991122;
    }
    #content table {
        background: #F0F0F0;
        border: none;
        padding: 0px 0px 20px 0px;
        width: 620px;
        border-collapse: collapse;
        border-spacing: 0;
        empty-cells: show;
        margin-bottom: 15px;
    }
        #content table tr td {
            border: 1px solid #ccc;
        }
        #content table tr td {
            padding:5px 15px;
        }
        #content table tr th {
            background: url(images/table_tbody_head.gif) repeat-x bottom;
            height: 31px;
            border: 1px solid #ccc;
            padding: 0px 15px;
        }


/*---- Content - Main Content */    
    #content .contentBox {
        background: #F8F8F8 url(images/content_h2_bg.gif) repeat-x;
    }

        #content .contentBox .titleContainer {
            position: relative;
            clear: both;
            height: 210px;
            width: 620px;
            margin-bottom: 1.5em;
        }
            #content .contentBox .titleContainer img.titleBackground {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1;
            }
            #content .contentBox .titleContainer img.titleIcon {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 2;
            }
            #content .contentBox .titleContainer h2.title {
                color:#FFF;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 2em;
                padding: 0 !important;
                position: absolute;
                top: 70px;
                left: 300px;
                z-index: 2;
            }
            #content .contentBox .titleContainer p.description {
                color:#FFF;
                border: none;
                font-style: normal;
                font-size: 1.2em;
                margin: 0 !important;
                padding: 0 10px 0 0;
                position: absolute;
                top: 100px;
                left: 300px;
                z-index: 2;
            }
        

/*---- Content - News */
    
    #content .contentBox ul.news {
        padding: 0;
    }
    #content .contentBox ul.news li {
        list-style: none;
        list-style-position: outside;
        padding-top: 25px;
    }
        #content .contentBox ul.news h3 {
            font-size: 1.4em;
            padding: 0;
            text-align: left;
        }
        
            #content .contentBox ul.news h3 a {
                color: #C1272D;
                text-decoration: none;
            }
            #content .contentBox ul.news h3 a:hover {
                text-decoration: underline;
            }
            #content .contentBox ul.news h3 a:visited {
                color: #991122;
            }
                
        #content .contentBox ul.news p.newsDetails {
            font-size: 0.8em;
            color: #4D4D4D;
            padding-bottom: 5px;
            margin: 0;
        }
            #content .contentBox ul.news p.newsDetails span {
                font-weight: bold;
            }
        #content .contentBox ul.news p.newsSummary {
            margin-bottom: 0.5em;
        }
        #content .contentBox ul.news a.readMoreLink {
            background: url(images/readmore_bg.gif) no-repeat -1px 0;
            text-align: right;
            display: block;
            font-size: 0.9em;
            color: #333;
            text-decoration: none;
            padding-right: 30px;
            width: 590px;
            height: 25px;
            line-height: 25px;
            clear: both;
        }
            #content .contentBox ul.news a.readMoreLink:hover {
                background: url(images/readmore_bg.gif) no-repeat -1px -25px;
                color: #333;
            }
            #content .contentBox ul.news a.readMoreLink:visited {
                color: #888;
            }    



/* Sidebar style */

#sidebar {
    width: 270px;
    float: right;
    text-align: left;
}

/*---- Sidebar - Main Solutions */
#sidebar div.mainSolutions h2 {
    display: none;
}
    
ul.sidebarSolutions {
    border-bottom: 1px solid #D6D3C7;
    margin-bottom: 15px;
}
    ul.sidebarSolutions li {
        background: #F8F8F8 url(images/content_box_bg.gif) repeat-x top;
        border-top: 1px solid #D6D3C7;
        border-left: 1px solid #D6D3C7;
        border-right: 1px solid #D6D3C7;
        clear: right;
        height: 40px;
        padding: 5px 5px 5px 0px;
        overflow: hidden;
    }
        ul.sidebarSolutions li img {
            float: left;
            padding: 1px 5px 0px 0px;
        }
        
        ul.sidebarSolutions li a {
            text-decoration: none;
            color: #808080;
        }
        ul.sidebarSolutions li h3 a {
            color: #333333;
        }

/*---- Sidebar - Main Products */
#sidebar div.mainProducts h2 {
    display: none;
}
    
ul.sidebarProducts {
    border-bottom: 1px solid #D6D3C7;
    margin-bottom: 15px;
}
    ul.sidebarProducts li {
        background: #F8F8F8 url(images/content_box_bg.gif) repeat-x top;
        border-top: 1px solid #D6D3C7;
        border-left: 1px solid #D6D3C7;
        border-right: 1px solid #D6D3C7;
        clear: right;
        height: 63px;
        padding: 5px 10px 5px 10px;
        overflow: hidden;
    }
        ul.sidebarProducts li img {
            float: left;
            padding: 3px 10px 0px 0px;
        }
        
        ul.sidebarProducts li a {
            text-decoration: none;
            color: #808080;
        }
        ul.sidebarProducts li h3 a {
            color: #333333;
        }

/*---- Sidebar - Portlets */        
#sidebar div.portlet {
    background: #F8F8F8;
    border-top: 1px solid #D6D3C7;
    border-left: 1px solid #D6D3C7;
    border-right: 1px solid #D6D3C7;
    border-bottom: 1px solid #F4F4F4;
    margin-bottom: 15px;
    
}
    #sidebar div.portlet h2 {
        background: url(images/content_h2_bg.gif) repeat-x;
        padding: 8px 15px 0 15px;
        height: 30px;
    }
    #sidebar div.portlet h3 {
        padding: 10px 15px 0px;
    }
        #sidebar div.portlet h3 a {
            color: #C1272D;
            text-decoration: none;
        }
        #sidebar div.portlet h3 a:hover {
            text-decoration: underline;
        }
        #sidebar div.portlet h3 a:visited {
            color: #991122;
        }
    #sidebar div.portlet ul li {
        background: #F8F8F8 url(images/content_box_bg.gif) repeat-x top;
        border-bottom: 1px solid #D6D3C7;
        padding-bottom: 5px;
    }
    #sidebar div.portlet p {
        padding: 10px 15px 0px;
    }
    #sidebar div.portlet p.infoDetails {
        font-size: 1em;
        color: #4D4D4D;
    }
        div.portlet p.infoDetails span {
            font-weight: bold;
        }
    #sidebar div.portlet a.readMoreLink {
        background: url(images/mainfo_rml_bg.gif) no-repeat -1px 0;
        height: 25px;
        line-height: 25px;
        margin: 5px 15px 0 15px;
        display: block;
        padding-left: 15px;
        color: #333;
        text-decoration: none;
    }
    #sidebar div.portlet a.readMoreLink:hover {
        background: url(images/mainfo_rml_bg.gif) no-repeat -1px -25px;
        color: #333;
    }
    #sidebar div.portlet a.readMoreLink:visited {
        color: #888;
    }
    #sidebar div.portlet form {
        border-bottom: 1px solid #D6D3C7;
    }
        #sidebar div.portlet form div {
            padding: 5px 15px;
            text-align: right;
        }
            #sidebar div.portlet form div input {
                width: 165px;
            }


/*---- Sidebar - Sub Navigation */
#sidebar div.portlet ul.subNav {

}
    #sidebar div.portlet ul.subNav li {
        height: 30px;
        line-height: 30px;
        padding: 0px;
    }
        #sidebar div.portlet ul.subNav li a {
            color: #666;
            display: block;
            height: 30px;
            line-height: 30px;
            text-decoration: none;
        }
        #sidebar div.portlet ul.subNav li a.current {
            background: url(images/subnav_current_bg.gif) repeat-x;
        }
            #sidebar div.portlet ul.subNav li a.current span {
                background: url(images/subnav_list_img_hover.gif) no-repeat 15px center;
            }
        #sidebar div.portlet ul.subNav li a:hover {
            background: url(images/subnav_hover_bg.gif) repeat-x;
            color: #333;
        }
            #sidebar div.portlet ul.subNav li a:hover span {
            background: url(images/subnav_list_img_hover.gif) no-repeat 15px center;
            color: #333;
        }

            #sidebar div.portlet ul.subNav li a span {
                background: url(images/subnav_list_img.gif) no-repeat 15px center;
                padding-left: 30px;
            }
    #sidebar div.portlet ul.subNav li.section {
        height: auto !important;
        padding-bottom: 0px;
        border-bottom: none;
    }
        #sidebar div.portlet ul.subNav li.section a span {
            background: url(images/subnav_list_img_section.gif) no-repeat 15px center;
        }
        #sidebar div.portlet ul.subNav li.section a:hover span,
        #sidebar div.portlet ul.subNav li.section a.current span {
            background: url(images/subnav_list_img_section_h.gif) no-repeat 15px center;
        }
        #sidebar div.portlet ul.subNav li.section ul {
            border-top: 1px solid #D6D3C7;
            
        }
                #sidebar div.portlet ul.subNav li.section ul li {
                    
                }
                    #sidebar div.portlet ul.subNav li.section ul li a {
                    }
                        #sidebar div.portlet ul.subNav li.section ul li a span {
                            background: url(images/subnav_list_img.gif) no-repeat 45px center;
                            padding-left: 60px;
                        }
                        #sidebar div.portlet ul.subNav li.section ul li a:hover span,
                        #sidebar div.portlet ul.subNav li.section ul li a.current span {
                            background: url(images/subnav_list_img_hover.gif) no-repeat 45px center;
                            padding-left: 60px;
                        }
                         


    
/* Footer Style */
.clearFooter {
    padding-top: 80px;
    clear: both;
}
#footerContainer {
    background: url(images/footer_bg.gif) repeat-x;
    height: 80px;
    width: 100%;
    text-align: center;
    border-top: 1px solid #D6D3C7;
    position: absolute;
    bottom: 0;
    left: 0;
}

    #footerContainer div.footerNav {
        width: 935px;
        text-align: left;
        margin: 0 auto;    
    }
        #footerContainer div.footerNav ul {
            background: url(images/footer_nav_bg.gif) no-repeat;
            height: 30px;
            line-height: 30px;
            padding-left: 2px;
            
        }
            #footerContainer div.footerNav ul li {
                background: url(images/footer_nav_bg.gif) no-repeat right;
                float: left;
                height: 30px;
                overflow: hidden;
            }
                #footerContainer div.footerNav ul li a {
                    background: url(images/footer_nav_btn.gif) no-repeat;
                    color: #666666;
                    text-decoration: none;
                    padding: 8px 15px ;
                    margin-right: 2px;  
                }
                #footerContainer div.footerNav ul li a:hover,
                #footerContainer div.footerNav ul li a.current {
                    background: url(images/footer_nav_btn.gif) no-repeat 0px -30px;
                    color: #333; 
                }
    #footerContainer .siteInfo {
        width: 935px;
        text-align: left;
        color: #666666;
        margin: 0 auto;
        padding-top: 15px;
    }
        #footerContainer .siteInfo .copyright {
            font-weight: bold;
        }
        #footerContainer .siteInfo a {
            font-weight: bold;
            text-decoration: none;
            color: #666666;
        }
        #footerContainer .siteInfo a:hover {
            color: #333;
            text-decoration: underline;
        }