/**
 * @site Nijburg site
 * @revision $Revision: 1.11.42.6.2.49 $
 *
 * @styleguide:
 *  colors {
 *   white:    #fff;
 *   black:    #000;
 *   darkgrey: #003466;
 *   grey:     #7d7d7d;
 *  }
 *  fonts {
 *   headers: DIN Medium;
 *   text:    Arial, Helvetica, sans-serif;
 *  }
 */

/**
 * Elements
 * HTML elements, such as ul, img, p, a, etc.
 */

/* links */
a, a:link { padding: 0 0 1px 0; color: #003466; text-decoration: none; border-bottom: 1px solid #cbe5fe; }
a:visited { color: #003466; border-color: #cbe5fe; }
a:active { color: black; border-color: black;}
a:hover { color: black; border-bottom-color: black; }

/* headers */
h1, h2, h3, h4, h5, h6 { margin: 0 0 1em 0; font-family: Arial, Helvetica, sans-serif; color: #003466; }
h1 { font-size: 1.2em; }
h2 { font-size: 1.1em; }
h3 { font-size: 1em; }

/* images */
img, a img { border: 0; }

/* paragraphs */
p { }

/* lists and definition lists */
ul { }
    ul li {}

dl {}
    dl dt {}
    dl dd {}

/* tables */
table { font-size: 1em; vertical-align: top; border-collapse: collapse; }
    table thead { }
    table tbody { }
    table td, table th { text-align: left; }

/* form elements, labels & fieldsets */
form { margin: 0; }

input, select, textarea { border: 1px solid #999; padding: .2em 0; font: normal 1em Arial, Helvetica, sans-serif; }
    input:hover, textarea:hover { border-color: #bbb; }
    input:focus, textarea:focus { border: 1px inset #afafaf; }
    input.disabled { cursor: default; background-color: #e8e8e8; }

fieldset { border: 1px solid #003466; padding: 0 1em 1em 1em; }
    fieldset legend { margin: 0 0 .5em .4em; padding: .1em .7em; color: white; font-weight: bold; background-color: #003466; }

label { cursor: pointer; }
    label:hover { color: black; }

iframe { min-height: 35em; }

/**
 * Page layout
 */

html, body { margin: 0; padding: 0; border: 0; background: white url(/images/bg_clouds.jpg) no-repeat 20% 90px; }
body { font: normal .75em/1.6em Arial, Helvetica, sans-serif; color: #003466; background: transparent url(/images/bg_shadow.png) repeat-x 0 134px; }

#body { }
    #total { position: relative; margin: 0 auto; padding: 0 36px; width: 927px; background: white url(/images/bg_shadow.png) repeat-x 0 134px; overflow: hidden; }
        #container { clear: both; float: left; padding-top: 156px; width: 100%; }
            #content { float: left; margin: 0 0 0 260px;  width: 456px; background-color: #cbe5fe; min-height: 680px; }
                #content #contentcontainer {padding: 0 20px 1em 20px;}
                #content #contentcontainer.catalogue-menu { padding:0; }
                #content #contentcontainer.homepage { padding:0; }
            #containercolumn-left { position: absolute; top: 156px; left: 36px; width: 240px; z-index: 2;}

                #secondlevel { margin-bottom: 20px; }
                        #secondlevel h3 { margin: 0; padding: 0; border-top: 1px solid white; background: #cbe5fe url(/images/arrow_bluebg.gif) no-repeat right center; }
                            #secondlevel h3 a { display: block; padding: 0 20px 0 10px; border: 0; }
                            #secondlevel h3:hover, #secondlevel h3.ui-state-active { background-color: #003466; }
                                #secondlevel h3:hover a, #secondlevel h3.ui-state-active a { color: white; }

                    .thirdlevel ul { margin: 0; padding: 0; list-style-type: none; }
                        .thirdlevel ul li { border-top: 0; border-bottom: 1px solid #cbe5fe; background: white url(/images/arrow_whitebg.gif) no-repeat right center; }
                            .thirdlevel ul li a { display: block; padding: 0 20px 0 10px; border: 0; color: #003466; }
                            .thirdlevel ul li:hover, .thirdlevel ul li.selected { background-color: #cbe5fe; background-image: url(/images/arrow_whitebg.gif); }
                    .thirdlevel p { margin: 0 10px; }
                    .thirdlevel p.empty-item { margin-top: -1px; line-height: 1px; height: 1px;}

                #divisionnav { margin: 0 0 5px 0; padding: 10px 0; }
                    #divisionnav #divisionnav-header { margin: 0 10px 0 5px; padding: 0; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
                        #divisionnav #divisionnav-header span { visibility: hidden; }
                    #divisionnav #divisionnav-intro { margin: 5px 10px 5px 5px; padding: 0 0 5px 0; border-bottom: 1px solid #cbe5fe; }
                    #divisionnav ul { margin: 0 10px 0 5px; padding: 0; list-style-type: none; }
                        #divisionnav ul li { padding: 10px 0; border-bottom: 1px solid #cbe5fe; }
                            #divisionnav ul li img { float: left; margin: 0 .5em 0 0; }
                            #divisionnav ul li h2 { float: left; margin: 0; padding: 0 0 5px 0; }
                                #divisionnav ul li h2 a { display: block; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
                                    #divisionnav ul li h2 a span { visibility: hidden; }
                            #divisionnav ul li p { clear: both; margin: 5px 0; padding: 0; }
                            #divisionnav ul li .subsite-link { color: white; margin: 0; padding: 2px 30px 4px 10px; border: 0; background: #003466 url(/images/arrow_bluebg.gif) no-repeat right center; }
                                #divisionnav ul li .subsite-link:hover { color: #cbe5fe; }

                            #divisionnav ul li .solidair { background-image: url(/images/solidair/arrow_redbg.gif) !important; }
                            #divisionnav ul li .velu { background-image: url(/images/velu/arrow_yellowbg.gif) !important; }
                            #divisionnav ul li .bouda { background-image: url(/images/bouda/arrow_bluebg.gif) !important; }

            #containercolumn-right-container { float: right; width: 190px; }
                #containercolumn-right { background-color: #cbe5fe; }

                #extranav { margin: 0 0 5px 0; padding: 10px 0; background-color: #cbe5fe; }
                    #extranav ul { margin: 0 10px; padding: 0; list-style-type: none; }
                        #extranav ul li { padding: 5px 0; border-top: 1px solid #ffffff; }
                        #extranav ul li.first-item { padding-top: 0; border-top: 0; }
                            #extranav ul li h2 { margin: 0; padding: 0; }
                                #extranav ul li h2 a { display: block; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
                                    #extranav ul li h2 a span { visibility: hidden; }
                            #extranav ul li p { margin: 5px 0; padding: 0; }
                            #extranav ul li .readmore { text-align: right; }
                                #extranav ul li .readmore a { padding-bottom: 2px; border-bottom: 1px solid #003466; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
                                    #extranav ul li .readmore a:hover { border-color: black; }
                                    #extranav ul li .readmore a span { visibility: hidden; }

                #bannercolumn { width: 100%; margin: 0; padding: 0; }
                    .banner a { border: 0; }
                    .banner img { display: block; margin-bottom: 5px; }
                    .banner object { margin-bottom: 5px; }

        #header-container { position: absolute; top: 0; left: 0; width: 100%; height: 90px; background-color: white; z-index: 3; }
            #header { position: relative; margin: 0 auto; width: 927px; height: 100%; }
                #header h2 { position: absolute; top: 11px; left: 0; margin: 0; padding: 0; }
                    #header h2 a { display: block; height: 100%; border: 0; padding-left: 0; background: none; }

        #header-element { position: absolute; top: 2px; right: 10px; width: 190px; height: 130px; background: transparent url(/images/element.png) no-repeat right top; }

        #headervisual { background-color: transparent; background-repeat: no-repeat; background-position: left top; }

        #mainnav-container { position: absolute; top: 0; left: 0; border-top: 90px solid white; border-bottom: 2px solid white; width: 100%; height: 42px; background-color: #003466; z-index: 2; }
            #mainnav-container .inner { border-bottom: 16px solid #003466; width: 100%; height: 26px; background-color: #003466; z-index: 2; }
            #mainnav { position: relative; margin: 0 auto; width: 927px; height: 100%; }
                #mainnav ul { float: left; list-style-type: none; margin: 0 0 0 -17px; padding: 0; }
                    #mainnav li { float: left; height: 26px; background: transparent url(/images/bg_mainnav_divider.gif) no-repeat left center; }
                    #mainnav li.first-item { background: none; }
                        #mainnav li a { display: block; font-size: 1.1em; color: white; padding: 3px 15px; border: 0; height: 16px; white-space: nowrap; }
                            #mainnav li a:hover { text-decoration: underline; }

        #breadcrumbs { position: absolute; top: 136px; left: 36px; right: 36px; height: 20px; }
            #breadcrumbs ul { list-style-type: none; margin: 0; padding: 0; }
                #breadcrumbs ul li { display: inline; margin-right: 0; padding-left: 15px; font-size: .9em; color: #003466; background: url(/images/i_crumb.gif) left center no-repeat transparent; }
                #breadcrumbs li:first-child, #breadcrumbs li#firstcrumb { padding-left: 0; background-image: none; }
                    #breadcrumbs li a { border: 0; color: #003466; padding-left: 0; background: none; text-decoration: underline; }
                        #breadcrumbs li a:hover { text-decoration: none; }

        #globalnav-container { position: absolute; top: 0; left: 0; right: 0; z-index: 3; }
            #globalnav { margin: 10px auto 0 auto; padding: 0 36px; width: 927px; overflow: hidden; }
                #globalnav ul { float: right; list-style-type: none; margin: 0 210px 0 0; padding: 0; }
                    #globalnav ul li { float: left; margin: 0 15px 0 0; padding: 0 15px 0 0; background: transparent url(/images/bg_subnav_divider.gif) no-repeat right center; }
                        #globalnav ul li a { display: block; margin: 0; padding: 0; border: 0; background-repeat: no-repeat; background-position: center center; font-size: 0; white-space: nowrap; }
                            #globalnav ul li a span { font-size: 0; visibility: hidden; }

            #quicksearch { float: right; margin: 34px 210px 0 0; padding: 0; border: 1px solid #cbe5fe; }
                #quicksearch h3 { float: left; margin: 4px 15px 0 0; padding: 0; background: transparent no-repeat left top; }
                    #quicksearch h3 label { visibility: hidden; }
                #quicksearch input { font-size: .9em; float: left; padding: 1px 0 0 0; border-color: #fff; width: 150px; height: 15px; background-color: white; }
                #quicksearch input.submit { font-size: 0; color: #768593; width: 24px; height: 18px; margin: 0 0 0 -1px; border: 0; background: transparent url(/images/button_search.gif) no-repeat left top; }
                    #quicksearch input.submit:hover { cursor: pointer; }

        #mainnav h2, #breadcrumbs h2, #globalnav h2 { display: none; }

        #cart-overview-container { position: absolute; top: 116px; width: 100%; z-index: 3; }
            #cart-overview-container-inner { position: relative; margin: 0 auto; width: 927px; }
                #cart-overview { position: absolute; right: 0; padding: 0 3px; width: 184px; height: 18px; background-color: #003466; }
                    #cart-overview h3 { white-space:nowrap; float: left; color: white; padding-right: 3px; background: transparent url(/images/bg_subnav_divider.gif) no-repeat right center; }
                    #cart-overview .cart-items { float: right; color: #02d300; }
                        #cart-overview .cart-items a { display: block; color: #02d300; font-weight: bold; padding-right: 25px; border: 0; background: transparent url(/images/velu/cart.gif) no-repeat 100% -1px; }

    #footer-container { position: relative; float: left; clear: both; width: 100%; }
        #footer-content { position: relative; margin: 0 auto; padding: 36px 36px 26px 36px; width: 927px; background-color: white; }
            #footer { margin-left: 260px; border-top: 1px solid #cbe5fe; width: 667px; min-height: 26px; background: transparent url(/images/payoff.gif) no-repeat right top; }
                #footer h2 { display: inline; float: left; margin: 4px 0 0 0; padding: 0; }
                    #footer h2 a { display: block; height: 100%; border: 0; padding-left: 0; background: none; }

            #footernav { position: absolute; top: 15px; left: 277px; margin: 0; padding: 0; }
                #footernav ul { float: left; list-style-type: none; margin: 4px 0 0 0; padding: 0; }
                    #footernav ul li { float: left; margin: 0 0 0 10px; padding: 0 0 0 10px; border-left: 1px solid #444444; line-height: 1em; }
                    #footernav ul li.first-item { border-left: 0; }
                        #footernav ul li a { display: block; font-size: .9em; color: #003466; border: 0; }
                        #footernav ul li a:hover { text-decoration: underline; }

.homepage #headervisual { left: 36px; width: 260px; height: 300px; position:absolute; top:156px;  }
.homepage #content { margin-left: 0; margin-bottom: 24px; padding: 0; width: 610px; background-color: white; }
    .homepage #content .contenttext { float: left; margin-bottom: 0; padding: 0 20px 20px 280px; width: 310px; min-height: 280px; background-color: #cbe5fe; }
    .homepage.portal-view #content .contenttext { position: relative; min-height: 250px; }
    .homepage #content #blocks { float: right; margin-right: 20px; width: 236px; }
        .homepage .block { margin: 1em 0 0 0; padding: 1em 0 0 0; border-bottom: 0; border-top: 1px solid #cbe5fe; }
        .homepage .block h2 a { border: 0; }
        .homepage .block .readmore { float: right; background-image: url(/images/arrow_whitebg.gif); }
        .homepage #portalblock-1 { margin-top: 0; padding-top: 0; border-top: 0; }

.homepage #breadcrumbs { left: 36px; }
.homepage #containercolumn-right { float: right; margin-bottom: 24px; width: 293px; }
.homepage #content { min-height: 10px; } 

.catalogue #container { min-height: 400px; }
.catalogue #container .content-header h1 { margin-left: 260px; padding: 0 10px 8px 10px; width: 647px; background-color: #cbe5fe; }
.catalogue #container .content-header h2 { margin-left: 260px; padding: 0 10px 4px 10px; width: 647px; height: 22px !important; background-color: #003466; }
.catalogue #content { padding-top: 0; }
.catalogue #headervisual { display: none; }

.catalogue-menu #container .content-header h1 { margin-left: 260px; padding: 0 10px 8px 10px; width: 647px; background-color: #003466; }
.catalogue-menu #container .content-header h2 { margin-left: 260px; padding: 0 10px 4px 10px; width: 647px; height: 22px !important; background-color: #003466; }
.catalogue-menu #content { padding-right: 0; padding-left: 0; width: 667px; background-color: transparent; }
.catalogue-menu #headervisual { top: 215px; width: 667px; }

.deeper-menu #container .content-header h1 { background-color: #cbe5fe; }
.deeper-menu #content { padding-top: 0; }
.deeper-menu #headervisual { display: none; }

.shop #content { margin-left: 0; padding-top: 0; padding-left: 0; padding-right: 0; width: 907px; background-color: transparent; }
.shop #headervisual { display: none; }

.shopcart #content { margin-left: 0; padding-top: 0; padding-right: 0; width: 927px; background-color: transparent; }
.shopcart #content #contentcontainer { padding-right: 0; }
.shopcart #headervisual { display: none; }

.no-header #content { padding-top: 0; }
.no-header #headervisual { display: none; }

.aeolusform #content { float: left; padding-right: 0; padding-left: 0; width: 667px; background-color: transparent; }

/**
 * Page content
 */

.contenttext { margin-bottom: 1em; }
    .contenttext p { margin-top: 0; }
#pagebody { }
    #pagebody p { margin-top: 0; }

#portal-text { margin-bottom: 1em; height: 190px; overflow: hidden; }
    #portal-text.large { height: auto; }
        #portal-text.large #enlarge { display: none; }

.portalslogan { position: absolute; top: 0; left: 0; font-size: 1.1em; font-weight: bold; color: white; padding: 3px 15px 1px 15px; width: 580px; height: 20px; background-color: #003466; }

/* .feed: RSS-feed button placement */
.feed { float: right; border: 0 !important; margin: -1.5em 0 0 1em; width: auto !important; height: auto !important; background: none !important; }
    h1 .feed, dt .feed { float: right !important; }
    .feed img { vertical-align: text-top; }

    /* header is wrapped in <span> when feed button is available */
    .content-header { display: block; margin-top: 0; margin-bottom: .5em; width: 100%; }
    .catalogue-menu .content-header { margin-bottom: 0;}

    #container .content-header h1 { margin: 0; padding: 0; }
    #container .content-header h1 .pagetitle { display: block; margin: 0 10px 0 0; text-indent: -9000px; }

    .catalogue-menu #container .content-header h1 .pagetitle { display: block; margin: 0 auto; text-indent: -9000px; }
    .deeper-menu #container .content-header h1 .pagetitle { margin: 0; }

    #container .content-header h2 { margin: 0; padding: 0; }
    #container .content-header h2 .pagetitle { display: block; margin: 0 10px 0 0; text-indent: -9000px; }

    .catalogue-menu #container .content-header h2 .pagetitle { display: block; margin: 0 auto; text-indent: -9000px; }
    .deeper-menu #container .content-header h2 .pagetitle { margin: 0; }

    .rightcolumn { position: absolute; top: 222px; right: 0; width: 190px; }
    .leftcolumn h2 { display: block; margin: 0 0 1em 0; padding: 0; width: 100%; }
    .leftcolumn h2 .pagetitle { display: block; margin: 0 10px 0 0; text-indent: -9000px; }

    .article-headervisual { margin-left: -20px; padding: 20px 0; width: 456px !important; background-color: #a1c1ea; }
        .article-headervisual img { margin: 0 auto !important; }

/* inline sections on the homepage */
.inline-sections { float: left; clear: both; margin: .5em 0 0 0; padding-top: 1em; border-top: 1px solid #ffffff; width: 100%; }
    .inline-sections dt { display: block; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
        .inline-sections dt a { display: block; }
        .inline-sections dt .inline-list-header { display: block; background-color: transparent; background-repeat: no-repeat; background-position: left top; text-indent: -9000px; }
    .inline-sections dt.inline-list-header-nolink { display: block; margin-bottom: .3em; }
.inline-sections dd { clear: both; margin: 0 0 .3em 0; padding: 4px 0 2px 30px; background: transparent url(/images/arrow_whitebg.gif) no-repeat left center; }
    .inline-sections dd a { color: #003466; }
        .inline-sections dd a:hover { color: black; border-color: black; }

/* inline sections on the portal */
.inline-sections-portal { float: left; clear: both; margin: 0; padding-top: 0; width: 100%; background-color: #cbe5fe; }
    .inline-sections-portal dt { display: block; padding: 2px 15px; background-color: #003466; }
        .inline-sections-portal dt a { display: block; font-size: 1.2em; color: white; font-weight: bold; border: 0; }
        .inline-sections-portal dt .inline-list-header { display: block; }
        .inline-sections-portal dt .feed { margin-top: -1.4em; }
    .inline-sections-portal dt.inline-list-header-nolink { display: block; margin-bottom: .3em; }
.inline-sections-portal dd { clear: both; margin: 0 15px; padding: .5em 0; border-top: 1px solid white; }
.inline-sections-portal dd.first-item { border-top: 0; }
    .inline-sections-portal dd .imgbox { float: right; margin: .2em 0 .5em .5em; }
    .inline-sections-portal dd h2 { font-size: 1.2em; margin: 0; padding: 0; }
        .inline-sections-portal dd h2 a { border-color: #cbe5fe; }
            .inline-sections-portal dd h2 a:hover { border-color: #003466; }
    .inline-sections-portal dd p { margin: 0; padding: 0; }
    .inline-sections-portal dd a { color: #003466; border-color: #003466; }
        .inline-sections-portal dd a:hover { color: black; border-color: #cbe5fe; }

/* block: (news)blocks on the homepage */
.block { clear: both; float: left; margin-top: .5em; padding-top: 1em; padding-bottom: 1em; border-top: 1px solid #ffffff; width: 100%; }
    .block .block-header { }
    .block h2 { margin: 0; padding: 0 1em .1em .3em; font-size: .5em; color: black; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
        .block h2 a { display: block; width: 100%; height: 100%; text-decoration: none; color: black; }
            .block h2 a:hover { color: #003466; }
        .block h2 span { visibility: hidden; }
    .block .imgbox { float: right; margin: .5em 0 1em 1em; }
    .block p { margin: 0 0 .5em 0; }
    .block .readmore { float: left; clear: both; margin: 0; padding: 0; border: 0; background: #003466 url(/images/arrow_whitebg.gif) no-repeat right center; }
        .block .readmore a { display: block; color: white; margin: 0; padding: 0 30px 2px 10px; border: 0; }
            .block .readmore a:hover { color: #cbe5fe; }

/* portal-blocks */
#portalblocks { float: left; clear: both; position: relative; top: 0; left: 0; width: 100%; }
    .portalblock { float: left; margin-right: 24px; width: 293px; background-color: #cbe5fe; }
    #portalblock3 { margin-right: 0; }
        .portalblock .zonenav { min-height: 190px; }
        .portalblock .zonenav.portal-view { min-height: 105px;}
        .portalblock .block-header { padding: 2px 15px; background-color: #003466; }
            .portalblock .block-header h2 { color: white; font-weight: bold; margin: 0; padding: 0; }
                .portalblock .block-header h2 a { display: block; color: white; border: 0; }
        .portalblock img { display: block; }

/* zonenav */
.zone-header { clear: both; display: block; color: white; padding: 2px 10px; background-color: #003466; }
.zonenav { margin: 0 0 5px 0; padding: 0; }
    .zonenav ul { margin: 0 10px; padding: 0; list-style-type: none; }
        .zonenav ul li { padding: .5em 0; }
            .zonenav ul li img { float: left; margin: 0 .5em 0 0; }
            .zonenav ul li h2 { font-size: 1.1em; margin: 0; padding: 0 0 5px 0; width: 215px; }
                .zonenav ul li h2 a { border: 0; }
                    .zonenav ul li h2 a span { }
            .zonenav ul li p { clear: both; margin: 0; padding: 0; }
                .zonenav ul li .read-more { clear: both; }
                    .zonenav ul li .read-more a { font-size: .9em; color: #003466; border-color: #003466; }
                        .zonenav ul li .read-more a:hover { color: black; border-color: #cbe5fe; }

.homepage .zonenav ul li { padding: .5em 5px; border-top: 1px solid white; }
.homepage .zonenav ul li.first-item { border-top: 0; }

#containercolumn-right .zonenav ul li h2 { width: 120px; }

/* default and rich menu */
.menu_default { clear: both; margin: 0; padding: .5em 0; border-top: 1px solid white; list-style-type: none; }
    .menu_default li { margin-bottom: .5em; padding: 4px 0 2px 30px; background: transparent url(/images/arrow_whitebg.gif) no-repeat left center; }

.menu_rich { clear: both; float: left; margin: 1em 0; padding: 2em 0 1em 0; border-top: 1px solid white; width: 100%; list-style-type: none; }
    .menu_rich li { float: left; margin: 0 0 1em 0; width: 100%; }
        .menu_rich li a { float: left; }
            .menu_rich li a img { display: block; margin: 0 0 -1px 0; }
        .menu_rich li .menuitem-content { float: left; margin-left: 5px; width: 280px; }
        .menu_rich li h3 { font-size: 0; margin: 0; padding: 0; background-color: #cbe5fe; }
            .menu_rich li h3 a { float: none; border: 0; display: block; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
                .menu_rich li h3 a span { visibility: hidden; }
                .menu_rich li h3 a:hover { cursor: pointer; }
        .menu_rich li p { margin: 0; padding: 0 0 .5em 0; }

.menu_catalogue { clear: both; float: left; margin: 0; padding: 0; width: 100%; list-style-type: none; }
    .menu_catalogue li { float: left; margin: 0 21px 20px 0; width: 323px; min-height: 158px; background-color: #CBE5FE; position: relative; }
    .menu_catalogue li.right-item { margin-right: 0; }
        .menu_catalogue li .imgbox-container { float: left; margin-right: 10px; width: 150px; height: 100%; min-height: 120px; background-color: #a1c1ea; }
            .menu_catalogue li .imgbox-container a { padding-bottom: 0; }
        .menu_catalogue li a { float: left; border: 0; width: 150px; }
            .menu_catalogue li a img { display: block; margin: 10px auto; }
        .menu_catalogue li .menuitem-content { position: relative; float: right; margin-bottom: 20px; padding: 10px 10px 0 0; width: 143px; min-height: 94px; }
        .menu_catalogue li h3 { font-size: 1.2em; margin: 0; padding: 0; background-color: #cbe5fe; }
            .menu_catalogue li h3 a { float: none; border: 0; display: block; }
                .menu_catalogue li h3 a span { }
                .menu_catalogue li h3 a:hover { cursor: pointer; }
        .menu_catalogue li p { margin: 0 0 1em 0; padding: 0 0 .5em 0; min-height: 4em; }
        .menu_catalogue li .readmore { clear: both; float: right; margin-top: .5em; width: 100%; position: absolute; right: 10px; bottom: 10px;}
            .menu_catalogue li .readmore a { float: right; clear: both; margin: 0; padding: 0; border: 0; width: auto; }
                .menu_catalogue li .readmore a span { display: block; color: white; margin: 0; padding: 1px 30px 2px 10px; border: 0; background: #003466 url(/images/arrow_whitebg.gif) no-repeat right top; }
                    .menu_catalogue li .readmore a:hover span { color: #cbe5fe; }

/* Default and rich lists */
ul.default { clear: both; margin: 0; padding: 0; list-style-type: none; }
    ul.default li { clear: both; float: left; margin: -.2em 0 .2em 0; padding: 0 0 5px 0; width: 100%; }
        ul.default li h2 { margin: 0; padding: 0; }
            ul.default li h2 a { display: block; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
                ul.default li h2 a span { visibility: hidden; }
        ul.default li p { margin: 5px 0; padding: 0; }
        ul.default li .readmore { clear: both; float: left; padding-bottom: 1em; border-bottom: 1px solid white; width: 100%; margin-top:5px;}
            ul.default li .readmore a { float: left; clear: both; margin: 0; padding: 0; border: 0; }
                ul.default li .readmore a span { display: block; color: white; margin: 0; padding: 0 30px 2px 10px; border: 0; background: #003466 url(/images/arrow_whitebg.gif) no-repeat right center; }
                    ul.default li .readmore a:hover span { color: #cbe5fe; }

ul.rich { clear: both; float: left; margin: 0; padding: 0; width: 100%; list-style-type: none; }
    ul.rich li { clear: both; float: left; margin-bottom: 1em; padding: 5px 0; width: 100%; }
        ul.rich li a { float: right; border: 0; margin-bottom: 2px; padding: 0; }
            ul.rich li a img { display: block; margin: 0; padding: 0; border: 0; }
        ul.rich li .list-item-content { }
        ul.rich li h2 { margin: 0; padding: 0; }
            ul.rich li h2 a { float: none; display: block; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
                ul.rich li h2 a span { visibility: hidden; }
        ul.rich li p { margin: 5px 0; padding: 0; }
        ul.rich li .readmore { clear: both; float: left; padding-bottom: 5px; border-bottom: 1px solid white; width: 100%; }
            ul.rich li .readmore a { float: left; clear: both; margin: 0; padding: 0; border: 0; }
                ul.rich li .readmore a span { display: block; color: white; margin: 0; padding: 1px 30px 1px 10px; border: 0; background: #003466 url(/images/arrow_whitebg.gif) no-repeat right center; }
                    ul.rich li .readmore a:hover span { color: #cbe5fe; }


ul.visual { margin: 0; padding: 0; list-style-type: none; }
    ul.visual li { float: left; margin: 0 24px 40px 0; width: 100px; background-color: #003466; }
        ul.visual li a { border: 0; }
            ul.visual li a img { display: block; }
        ul.visual li a.list-item-download { display: block; font-weight: bold; color: white; text-transform: lowercase; margin: 0; padding: 0 20px 0 5px; border: 0; background: transparent url(/images/arrow_whitebg.gif) no-repeat right center; }
            ul.visual li:hover a.list-item-download, ul.visual li a.list-item-download:hover { color: white; }

/* default and rich group */

#accordion.group .blockitem {margin-bottom:5px; }
#accordion.group .blockitem a {font-weight:bold; margin:1em 0 0.5em;}
    #accordion.group .blockitem ul { margin:1em 0 0 0; padding:0; list-style: none;  }
        #accordion.group .blockitem ul li { padding:4px 0 2px 30px; margin:0; background:url(/images/solidair/arrow_red.gif) no-repeat left 2px; padding-left:30px; font-weight:normal;}
            #accordion.group .blockitem ul li a {font-weight:normal;}
dl.group { clear: both; }
    dl.group dt { margin: 1em 0 .5em 0; }
        dl.group dt a { font-weight: bold; }
    dl.group dd { margin: 0; padding: 4px 0 2px 30px; background: transparent url(/images/arrow_whitebg.gif) no-repeat 0 2px; }

.group_rich { clear: both; }
    .group_rich dt { clear: both; margin-top: 1em; padding: 0; background-color: #e8e8e8;  }
        .group_rich dt a { border: 0; margin-bottom: .2em; }
    .group_rich h2 { margin-bottom: .2em; }
    .group_rich dd { min-height: 150px; margin: 0; padding: 1em .5em 0em .5em; border-bottom: 1px solid white; }
        .group_rich img { vertical-align: top; border: 1px solid #afafaf; margin: .2em 0 1em 1em; padding: 5px; }

/* semicolumn, for providing a 2-column layout, to be used in conjunction with float-left/float-right */
.semicolumn { width: 49%; padding: 0; margin: 0 0 1em 0; }

/* imgbox and linkboxes */
.imgbox_wrapper { clear: both; float: left; margin: 1em 0; padding: 1em 0; border: 1px solid white; border-width: 1px 0; width: 100%; }
    .imgbox_wrapper .imgbox { float: left; margin: 0 5px 0 0; padding: 0; border: 0; min-height: 100px; }

.imgbox { }
    .imgbox img { display: block; margin: 0; border: 0; }
    .imgbox p { margin: 0; padding: .3em; font: bold .8em/1.2em Arial, Helvetica, sans-serif; color: white; background-color: #e8e8e8; }

.pagevisual { display: block; float:right; margin:0 0 0.5em 1.1em; }

#linkbox { padding: 0; background-color: #cbe5fe; }
    #linkbox-header { padding: 2px 10px 5px 10px; background-color: #003466; }
        #linkbox-header span { color: white; }

.linkbox_default { clear: both; margin: 0 10px; padding: 0 0 10px 0; list-style-type: none; }
    .linkbox_default li { margin: 0 0 4px 0; padding: 0 0 1px 30px; background: transparent url(/images/arrow_whitebg.gif) no-repeat left center; }
        .linkbox_default li a { color: #003466; border-color: #cbe5fe; }
            .linkbox_default li a:hover { color: black; border-color: black; }

.linkbox-article { float: left; clear: both; margin: 0 0 10px 0; padding: 0; width: 100%; background-color: #cbe5fe; }
    .linkbox-article-header { color: white; font-size: 1.2em; margin: 0; padding: 3px 5px; background-color: #003466; }
        .linkbox-article-header span { }

.linkbox_article { clear: both; margin: 0 0 10px 0; padding: 0 5px 5px 5px; width: 100%; list-style-type: none; }
    .linkbox_article li { margin: 0; padding: 4px 0 1px 30px; background: transparent url(/images/arrow_whitebg.gif) no-repeat 0 5px; }
    .linkbox_article li.pdf { background: transparent url(/images/ico_pdf.gif) no-repeat 0 5px; }
        .linkbox_article li a { color: #003466; border-color: #cbe5fe; }
            .linkbox_article li a:hover { color: black; border: 0; }

.linkbox_article_rich { float: left; margin: 0 0 10px 0; padding: 0 5px 5px 5px; width: 100%; list-style-type: none; }
    .linkbox_article_rich li { float: left; clear: both; padding: .5em 0; }
        .linkbox_article_rich li img { float: left; margin: 0 .5em 0 0; }
        .linkbox_article_rich li h2 { float: left; font-size: 1.1em; margin: 0; padding: 0 0 5px 0; width: 120px; }
            .linkbox_article_rich li h2 a { display: block; border: 0; }
                .linkbox_article_rich li h2 a span { }

.linkbox_article_rich .read-more { font-size: .9em; float: left; clear: both; margin-top: .5em; width: 100%; }
    .linkbox_article_rich .read-more a { border-color: #003466; }
        .linkbox_article_rich .read-more a:hover { border-color: #cbe5fe; }

/* addresses */
.address dt, .address dd { float: left; padding: .1em .3em; color: black; }
.address dt { clear: both; width: 25%; font-weight: bold; background-color: #e8e8e8; }
.address dd { width: 70%; margin: 0 0 1em 0; background-color: #f9f9f9; }

/* basicform styles form elements, marked up in a definition list */
.basicform dl input, .basicform dl textarea, .basicform dl select { width: 100%; }
    .radio, .radio:hover, .checkbox, .checkbox:hover { width: auto !important; border: 0 !important; }
    .basicform dl dt { clear: both; width: 40%; float: left; font-size: 1em; font-weight: bold; color: #003466; }
    .basicform dl dt.header { width:100%;}
    .basicform dl dd { width: 59%; float: left; margin: 0 0 1em 0; }
        .basicform dl dd.header { margin:0; height:0; }
        .basicform dl dd div { clear: both; float: left; }
        .basicform dl dd label { display: block; padding-left: 20px; width: 180px; }
        .basicform dl dd input.radio, .basicform dl dd input.checkbox { float: left; clear: left; }
    .basicform dl dd.submit-row { padding-top: 5px; border-top: 1px solid white; width: 100%; }
    .basicform dl dt.required-note-row { font-size: 1em; font-weight: normal; margin-top: -35px; }
    .errors { font-style: italic; color: red; }
    .header { margin: 1em 0; }
    .header.formpage { display: block; width: auto; float: none; border-bottom: 1px solid black; }
        .header.formpage+dd { display: none; }

    .required-note { margin-top: -2em; }

    .basicform dl dd.calendar-container input { width: 85%; }
    .calendar { position: relative; }
        .calendar img { position: absolute; left: -30px; top: 0; cursor: pointer; }
        .calendar-input { display: none; position: absolute; left: 0; top: 25px; width: 300px; border: 2px outset #f6f6f6; background-color: #f6f6f6; }
            .calendar-input .calendar-navigation { }
                .calendar-input .calendar-date-selection select { width: 50%; }
            .calendar-input table { width: 100%; }
                .calendar-input table td.cpDayColumnHeader { background-color: #dedede; }
                    .calendar-input table td.cpDayColumnHeader span { font-weight: bold; color: #002065; }
                    .calendar-input table .cpOtherMonthDate, .calendar-input table .cpOtherMonthDate:visited, .calendar-input table .cpOtherMonthDate:active { color: #ceced0; }
                    .calendar-input table table td:hover { background-color: #dedede; color: #002065; }
                        .calendar-input table table td a { display: block; border-bottom: 1px solid #f6f6f6; }
                    .calendar-input table table td.cpTodayText { text-align: center; background-color: #dedede; }
                        .calendar-input table table td.cpTodayText a { border-bottom: 0px; font-weight: bold; }

    .progress { text-align: right; color: black; font-weight: bold; width: 93%; }

    .progresstext { color: black; font-weight: bold; }
    .progressbar { width: 92%; height: .7em; margin: 0 0 1em 0; border: 1px solid #003466; border-left-width: 5px; background-color: white; }
        #progressfill { height: 100%; background-color: #003466; }

/* locationfinder */
#locationfinder { float: left; clear: both; margin: 1em 0; width: 100%; }
    #locationfinder .element { float: left; }
        #locationfinder .element .label, #locationfinder .element .input { float: left; }
        #locationfinder .element .label { font-weight: bold; margin-right: .5em; }
        #locationfinder .submit .button { font-size: 0; margin: -1px 0 0 -1px; padding: 0; width: 24px !important; height: 24px; background: #003466 url(/images/arrow_bluebg.gif) no-repeat center center; }

#map { clear: both; }
.location-map { height: 545px; }

/* search styles: form, info and results */
#searchform { float: left; margin-bottom: 10px; padding: 0; width: 100%; clear: both; }
    #searchform h3 { float: left; margin: 4px 15px 0 0; padding: 0; background: transparent no-repeat left top; }
        #searchform h3 label { visibility: hidden; }
    #searchform input { float: left; border-color: #003466; width: 200px; height: 18px; padding-top: 0; padding-bottom: 0; background-color: white; }
    #searchform input.submit { font-size: 0; color: #768593; width: 24px; height: 18px; margin: 0; border: 0; background: transparent url(/images/arrow_whitebg.gif) no-repeat left center; }
        #searchform input.submit:hover { cursor: pointer; }

#resultsinfo { float: left; clear: both; margin-bottom: 20px; padding-bottom: .2em; border: 1px solid white; border-width: 1px 0; width: 100%; }
    #resultsinfo h2 { font-size: 1em; }
    #resultsinfo p { margin: 0; }
    #resultsinfo .feed { margin-top: -3.5em; }
    #resultsinfo h2, #resultsinfo p { margin: 0; padding: .2em 0 .1em 0; color: #003466; }

#searchresults { clear: both; margin: 1.5em 0 0 0; }
    #searchresults dt { font-weight: bold; margin: 2em 0 .6em 0; }
    #searchresults dd { margin: .3em 0 0 1.4em; }
    #searchresults dd small { font-weight: bold; }
    #searchresults dd a { border: 0; text-decoration: underline; }
        #searchresults dd a:hover { text-decoration: none; }

/* highlighting for search terms */
.highlight { }

/* sitemap */
ul.sitemap { margin: 1em 1em 1em 0; padding: 0; list-style-type: none; }
    ul.sitemap li { margin: 0; padding: 4px 0 1px 30px; background: transparent url(/images/arrow_whitebg.gif) no-repeat left 2px; }
        ul.sitemap li a { color: #003466; }
            ul.sitemap li a:hover { color: black; border-color: black; }
           ul.sitemap li ul { margin: .3em 1em 1em 0; padding: 0; list-style-type: none; }
                ul.sitemap li ul li { margin: 0 0 0 -30px; padding: 4px 0 1px 30px; background: transparent url(/images/arrow_whitebg.gif) no-repeat left 2px; }
                       ul.sitemap li ul li ul { margin: .3em 1em 1em 40px; padding: 0; border-left: 1px dotted #a1c1ea; list-style-type: none; }
                           ul.sitemap li ul li ul li { margin: 0; padding: 0 0 0 45px; background: transparent url(/images/dots_sitemap.gif) no-repeat 3px 9px; }

/* chapters in documents */
#chapter-header { margin: 0 0 1em 0; padding: 0; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
    #chapter-header span { visibility: hidden; }
#chapters { overflow:hidden;margin-top: 1em; padding: 1em 0; border: 1px solid white; border-width: 1px 0; }
    #chapters ul.chapters { margin: 0; padding: 0; list-style-type: none; }
        #chapters li.chapter { padding: 4px 0 1px 30px; background: transparent url(/images/arrow_whitebg.gif) no-repeat left center; }

#article-chapters { float: left; clear: both; margin: 20px 0; padding: 10px 0 0 0; border-top: 1px solid white; width: 100%; }
    #article-chapters ul.article-chapters { margin: 0; padding: 0; list-style-type: none; }
        #article-chapters li { padding: 4px 0 1px 30px; background: transparent url(/images/arrow_bluebg.gif) no-repeat 0 5px; }
            #article-chapters li:hover, #article-chapters li.selected { background-image: url(/images/arrow_whitebg.gif); }
            #article-chapters li a { font-weight: bold; border-color: #cbe5fe; }
                #article-chapters li a:hover { border-color: black; }
                #article-chapters li a.selected { color: black; border-color: black; }

/* navbox, for displaying next/previous/index links */
.navbox { margin-top: 2em; padding: 0; border-top: 1px solid white; text-align: center; }
    .navbox a { font-size: 1.1em; color: #003466; border: 0; }
        .navbox a:hover { color: black; }

    /* previous, next, index and page links in navbox */
    .prev { float: left; }
        .prev a { padding: 2px 0 3px 30px; background: transparent url(/images/arrow_left_whitebg.gif) no-repeat left center; }
    .next { float: right; }
        .next a { padding: 2px 30px 3px 0; background: transparent url(/images/arrow_whitebg.gif) no-repeat right center; }
    .index { }
        .index a { padding: 2px 0 3px 0; }
    .currentpage { margin: 0 .2em; padding: 2px 6px; background-color: #cbe5fe; }
    .page { margin: 0 .2em; padding: 2px 6px; }
        .page a { font-size: 1em; font-weight: normal; text-decoration: underline; }

/* more: paragraph with a "read more" link */
.more { clear: both; margin: 1em .5em; }
    .more a { padding: 2px 30px 2px 0; background: url(/images/arrow_whitebg.gif) center right no-repeat transparent; }

/* date: date in messages */
.date { margin: 0 0 5px; color: #003466; display:block;}

/* button: transforms a normal button to a styled button */
.button { float: right; width: auto !important; border: 1px solid #cbe5fe; cursor: pointer; padding: 0 30px 2px 10px; font: bold 1.1em Arial, Helvetica, sans-serif; color: white !important; background: #003466 url(/images/arrow_whitebg.gif) no-repeat right center; line-height: 1.2em; overflow: visible; }
    .button:active { border-style: inset; }
    .submit { }

a.button { padding: 2px 30px 2px 10px; border: 1px solid #cbe5fe; }

/* preview bar */
#preview-bar { position: absolute; left: 0; right: 0; top: 0; margin: 0; padding: 0; border-bottom: 2px solid white; text-align: center; background-color: white; }
    #preview-bar #previewselect { margin: 0; padding: .5em 0; background-color: #ffa; opacity: .5; }
        #preview-bar:hover #previewselect { opacity: .8; }
    #preview-bar #previewselect input, #preview-bar #previewselect select { margin: 0 1em; }

/**
 * Catalogue-specific styles
 */
.article-visuals { margin: 1em 0; padding: 0; list-style-type: none; }
    .article-visuals li { margin-bottom: 1em; }

.orderbutton { float: left; padding-right: 45px !important; }
a.orderbutton-catalogue { position: relative; float: left; font-weight: normal; margin: 10px 0 0 10px; padding-top: 0; padding-right: 40px !important; height: 16px; z-index: 3; }
.quickorder { margin-right: .5em; }

.catalogue .rightcolumn #linkbox { padding: 10px 5px 0 5px; }
    .catalogue .rightcolumn .linkbox_default { padding: 0; border-bottom: 0; }
        .catalogue .rightcolumn .linkbox_default li { margin-bottom: 5px; padding: 0; background: none; }
            .catalogue .rightcolumn .linkbox_default li a { font: bold 1.1em Arial, Helvetica, sans-serif; color: white !important; padding: 1px 30px 3px 10px; border: 1px solid #cbe5fe; background: #003348 url(/images/arrow_whitebg.gif) no-repeat right center; }
            .catalogue .rightcolumn .linkbox_default li a.pdf { background-image: url(/images/pdf_whitebg.gif); }
            .catalogue .rightcolumn .linkbox_article li.pdf { background-image: url(/images/pdf_whitebg.gif); }

.shopform dl dt { font-weight: normal; font-size: 1em; width: 30%; }
.shopform dl dd { width: 45%; }
.shopform dl dt, .shopform dl dd { margin-bottom: .5em; }
.checkout-options .button, .shopform .button { background-image: url(/images/arrow_whitebg.gif); }
.shopform dl dt.header { border-top: 1px solid white; width: 100% !important; }

#articleconfigfinder { float: left; width: 100%; }
    #articleconfigfinder dl { margin: 0; padding: 0; }
        #articleconfigfinder dl dt, #articleconfigfinder dl dd { margin: 0 0 .5em 0; padding: 0; float: left; }
        #articleconfigfinder dl dt { clear: both; width: 20%; }
        #articleconfigfinder dl dd { width: 60%; }
            #articleconfigfinder dl dd select { width: 100%; }
            #articleconfigfinder dl dd .button { float: left; margin-right: 10px; background-image: url(/images/arrow_whitebg.gif); }

#articleconfigfinder-results { margin: 1em 0; padding: 1em 0; border-top: 1px solid white; width: 100%; }
    #articleconfigfinder-results tr { padding: 0; }
    #articleconfigfinder-results tr.order-row { background-color: white; }
        #articleconfigfinder-results tr.order-row .orderbutton { float: right; margin: 0 0 -1px 0; border: 0; }
        #articleconfigfinder-results tr.order-row .price { padding: 0 5px; }
    #articleconfigfinder-results tr.order-row-configfinder { background-color: transparent; }
        #articleconfigfinder-results tr.order-row-configfinder .orderbutton { float: right; margin: 0 0 -1px 0; border: 0; }
        #articleconfigfinder-results tr.order-row-configfinder .price { padding: 0 5px; }
    #articleconfigfinder-results tr.bottom-row { line-height: 1px; height: 1px; background-color: white; }

    #articleconfigfinder-results p { margin: 0 0 1em 0; padding: 0; }
    #articleconfigfinder-results .articleconfig-title { font-weight: bold; margin: .5em 0 0 0; }

    .articleconfig-price { margin: 0; padding: 0; }

#articleconfigform { width: 100%; }
    #articleconfigform dl { float: left; width: 100%; }
    #articleconfigform dt, #articleconfigform dd { float: left; margin: 0; padding: 0; }
    #articleconfigform dt { clear: both; }
    #articleconfigform dt.quantity { font-weight: bold; padding-right: 10px; }
    #articleconfigform dd.submit-row { clear: both; margin-top: .5em; padding-top: .5em; width: 100%; border-top: 1px solid white; }
        #articleconfigform dd.submit-row .orderbutton { float: right; }

#shop-login { float: left; margin-bottom: 20px; padding: 5px 10px 0 10px; width: 604px; background-color: #cbe5fe; }
    #shop-login .button { float: left; background-image: url(/images/arrow_whitebg.gif); }

p#forgot-password { clear:both;}

#shop-createaccount { float: left; clear: both; padding: 10px; width: 604px; background-color: #cbe5fe; }
    #shop-createaccount h2 { margin: 0; padding: 0; }
    #shop-createaccount p { margin: 0 0 .5em 0; padding: 0; }
    #shop-createaccount .button { margin-left: 30%; float: left; background-image: url(/images/arrow_whitebg.gif); }

#shop-account { float: left; clear: both; padding: 0 10px; width: 887px; background-color: #cbe5fe; }
    #shop-account .shopform dl dt { font-weight: bold; }
    #shop-account .shopform dl dd { width: 70%; }

.address-header { font-size: 1.2em; margin: 1em 0 0 0; padding: 0; }
#addresses { margin: 0 0 1em 0; }

#shop-merge { float: left; padding: 0 10px 10px 10px; width: 887px; background-color: #cbe5fe; }
    #shop-merge .button { float: left; background-image: url(/images/arrow_whitebg.gif); }

.articleconfigs { width: 100%; }
    .articleconfigs thead { color: white; background-color: #003348; }
        .articleconfigs thead th { padding: .5em 1em; border-right: 1px solid white; white-space: nowrap; }
    .articleconfigs tfoot { border-top: 5px solid #003348; background-color: #cbe5fe; }
        .articleconfigs tfoot td { padding: 0 1em; white-space: nowrap; }
    .articleconfigs .price-column { text-align: right; white-space: nowrap; }
        .articleconfigs tbody th, .articleconfigs tbody td { padding: 0 1em; }

.deliverydate { padding: .5em 1em; }

.articles tbody th, .articles tbody td { }

.articles .order-row td { }

.cartview-options { float: left; clear: both; padding: 2px; border-top: 2px solid white; width: 903px; background-color: #cbe5fe; }
    .proceed-order { float: right; }
    .order-more { float: left; margin-right: 1em; }
    .print-order { float: left; margin-right: 1em; }
    .update-order { float: left; margin-right: 1em; }
    .empty-order { float: left; }

#accountconfirm { float: left; margin-top: 20px; padding: 0; width: 100%; background-color: #cbe5fe; }
    #accountconfirm dt { font-weight: bold; width: 20%; }
    #accountconfirm dd { width: 70%; }
        #accountconfirm dd input, #accountconfirm dd textarea { width: 50%; }
        #accountconfirm dd .group p { margin: 0; padding: 0; }

.order-summary #accountconfirm { padding: 0 10px; width: 887px;  }
.order-summary .basicform .group { width: 100%; }
.order-summary .basicform .group div { width: 100%; }

.order-summary #back { margin: -2em 0 0 10px; }
#shop-account #back { margin: -2em 0 0 10px; }

#account-confirm dt, #account-confirm dd { margin-bottom: .2em; }

.billing-address { margin-top: 0; padding: 0; width: 907px; background-color: #cbe5fe; }
    .billing-address th { vertical-align: top; }
.checkout-options { float: left; clear: both; padding: 2px 5px 10px 5px; border-top: 1px solid white; width: 897px; background-color: #cbe5fe; }

#shop-progress { float: right; margin: 10px 0 20px 0; padding: 0; list-style-type: none; }
    #shop-progress li { float: left; margin-left: 10px; padding: 10px 5px 5px 5px; width: 100px; background: #003348 no-repeat 90px 5px; }
        #shop-progress li#step-1 { background-image: url(/images/velu/step1.gif); }
        #shop-progress li#step-2 { background-image: url(/images/velu/step2.gif); }
        #shop-progress li#step-3 { background-image: url(/images/velu/step3.gif); }
        #shop-progress li#step-1.selected { background-image: url(/images/velu/step1_selected.gif); }
        #shop-progress li#step-2.selected { background-image: url(/images/velu/step2_selected.gif); }
        #shop-progress li#step-3.selected { background-image: url(/images/velu/step3_selected.gif); }
        #shop-progress li h3 { font-size: 1.4em; color: white; margin: 0 0 .2em 0; padding: 0; }
        #shop-progress li h4 { font-size: .9em; color: white; margin: 0; padding: 0; }
            #shop-progress li.selected h3 { color: #fac000; }
            #shop-progress li.selected h4 { color: #fac000; }

#myvelu { float: left; margin-bottom: 20px; padding: 0 10px; width: 604px; background-color: #cbe5fe; }
    #myvelu .button { float: left; background-image: url(/images/arrow_whitebg.gif); }

    #address_edit dl dt { width: 35%; }

table.order-items { width: 100%; }
    table.order-items th, table.order-items td { vertical-align: top; }


.billboard { position: fixed; top: 45px; left: 400px; z-index:9999999;}

/* aeolusform styles */
.aeolus { }
    .aeolus-logo { }
    .tooltip { display: inline; position: relative; cursor: help; border-bottom: 1px dotted black; }
        .tooltip span { display: none; position: absolute; top: 5px; left: 5px; color: black; font-size: .8em; padding: 5px 20px; border: 1px solid #cbe5fe; width: 110px; line-height: 1.2; background: #eef7ff url(/images/i_note.gif) no-repeat 5px 5px; }
        .tooltip:hover span { display: block; }
    .tooltip-large { display: inline; cursor: help; border-bottom: 1px dotted black; }
        .tooltip-large div { display: none; position: absolute; color: black; font-size: .8em; margin-top: -5px; padding: 5px 10px 5px 20px; border: 1px solid #cbe5fe; width: 580px; line-height: 1.2; background: #eef7ff url(/images/i_note.gif) no-repeat 5px 5px; z-index: 90; }
        .tooltip-large.show-tooltip div { display: block; }
            .tooltip-large div img { margin-top: 10px; }
        .tooltip-large:hover div { display: block; }
    #close-button { position: absolute; right: 25px; padding: 0 5px; border: 1px solid #cbe5fe; border-width: 1px 1px 0 1px; background-color: #eef7ff; z-index: 100;}
        #close-button span { font-weight: bold; }
    .aeolus .form-block { float: left; margin: 0 0 20px 0; width: 100%; background-color: #eef7ff; }
        .aeolus .form-block h2 { margin: 0; padding: 1px 10px; border-bottom: 1px dotted #003466; background-color: #cbe5fe; }
        .aeolus .form-block .form-block-content { margin: 5px 10px;}
    .aeolus .form-button { float: left; margin-top: -10px; padding-top: 2px; border-top: 1px dotted #003466; width: 100%; }
        .aeolus .form-button .submit { float: right; color: white; font-weight: bold; padding: 2px 15px; border: 0; width: auto; background-color: #003466; cursor: pointer; }

    .aeolus .note { color: black; font-size: .8em; padding: 5px 20px; border: 1px solid #cbe5fe; line-height: 1.2; background: transparent url(/images/i_note.gif) no-repeat 5px 5px; }
    .aeolus table { }
        .aeolus table tr { }
            .aeolus table tr td { }
            .aeolus table tr td.season { width: 70px; }
            .aeolus table tr td.i-need-space { width: 30px; }
    .aeolus input { padding: .2em .1em; border-color: #cbe5fe; width: 46px; }
    .aeolus select { padding: .2em .2em; border-color: #cbe5fe; }
        .aeolus select.small { width: 70px; }
        .aeolus select.large { width: 280px; }
    .aeolus textarea { padding: .2em .1em; border-color: #cbe5fe; width: 280px; height: 100px; }

    .aeolus .fieldset { margin: 0 0 20px 0; }
        .aeolus .fieldset .fieldgroup { margin: 0 0 2px 0; }
            .aeolus .fieldset .fieldgroup label { display: block; float: left; width: 210px; }

    .block-unit-version { }
        .block-unit-version .fieldgroup { margin-bottom: 5px; }
            .block-unit-version .fieldgroup label { display: block; float: left; width: 283px; }

    .block-temperature-regulation { }
        .block-temperature-regulation .fieldgroup { margin-bottom: 5px; }
            .block-temperature-regulation .fieldgroup label { display: block; float: left; width: 283px; }

    .block-scheme { }
        .block-scheme .fieldgroup { margin-bottom: 5px; }
            .block-scheme .fieldgroup label { display: block; float: left; width: 283px; }

    .block-accessoires { }
        .block-accessoires .fieldgroup { margin-bottom: 5px; }
            .block-accessoires .fieldgroup label { display: block; float: left; width: 283px; }

    .block-montage { }
        .block-montage .fieldgroup { margin-bottom: 5px; }
            .block-montage .fieldgroup label { display: block; float: left; width: 283px; }

    .block-contact { }
        .block-contact .fieldgroup { float: left; clear: both; margin-bottom: 5px; }
            .block-contact .fieldgroup label { display: block; float: left; width: 283px; }
            .block-contact .fieldgroup input { width: 200px; }

/**
 * Common
 * Very often used classes
 */
.readmore       { line-height: 1.3em; }

/* positioning and visibility */
.clear-both     { clear: both; }
.float-left     { float: left; }
.float-right    { float: right; }
.inline         { display: inline; }
.block-level    { display: block; }
.nodisplay      { display: none; }
.show           { visibility: visible; }
.hide           { visibility: hidden; }
.align-left     { text-align: left; }
.align-right    { text-align: right; }

/* coloring and text decoration/transformation */
.no-border      { text-decoration: none; }
#back           { float: left; clear: both; }
a.back           { float: left; font-weight: bold; color: white !important; margin: 0 0 1em 0; padding: 0 10px 0 30px; border: 0; background: #003466 url(/images/arrow_left_whitebg.gif) no-repeat left top; }
a.back:hover     { }
.red            { color: #003466; }
.req            { color: #003466; }
.err            { color: red; font-weight: bold; }
input.err       { font-weight: normal; background-color: #ffbfbf; }
.notice         { background-color: #ffa; color: #003466; border: 1px solid #ffdfca; padding: .3em; }
.white          { color: white; }
.chosen         { color: #003466; font-weight: bold; }
.strong         { font-weight: bold; }

/* odd, even and first for row coloring (zebra tables and distinctive first row) */
.odd           { background-color: #fff; }
.even          { background-color: #ffdfca; }
.first         { background-color: #ffdfca; border: solid #e8e8e8; border-width: 0 1px; }