/* Eitido (c) 2010 - Norman Geiersbach */
 a, body, div, h1, h2, h3, html, img, li, p, table { background-repeat: no-repeat; border: 0; margin: 0; padding: 0; } a { color: #545454; outline: none; text-decoration: none; } a:hover { color: #e0001b; text-decoration: none; } body { background: #e4edf3; color: #7b7b7b; min-width: 825px; } html { height: 100%; } body, input, select, textarea { font-family: Arial, Tahoma, Helvetica; font-size: 11px; line-height: 150%; } h1, h2 span { display: none; } h3 { font-size: 12px; } .error { display: block; background: #fff5f5; border: #ffcccc 1px dotted; border-left: 0; border-right: 0; color: #bf0016; padding: 8px; } .success { display: block; background: #f5fff5; border: #ccffcc 1px dotted; border-left: 0; border-right: 0; color: #00bf1a; padding: 8px; } #page-wrapper { background: url('Images/page-gradient.gif') repeat-x; margin-top: 32px; height: 561px; } #page-container { background-image: url('Images/page-container.png'); background-position: left 71px; margin: 0 auto; width: 855px; } #page-inner { margin: 0 15px; width: 825px; } #noscript { background: #fff5f5; border: #ffcccc 1px dotted; position: fixed; left: 0; top: 0; width: 100%; height: 24px; z-index: 999; } #noscript span { display: block; padding: 4px; color: #bf0016; line-height: 16px; font-weight: bold; text-align: center; } #header { } #logo-pcs { display: block; margin-bottom: 10px; width: 188px; height: 61px; } #main { background: #ffffff; border: 1px solid #cbdae4; width: 823px; height: 488px; } #main-content { margin: 9px; width: 805px; height: 470px; overflow: hidden; } #main-content-end { } #page-content-host { background: #cbdae4; position: relative; float: left; width: 627px; height: 470px; overflow: hidden; } #page-content-scroller { position: absolute; width: 627px; top: 0; left: 0; } .page-content-container { background-image: url('Images/page-content-container.jpg'); position: relative; width: 627px; height: 470px; overflow: hidden; } .page-content-loader { background-image: url('Images/loader.png'); position: absolute; left: 313px; top: 235px; margin-left: -16px; margin-top: -16px; width: 32px; height: 32px; } #navigation-bar { float: right; margin: 46px 8px 0 8px; width: 153px; height: 411px; overflow: hidden; } #copyright { float: right; margin-right: 8px; width: 153px; text-align: right; } #copyright a { color: #b1b1b1; font-size: 10px; line-height: 13px; } #copyright a:hover { color: #e0001b; } #main-menu { list-style-type: none; padding: 0; margin: 0; } #main-menu li { padding-bottom: 20px; } #main-menu li span { display: block; background: url('Images/menu-dotted.gif') repeat-x; background-position: left bottom; margin-bottom: 4px; color: #e0001b; line-height: 18px; text-transform: uppercase; } #main-menu .sub-menu { list-style-type: none; padding: 0; margin: 0; } #main-menu .sub-menu li { padding: 0; margin: 0; } #main-menu .sub-menu li a { display: block; background-position: left top; margin-left: 16px; color: #7b7b7b; line-height: 20px; } #main-menu .sub-menu li a:hover, #main-menu .sub-menu li a.active { background-image: url('Images/menu-arrow.gif'); background-position: left bottom; padding-left: 11px; color: #e0001b; } .content-wrapper { padding: 19px; } .content-wrapper-end { clear: both; } .content-block { float: left; padding-left: 64px; } .content-block:first-child { padding-left: 0; } .content-block h3 { color: #e0001b; margin-bottom: 16px; } .text-wrapper { background: url('Images/container-bkg-80.png'); position: absolute; left: 0; bottom: 0; width: 627px; min-height: 143px; } .text-container { padding: 20px; color: #ffffff; } .text-container h3 { margin-bottom: 13px; } .gallery-scroller { position: absolute; height: 470px; } .gallery-container { float: left; height: 470px; overflow: hidden; } .gallery-content { display: none; } .gallery-controls { position: absolute; left: 0; bottom: 0; width: 627px; } .gallery-caption-bar { background: url('Images/container-bkg-80-dark.png'); position: relative; height: 32px; } .gallery-caption-bar h3 { color: #ffffff; line-height: 32px; text-align: center; } .gallery-button-prev { background-image: url('Images/arrow-left.png'); background-position: left top; display: block; width: 32px; height: 32px; position: absolute; left: 0px; top: 0; } .gallery-button-next { background-image: url('Images/arrow-right.png'); background-position: left top; display: block; width: 32px; height: 32px; position: absolute; right: 0px; top: 0; } .gallery-button-prev:hover, .gallery-button-next:hover { background-position: left bottom; } .gallery-text-wrapper { background-image: url('Images/trans.gif'); width: 627px; } .gallery-text { background: url('Images/container-bkg-80.png'); padding: 20px 24px; color: #ffffff; } .image-wrapper img { float: left; } .thumbnails-wrapper { background: url('Images/container-bkg-80.png'); padding: 0 24px 14px 24px; } .thumbnails-slider { background-image: url('Images/thumbs-slider.gif'); height: 14px; } .thumbnails { height: 33px; overflow: hidden; } .thumbnail-container { border: 2px solid #acacac; float: left; margin-left: 4px; width: 40px; height: 29px; overflow: hidden; } .thumbnail-container:first-child { margin-left: 0; } .thumbnail-container-active, .thumbnail-container:hover { border-color: #ffffff; } .thumbnail-container-active .thumbnail-image-gray, .thumbnail-container:hover .thumbnail-image-gray { display: none; } .form-wrapper { width: 282px; } .form-wrapper form { } .form-wrapper fieldset { border: 0; margin: 0; padding: 0; } .form-wrapper label { display: block; font-weight: bold; } .form-wrapper .field { margin-bottom: 12px; } .form-wrapper .field input { background: #e1e1e1; border: solid 1px #cccccc; width: 280px; } .form-wrapper .field textarea { background: #e1e1e1; border: solid 1px #cccccc; width: 280px; height: 64px; } .form-wrapper .field-end { clear: both; } .form-wrapper .submit-wrapper { padding-left: 202px; } .form-wrapper .submit-wrapper .button-wrapper { height: 18px; } .form-wrapper .submit-wrapper .button-wrapper input { background: #e0001b; border: 0; color: #ffffff; font-size: 11px; line-height: normal; margin: 0; padding: 0; width: 80px; height: 18px; } .form-wrapper .submit-wrapper .button-wrapper:hover input { background-color: #545454; } .form-wrapper .submit-wrapper-end { clear: both; } .validation-summary .error, .validation-summary .success { margin-bottom: 18px; } #error-wrapper { background: url('Images/error-gradient.gif') repeat-x; padding: 96px 0 64px 0; } #error-container { background-image: url('Images/error-container.gif'); margin: 0 auto; width: 615px; height: 332px; } #error-inner { padding: 96px 40px 16px 40px; } #error-details { float: left; } #error-status { float: right; text-align: right; } #error-title, #error-code { color: #e0001b; }