* { /* reset default values */
    margin: 0;
    padding: 0;
}
body {
    color: #26354a;
    font: 12px/160% Arial, Helvetica, Verdana, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
img {
    border: none;
}
.meta {
    position: absolute;
    visibility: hidden;
}
abbr,
acronym {
    text-decoration: none;
    border: none;
    cursor: help;
}
#wrapper {
    background: #fff;
    width: 843px;
    margin: 0 auto;
}

.clear{clear:both;}
.input2 {	border: 1px solid #B7C7DD;	font-family: "ËÎÌå";font-size: 12px;	color: #365886;	background-color: #F4F6F9;line-height:15px;padding:2px 0;}
/*** Header Components ********************************************************/

#header {
    margin-bottom: 1px;
    height: 70px;
    position: relative;
}
#header h1 a {
    background: transparent url("logo.gif") no-repeat 0 0;
    position: absolute;
    width: 227px;
    height: 70px;
    line-height: 400px;
    text-indent: 1000px;
    overflow: hidden;
    left: 20px;
    text-decoration: none;
    top: 0px;
}
#tagline {
    overflow: hidden;
}
#tagline div {
    position: absolute;
    visibility: hidden;
    display: none;
    width: 1px;
}
#teaserimage {
    display: block;
    overflow: hidden;
    outline: none;
    height: 240px;
    line-height: 2000px;
}
#teaserimage:active {
    outline: none;
}
#skip,
#accesskeys { /* hide from visual browsers */
    position: absolute;
    visibility: hidden;
}

/*** Pageswitcher Components **************************************************/

#pageswitcher {
    position: absolute;
    right: 10px;
    top: 5px;
    float: left;
}
#pageswitcher ul {
    list-style: none;
}
#pageswitcher li,
#pageswitcher li a {
    background: transparent;
    float: left;
}
#pageswitcher li a {
    color: #b7bec7;
    padding: 0.3em 0.5em;
    text-decoration: none;
}
#pageswitcher li a:hover {
    color: #98a6b7;
    text-decoration: underline;
}
#pageswitcher li.selected a {
    color: #26354a;
}

/*** Navigation Components ****************************************************/

#navigation {
    background: #edf0f3 url("bg_navi.gif") no-repeat 0 0;
    float: left;
    width: 100%;
}
#navigation ul {
    list-style: none;
    padding-left: 20px;
}
#navigation * {
    float: left;
}
#navigation a {
    color: #24344D;
    height: 23px;
    line-height: 25px;
    margin-right: 15px;
    text-decoration: none;
    padding-top:4px;
    font-weight: bold;
}
#navigation .selected a,
#navigation a:hover {
    background: transparent url("bg_navi_selected.gif") repeat-x 0 100%;
}
#navigation #subtechnologies { /* hide technologies section */
    position: absolute;
    visibility: hidden;
}
body.en #subnavigation #subnavi_hms {
    display: none;
}

/*** Search Components ********************************************************/

#search {
    float: right;
    padding: 6px 0 0 0;
    padding-right: 20px;
}
#search #query,
#search .button {
    font-size: 13px;
}
#search #query {
    background: #fff url("bg_input.gif") repeat-x 0 -1px;
    border: 1px solid #848a98;
    padding: 1px;
}
#search .button {
    background: #32445c;
    border: 1px solid #1c283a;
    color: #fff;
    cursor: pointer;
    padding: 0px;
    text-transform: uppercase;
    font-size: 12px;
}
#search label { /* hide from visual browsers */
    position: absolute;
    visibility: hidden;
}
#search #query {
    margin-right: 0.7em;
    width: 120px;
}
#search.issafari .button {
    display: none;
}
#search.issafari #query {
    width: 180px;
    font-size: 100%;
}
#search.issafari {
    padding: 0.3em 10px 0 0;
}

/*** Banner Components ********************************************************/

#teaser, #banner {
    background: #1c2c43 url("bg_teaser.jpg") no-repeat 0 0;
    float: left;
    margin-top: 1px;
    width: 100%;
    z-index: 0;
}
#banner {
    height: 100px;
    overflow: hidden;
}
#banner img {
    float: left;
}

/*** Subnavigation Components *************************************************/

#subnavigation {
    background: #1c2c43 url("bg_banner.gif") repeat-x 0 0;
    float: left;
    padding: 20px 0 5px 0;
    width: 215px;
    overflow: hidden;
    border-right:1px #B7C3D8 DASHED;
}
#pagebody #subnavigation .hidden {
    display: none;
}
#teaser #subnavigation {
    margin-top: -0.7em;
    background: transparent;
}
#subnavigation h2 {
    color: #FCDB00;
    font-size: 13px;
    padding-left: 15px;
    font-weight: bold;
}
#subnavigation h3 a {
    color: #fff;
    font-size: 12px;
    margin-bottom: 0.4em;
    padding-left: 160px;
}
#subnavigation h2.separator {
    padding-top: 1em;
    clear: both;
}
#subnavigation ul {
    list-style: none;
    padding-bottom: 5px;
}
#subnavigation ul ul {
    padding-left: 15px;
}
#pagebody #subnavigation ul ul li a {
    background-image: url("icon_link_banner_sub.gif");
    background-position: 20px 10px;
    padding-left: 30px;
}
#pagebody #subnavigation ul li,
#pagebody #subnavigation ul li a {
    float: left;
    clear: both;
    color: #b6c4d1;
    text-decoration: none;
}
#pagebody #subnavigation ul li a {
    background: transparent url("icon_link_banner.gif") no-repeat 19px 0.3em;
    padding: 1px 0;
    padding-left: 37px;
    width: 160px;
}
#pagebody #subnavigation ul li a:hover {
    color: #fff;
    text-decoration: underline;
}
#pagebody #subnavigation .selected a {
    font-weight: bold;
    color: #fff;
}
#pagebody #subnavigation ul li .selected a {
    font-weight: bold;
    color: #fff;
}
#pagebody #subnavigation .selected ul a {
    font-weight: normal;
    color: #b6c4d1;
}
#index #pagebody #subnavigation ul li a {
    color: #fff;
}
#index #pagebody #subnavigation h2 {
    color: #FCDB00;
}

/*** News Components **********************************************************/

#pagebody div.news {
    float: left;
    overflow: visible;
    padding-right: 0;
}
#pagebody div.news .container {    
    width: 335px;
    padding-right: 20px;
}
#pagebody div.news .section {
    border: none;
    padding-top: 0.4em;
    padding-bottom: 1em;
}
#pagebody div.news .section h3 {
    margin-bottom: 0;
}
#pagebody div.news .section h3,
#pagebody div.news .section h3 a {
    color: #26354a;
    font-weight: bold;
    text-decoration: none;
}
#pagebody div.news .section h3 a:hover {
    text-decoration: underline;
}
#pagebody div.news .section h3 {    
    font-size: 120%;
}
#pagebody div.news .section h3 em {
    color: #647c97;
    font-size: 80%;
    display: block;
    font-style: normal;
    font-weight:normal;
    margin-bottom: -0.4em;
}
#pagebody div.news .more {
    background: transparent url("icon_link.gif") no-repeat 100% 50%;
    border: none;
    color: #f58f16;
    padding-right: 14px;
    clear: both;
    white-space: nowrap;
}

/*** Promo Components *********************************************************/

#promos {
    clear: both;
    margin-top: -0.5em;
    float: left;
    width: 100%;
}
* html #promos,
*+html #promos {
    margin-top: -1.5em;
}
#promos a {
    float: left;
    padding-top: 1em;
    margin-left: -1px;
}

/*** Pagebody Components ******************************************************/

#linkarea {
    background: transparent url("bg_teaser_bottom.gif") no-repeat 0 0;
    clear: both;
    float: left;
    width: 100%;
    margin-top: -10px;
}
#linkarea .column {
    float: left;
    padding: 13px 0 0 10px;
}
.column.solutions {
    width: 240px;
    text-overflow:ellipsis;overflow:hidden;white-space:nowrap;
}
.column.customers {
    width: 210px;
}
#linkarea .column h2 {
    font-size: 13px;
    margin: 0 0 1.2em 0;
}
#linkarea .column h2 a {
    color: #fff;
    text-decoration: none;
    text-shadow: #162337 0 0 3px;
}
#linkarea .column .list {
    margin: 0;
    padding-bottom: 0;
}

/*** List Components **********************************************************/

#pagebody .list {
    list-style: none;
    float: left;
}
#pagebody .list li,
.list li a {
    background: transparent;
    clear: both;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}
#pagebody .list li {
    width: 100%;
}
#pagebody .list li a {
    background: transparent url("icon_link.gif") no-repeat 0 0.5em;
    color: #26354a;
    float: left;
    padding: 0.2em 0;
    padding-left: 18px;
    text-decoration: none;
}
#pagebody .list li a:hover {
    background: transparent url("icon_link.gif") no-repeat 0 0.5em;
    color: #ff6600;
    float: left;
    padding: 0.2em 0;
    padding-left: 18px;
    text-decoration: none;
    /*border-bottom:1px #B7C3D8 DASHED;*/
}
#pagebody .list li.pdf a {
    background-image: url("icon_infomaterial.gif");
}
#pagebody .list li a span {
    color: #8c98a9;
}
#pagebody .list .selected {
    font-weight: bold;
}
#pagebody #sidebar .infomaterial .list li a,
#pagebody .list.infomaterial li a,
#pagebody .infomaterial .list li a {
    background-image: url("icon_infomaterial.gif");
    padding-left: 18px;
}
#pagebody .list.press {
    padding: 0;
    width: auto;
    width: 100%;
}
#pagebody .list.press li {
    cursor: pointer;
    position: relative;
}
#pagebody .list.press li a {
    display: block;
    float: none;
    border-bottom: 1px solid #d0d7e0;
    padding-left: 11em;
}
#pagebody .list.press li a:hover {
    background-color: #f2f3f5;
    text-decoration: none;
}
#pagebody .list.press em {
    color: #8c98a9;
    font-style: normal;
    width: 12em;
    position: absolute;
    top: 0.2em;
    left: 15px;
}

/*** Maincontent Components ***************************************************/

#pagebody {
    background: transparent url("bg_pagebody.jpg") no-repeat 100% 1px;
    float: left;
    width: 843px;
    min-height: 370px;
    height:auto !important; 
    height:370px;
    float: left;
}
#index #pagebody {
    background: transparent;
}
#maincontent {
    float: left;
    padding: 20px;
    width: 580px;
}
#maincontent a {
    color: #f58f16;
}
#maincontent h1 {
    color: #32445c;
    font-size: 25px;
    line-height: 100%;
    margin-top: 0.5em;
    margin-bottom: 1em;
    font-weight: bold;
}
* html #maincontent h1 {
    margin-top: 1em;
}
#maincontent p {
    margin-bottom: 1em;
}
#maincontent p a,
#maincontent li a {
    text-decoration: none;
    padding: 0.2em;
}
#maincontent p a:hover,
#maincontent li a:hover {
    background-color: #fef6bd;
}
#maincontent p a:active,
#maincontent li a:active {
    background-color: #ffe397;
    color: #f56f16 ;
}
#maincontent p.excerpt strong {
    background: transparent;
    border: none;
    padding: 0;
}
#maincontent p.para {
    clear: both;
}
#maincontent h2.para {
    padding-top: 1em;
}
#maincontent p.excerpt {
    clear: both;
    color: #26354a;
    font-size: 13px;
    line-height: 150%;
}
#maincontent p.excerpt strong {
    font-weight: normal;
}
#news #maincontent p.excerpt strong {
    font-weight: bold;
}
#maincontent p .highlight {
    font-weight: normal;
}
#maincontent .column p.excerpt {
    padding-right: 0;
}
#maincontent h1 {
    position: relative;
}
#maincontent h1 span {
    color: #647c97;
}
#maincontent .badge {
    position: absolute;
    right: 5px;
    top: 0.1em;
}
* html #maincontent .badge {
    right: 25px;
}
#maincontent .infobox .badge {
  top: 25px;
  right: 20px;
}

#maincontent .productlist ul{padding:5px;float:left;clear: both;}
#maincontent .productlist ul li{float:left;margin:0;width:175px;line-height:50px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#10426C;}

#maincontent h2 {
    border-bottom: 1px solid #edf0f3;
    clear: both;
    color: #26354a;
    font-size: 140%;
    font-weight: bold;
    line-height: 130%;
    margin: 10px 0 15px 0;
    padding-bottom: 5px;
}
#maincontent h2 em {
    color: #647c97;
    display: block;
    font-style: normal;
    font-size: 75%;
}
#maincontent a {
    clear: both;
    color: #26354a;
    font-size: 13px;
    line-height: 130%;
    margin: 1em 0 0.5em 0;
    padding-bottom: 0.2em;
    text-decoration: none;
}
#maincontent a:hover{
    clear: both;
    color: #ff6600;
    font-size: 13px;
    line-height: 130%;
    margin: 1em 0 0.5em 0;
    padding-bottom: 0.2em;
    text-decoration: none;
}
#maincontent .section h2 {
    border: none;
    font-size: 110%;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
#maincontent .section h2 a {
    color: #26354a;
    text-decoration: none;
}
#maincontent .section h3 em {
    color: #000;
    display: block;
    font-size: 75%;
    font-style: normal;
}
.section.thumbnail {
    color: #243246;
    float: left;
    height: 13em;
    margin-right: 30px;
    margin-bottom: 20px;
    width: 140px;
}
.section.thumbnail img {
    background: #fff;
    display: block;
    margin-bottom: 0.5em;
}
#wrapper .section.partner {
    float: left;
    width: 145px;
    margin-bottom: 1em;
    margin-right: 10px;
    border: 1px solid #edf0f3;
    padding: 10px;
    line-height: 75px;
    height: 80px;
    position: relative;
    text-align: center;
}
#wrapper .section.partner h3 {
    clear: none;
    display: none;
}
#wrapper .section.partner h4 {
    border-top: 1px solid #edf0f3;
    border-right: 1px solid #edf0f3;
    color: #b7bdc6;
    height: 20px;
    line-height: 20px;
    position: absolute;
    padding: 0 10px;
    bottom: 0;
    left: 0;
    font-size: 100%;
}
#wrapper .section.partner h4 a,
#wrapper .section.partner h4 a:hover {
    background: transparent url("icon_link.gif") no-repeat 100% 0.5em;
    color: #b7bdc6;
    padding-right: 14px;
    text-decoration: none;
}
#wrapper .section.partner a {
    display: block;
}
#wrapper .section.partner a:hover {
    background: transparent;
}
#maincontent .columns {
    float: left;
    width: 100%;
}
#maincontent .column {
    clear: both;
    float: left;
    margin: 10px 0;
    width: 60%;
}
#maincontent .columnimages {
    clear: none;
    float: right;
    margin: 10px 0;
    width: 40%;
}
#maincontent .column.right {
    clear: none;
    float: right;
}
#maincontent .hint {
    background: #ffc833 url("bg_infobox2.gif") repeat-x 0 0;
    clear: both;
    color: #26354a;
    font-size: 120%;
    line-height: 140%;
    margin-bottom: 1.5em;
    overflow: hidden;
    padding: 25px 30px 0.5em 20px;
}
#maincontent .hint a {
    color: #fff;
}
#maincontent .hint h3 {
    color: #fff;
    font-size: 140%;
    line-height: 120%;
    margin-bottom: 0.5em;
}
#maincontent ul {
    list-style: none;
    margin-bottom: 1em;
    padding-right: 100px;
}
#maincontent .column ul {
    padding-right: 0;
}
#maincontent ul li {
    background: transparent url("icon_list.gif") no-repeat 2px 0.4em;
    padding-left: 16px;
}
#maincontent ul li strong {
    font-weight: bold;
}
#maincontent ul.large {
    margin-bottom: 2em;
    padding: 0.2em 0px;
    padding-left: 40px;
}
#maincontent .hint ul.large {
    margin-bottom: 1em;
    padding-left: 0;
}
#maincontent ul.large li {
    background: transparent url("icon_list_large.gif") no-repeat 0 0.25em;
    color: #26354a;

    margin: 0;
    padding: 0.2em 22px;
}
#maincontent .hint ul.large li {
    background-image: url("icon_list_hint.gif");
    font-size: 100%;
}
#maincontent ul.large li strong {
    color: #26354a;
    float: left;
    display: block;
    padding-right: 0.5em;
}
#maincontent ul.jobs {
    font-size: 120%;
}
#maincontent ul.jobs li {
    background: transparent url("icon_job.gif") no-repeat 0 0;
    float: left;
    clear: both;
    margin-top: 1.5em;
    padding: 0 0 0.7em 50px;
    white-space: nowrap;
}
#maincontent ul.jobs li strong {
    background: transparent url("icon_link.gif") no-repeat 100% 50%;
    color: #26354a;
    padding-right: 14px;
}
#maincontent ul.jobs li a {
    color: #647c97;
    padding: 0;
    text-decoration: none;
}
#maincontent ul.jobs li a span {
    display: block;
}
#maincontent ul.separator {
    font-size: 140%;
    width: 100%;
}
#maincontent ul.separator li {
    width: 100%;
}
#maincontent ul.separator a {
    background-position: 5px 50%;
    border-bottom: 1px solid #edf0f3;
    color: #647c97;
    display: block;
    float: none;
    padding-left: 20px;
    font-size: 13px;
    line-height:25px;
}
#maincontent ul.separator .alternate a {
    background-color: #f6f7f9;
}
#maincontent ul.separator a:hover {
    background-color: #edf0f3;
    color: #1f2d40;
    text-decoration: none;
}
#maincontent ul.keyvalue {
    float: left;
    font-size: 130%;
    width: 400px;
}
#maincontent ul.keyvalue li {
    border-bottom: 1px solid #d0d7e0;
    background: transparent;
    clear: both;
    float: left;
    color: #1f2d40;
    padding: 0.2em 0.1em;
    padding-left: 130px;
    position: relative;
    width: 300px;
}
#maincontent ul.keyvalue li.lastchild {
    border-bottom: none;
}
#maincontent ul.keyvalue li strong {
    position: absolute;
    left: 0;
    top: 0.2em;
}
#maincontent ul.keyvalue li ul {
    width: 100%;
    margin: 0;
}
#maincontent ul.keyvalue li li {
    border: none;
    background: transparent url("icon_list_large.gif") no-repeat 0 0.25em;
    color: #1f2d40;
    padding: 0.2em 0.1em;
    padding-left: 20px;
}
#maincontent img.frame {
    background: #fff;
    border: 1px solid #ced2dc;
    padding: 4px;
}
#maincontent .left {
    float: left;
    margin-right: 1em;
}
#maincontent .imagebox {
    background: #d0d7e0;
    padding: 10px;
    float: left;
    margin-bottom: 1em;
    margin-right: 1.5em;
}
#maincontent .imagebox h3,
#maincontent .imagesection h3,
#maincontent .imagebox h3 a, 
#maincontent .imagesection h3 a {
    color: #26354a;
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    text-decoration: none;
    text-transform: uppercase;
}
#maincontent .imagebox p {
    clear: none;
    color: #26354a;
    margin: 0;
}
#maincontent .imagebox img {
    background: #fff;
    border: 1px solid #ced2dc;
    margin-bottom: 0.5em;
    padding: 4px;
}
#maincontent .more {
    background: transparent url("icon_link.gif") no-repeat 100% 50%;
    border: none;
    padding-right: 14px;
    clear: both;
    white-space: nowrap;
}
#maincontent .hint .more {
    color: #fff;
}
#maincontent h3 {
    clear: both;
    color: #647c97;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 0.5em;
}
#maincontent h4 {
    font-weight: bold;
}
#maincontent .imgleft {
    float: left;
    margin-right: 20px;
    margin-bottom: 1.3em;
}
#maincontent .imgright {
    float: right;
    margin-left: 20px;
    margin-bottom: 1.3em;
}
#maincontent .imgright2 {
    float: right;
    margin-left: 10px;
    margin-right: -80px;
    margin-bottom: 2em;
}

#maincontent .imagesection {
    padding-left: 140px;
    position: relative;
    float: left;
}
#maincontent .imagesection img {
    left: 0;
    position: absolute;
    top: 0;
}
#maincontent .imagesection h2 {
    margin: 0;
    margin-bottom: 0.6em;
}
#maincontent .imagesection {
        margin-bottom: 3em;
        width: 420px;
}
#maincontent .downloadadobereader a {
    background: transparent url("button_downloadadobereader.gif") no-repeat 0 0;
    display: block;
    width: 151px;
    height: 56px;
    text-indent: 200px;
    line-height: 200px;
    overflow: hidden;
}
#maincontent blockquote {
    background: transparent url("icon_quote.gif") no-repeat 25px 1em;
    color: #647c97;
    font-size: 125%;
    font-style: italic;
    font-family: "Georgia", "Times New Roman", Times, serif;
    line-height: 150%;
    padding: 1em 55px;
}
#maincontent blockquote p span {
    background: transparent url("icon_quote2.gif") no-repeat 100% -0.2em;
    padding-right: 30px;
}
* html #maincontent blockquote p span,
*+html #maincontent blockquote p span {
    display: block;
    background-position: 100% 100%;
}
#maincontent blockquote .cite,
#maincontent blockquote cite {
    color: #26354a;
    font-size: 80%;
    font-style: normal;
    font-weight: bold;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    display: block;
    text-indent: 0;
}
#maincontent blockquote cite a {
    color: #26354a;
}
#maincontent .column blockquote {
    background-position: 0 0.5em;
    padding: 0.5em 0;
    text-indent: 24px;
}
#maincontent .hilite {
    background: #edf0f3;
    border: 2px solid #d7dde3;
    padding: 1em;
    font-size: 120%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

/*** Sidebar Components *******************************************************/

#sidebar {
    float: left;
    width: 216px;
}
#sidebar h3 {
    color: #26354a;
    font-weight: bold;
    margin-bottom: 0.3em;
    text-transform: uppercase;
    font-size: 100%;
}
#sidebar .section {
    background: #f2f3f5;
    clear: both;
    padding: 0 20px 1em 20px;
    position: relative;
    width: 176px;
    float: left;
    z-index: 100;
}
#sidebar .section.requestinfo {
    background: #edf0f3 url("bg_navi_selected.gif") repeat-x 0 0;
    margin-bottom: -1em;
    overflow: hidden;
    padding-top: 1.3em;
    z-index: 50;
}
#pagebody #sidebar .section.requestinfo li a {
    background-image: url("icon_infomaterial.gif");
}
#sidebar a {
    color: #26354a;
    text-decoration: none;
}
#sidebar a:hover {
    text-decoration: underline;
}
#sidebar p {
    margin-bottom: 1em;
}
#pagebody #sidebar .section .list a {
    background-image: url("icon_link_sidebar.gif");
    color: #26354a;
}
#pagebody #sidebar .section .list li {
    margin-bottom: -0.2em;
}
#sidebar .event {
    clear: both;
    padding-top: 2em;
}

/*** Newsletter Components ****************************************************/

#sidebar .section.newsletter input {
    margin-top: 0.7em;
}

/*** List Components **********************************************************/

#pagebody .list2 {
    width: 100%;
}
#pagebody .list2 li {
    background: transparent;
    padding: 0;
}
#pagebody .list2 li.alternate {
    background: #edf0f3;
}
#pagebody .list2 li a {
    border-bottom: 1px solid #edf0f3;
    color: #647c97;
    display: block;
    padding: 0.3em 1em;
    text-decoration: none;
    text-align: right;
}
#pagebody .list2 li a:hover em {
    text-decoration: underline;
}
#pagebody .list2 li a em {
    color: #26354a;
    font-style: normal;
    font-weight: bold;
    float: left;
}

/*** Address Components *******************************************************/

#maincontent address {
    border-bottom: 1px solid #edf0f3;
    font-style: normal;
    float: left;
    margin-bottom: 1em;
    width: 100%;
}
* html #maincontent address {
    padding-bottom: 1em;
}
#maincontent address strong {
    background: transparent;
    padding: 0;
}
#maincontent address.lastchild {
    border: none;
}
#maincontent address .right {
    float: right;
    width: 20em;
}
#maincontent address p {
    clear: none;
    float: left;
    margin-right: 30px;
}
#maincontent address em {
    background-position: 0 50%;
    background-repeat: no-repeat;
    color: #647c97;
    float: left;
    font-style: normal;
    text-transform: uppercase;
    padding-left: 20px;
    width: 4em;
}
.tel {
    background-image: url("icon_phone.gif");
}
.fax {
    background-image: url("icon_fax.gif");
}
.email {
    background-image: url("icon_email.gif");
}
.web {
    background-image: url("icon_web.gif");
}

/*** Form Components **********************************************************/

#maincontent form.newsletter {
    padding-left: 8.5em;
}
#maincontent form .button {
    background: #ffffff;
    border: 1px solid #1c283a;
    color: #32445c;
    cursor: pointer;
    padding: 2px;
    text-transform: uppercase;
    font-size: 100%;
    font-weight: bold;
    width: auto;
}

/*** Footer Components ********************************************************/

#footer {
    border-top: 1px solid #d0d7e0;
    clear: both;
    padding: 10px 0;
    padding-right: 0;
    position: relative;
    float: left;
    width: 842px;
    height:30px;
}
#index #footer {
    margin: 10px 0;
    border: none;
}
#footer ul {
}
#footer li {
    color: #758597;
    float: left;
    list-style-type:none;
}
#footer li a {
    color: #758597;
    font-weight: bold;
    text-decoration: none;
    list-style-type:none;
}
#footer .separator {
    float:right;
    list-style-type:none;
}
#footer li a:hover {
    color: #f58f16;
    list-style-type:none;

/*** Tab Components ***********************************************************/

.tabcontainer {
    clear: both;
    float: left;
}
.tabcontainer .tab {
    float: left;
}
#maincontent .tabcontainer .tabhandle {
    background-color: #f6f7f9;
    border: none;
    clear: none;
    float: left;
    font-weight: normal;
    cursor: pointer;
    margin-bottom: 0;
    padding: 0.3em 1em 0.2em 1em;
}
.tabcontainer .tabcontent {
    position: absolute;
    visibility: hidden;
    display: none;
}
#maincontent .tabcontainer .selected {
    background: #edf0f3 url("bg_navi_selected.gif") repeat-x 0 0;
}
.tabcontainer .console {
    border-top: 1px solid #d0d7e0;
    float: left;
    width: 540px;
    padding-top: 2em;
}
.column .tabcontainer .console {
    width: 270px;
}

/*** Listing Components *******************************************************/

.listing {
    border-collapse: collapse;
    margin: 1em 0;
}
.listing th,
.listing td {
    border-bottom: 1px solid #edf0f3;
    padding: 0.2em 1em;
    text-align: left;
    vertical-align: top;
}
.listing .alternate td,
.listing .alternate th {
    background: #f6f7f9;
}
.listing .lastchild td,
.listing .lastchild th {
    border: none;
}

/*** Contact Banner Components ************************************************/

.contactbanner {
    border-top: 1px solid #edf0f3;
    border-bottom: 1px solid #edf0f3;
    margin-right: 2em;
    margin-bottom: 1em;
    padding: 1em;
}

/*** Download Components ******************************************************/

.section.download {
    border-bottom: 1px solid #edf0f3;
    clear: both;
    min-height: 60px;
    padding-top: 1em;
    padding-left: 65px;
    position: relative;
}
#news .section.download {
    border-top: 1px solid #edf0f3;
    margin-bottom: 1.5em;
}
.section.lastchild {
    border-bottom: none;
}
* html .section.download {
    height: 60px;
    overflow: visible;
}
.section.download p a {
    display: block;
    margin-top: -0.2em;
}
#wrapper .section.download p a:hover {
    background: transparent;
}
.section.download .download {
    background: transparent url("icon_download_pdf.gif") no-repeat 0 0;
    position: absolute;
    top: 1em;
    left: 0;
    width: 55px;
    height: 55px;
    overflow: hidden;
    text-indent: 100px;
    line-height: 200px;
}

/*** Infobox Components *******************************************************/

#maincontent .infobox {
    background: #edf0f3 url("bg_infobox.gif") repeat-x 0 0;
    clear: both;
    color: #26354a;
    margin-top: 1em;
    margin-bottom: 1.5em;
    padding: 25px 20px 15px 20px;
    float: left;
    width: 520px;
    position: relative;
}
#maincontent .infobox .excerpt {
  padding-right: 150px;
}
#maincontent .infobox h3 {
    background: transparent url("icon_infobox.gif") no-repeat 0 50%;
    color: #26354a;
    font-size: 160%;
    padding: 0.5em 44px;
    margin-bottom: 1em;
}
#maincontent .infobox .section {
    border-bottom: 1px solid #dadde3;
    margin-bottom: 0.9em;
}
#maincontent .infobox .section.lastchild {
    border-bottom: none;
}

#maincontent .infobox .section h2 a {
    background: transparent url("icon_link.gif") no-repeat 0 0.2em;
    padding-left: 15px;
}
#maincontent .infobox .section h2 a:hover {
    text-decoration: underline;
}
#maincontent .infobox.alternate {
    background: #ffc833 url("bg_infobox2.gif") repeat-x 0 0;
    color: #26354a;
    font-size: 120%;
}
#maincontent .infobox a {
    background: transparent;
    border: none;
}


/*** Newsletter Components ****************************************************/

#maincontent p.newsletter {
    background: transparent url("icon_newsletter.gif") no-repeat 0 0;
    padding: 0.7em 0 3em 90px;
}
#maincontent p.newsletter.success {
    background-image: url("icon_newsletter_success.gif");
}
#maincontent p.newsletter.error {
    background-image: url("icon_newsletter_error.gif");
}
#maincontent .newsletter .subscribe,
#maincontent .newsletter .unsubscribe {
  background: transparent url("icon_newsletter_success.gif") no-repeat 0 0;
  margin-left: -4.5em;
  padding-left: 4.5em;
  height: 2.5em;
  line-height: 2.5em;
  padding-top: 0.7em;
}
#maincontent .newsletter .unsubscribe {
  background-image: url("icon_newsletter_error.gif");
}

/*** Note Components **********************************************************/

#note {
    background: transparent url("icon_info_small.gif") no-repeat 0 50%;
    border-bottom: 1px solid #eaedf1;
    color: #b7bec7;
    padding: 0.3em 0 0.2em 20px;
}
#note strong {
    color: #26354a;
}

/*** Event Components *********************************************************/

#maincontent .event {
    background: transparent url("icon_event.gif") no-repeat 0 1em;
    border-top: 1px solid #e7ebef;
    padding: 13px 0;
    padding-left: 50px;
    position: relative;
}
#maincontent .event h3,
#maincontent .event h3 a {
    color: #26354a;
    text-decoration: none;
}
#maincontent .event .date {
    color: #647c97;
}
#maincontent .event * {
    margin-bottom: 0;
}
#maincontent .event .more {
    float: right;
    margin-top: -1.6em;
    position: absolute;
    top: 1.5em;
    left: 0;
    width: 550px;
    height: 6em;
    overflow: hidden;
    line-height: 1000px;
    background-position: 30px 45px;
}
#maincontent .event .more:hover {
    background-color: transparent;
}