﻿#myolympus #myolympus-inner .loggedout, 
#myolympus #myolympus-inner .loggedin,
#cart-wrapper  { display: none; }

/* Mood
-----------------------------------------------------------------------------*/
.page_mood-left_content_banner #mood {
    height: 230px;
    width: 740px;
}
/* Content Column: General
-----------------------------------------------------------------------------*/
.ch-content-main-element {
    margin-bottom: 10px;
}    
    .ch-content-main-element h3 {
        font-weight: normal;
        color: #808080;
        font-size: 12px;
        margin-bottom: 5px;
        text-transform: uppercase;
        margin-left: 5px;
    }
/* Content Column: Camera List
-----------------------------------------------------------------------------*/
.ch-camera-list {
    background: url(/digitalkamera/images/helper/border_dotted_light.png) top left repeat-x;
    padding-top: 10px;
}
    .ch-camera-list .camera-item {
        float: left;
        width: 126px;
        overflow: hidden;
        margin-right: 16px;
    }
    .ch-camera-list .camera-item-last {
        margin-right: 0;
    }
    
    .camera-item-image {
        height: 60px;
        width: 126px;
        overflow: hidden;
        text-align: center;
    }
    
    .camera-item-image img {
        display: block;
    }
    .camera-item-description {
        background: #FCFCFC url(/digitalkamera/images/helper/item-gradient.png) top left repeat-x;
        min-height: 220px;
        font-size: 10px;
        height: auto !important;
        height: 220px;
        text-align: left;

    }
        .camera-item-description h4 {
            font-size: 12px;
            margin-bottom: 3px;
        }
            .camera-item-description h4 a {
                background: url(/digitalkamera/images/helper/bullet_arrow_dark.png) 0 4px no-repeat;
                padding-left: 13px;
            }
            .camera-item-description h4 a:hover {
                background: url(/digitalkamera/images/helper/bullet_arrow_gray.png) 0 4px no-repeat;
            }
        
        .camera-item-description-inner {
            padding: 6px;
        }
        
        .camera-item-description p.camera-item-sub {
            font-style: italic;
            color: #555;
            font-size: 10px;
            margin-bottom: 4px;
        }
        
        .camera-item-description p.camera-item-text {
            font-size: 10px;
            color: #000;
        }
        
/* Content Column: Further News
-----------------------------------------------------------------------------*/
#further-news-list {
    margin-bottom: 50px;
}
#further-news-outer {
    background: url(/digitalkamera/images/helper/border_dotted_light.png) bottom left repeat-x;
}
    #further-news-inner {
        background: url(/digitalkamera/images/helper/border_dotted_light.png) top left repeat-x;
    }
        #further-news-content {
            background: url(/digitalkamera/images/helper/acc-content-bg.png) top left repeat-y;
            padding: 1px;
        }
        #further-news-list dl {
        }
        
            #further-news-list dl dt {
                color: #08107b;
                font-size: 11px;
                font-weight: bold;
                cursor: pointer;
                background-color: #FFF;
                background-image: url(/digitalkamera/images/helper/arrow-right.png);
                background-repeat: no-repeat;
                background-position: 530px 10px;
            }
            #further-news-list dl dt.visible {
                background-image: url(/digitalkamera/images/helper/arrow-down.png);
                background-position: 528px center;
            }
                #further-news-list dl dt span {
                    display: block;
                    padding: 8px 50px 8px 8px;
                }
            #further-news-list dl dt.hover {
                background-color: #ecedf5;
            }
        
            #further-news-list dl dd {
                font-size: 10px;
                color: #000;
            }
                #further-news-list dl dd img.left {
                    float: left;
                    margin: 0 15px 15px 0;
                }
                #further-news-list dl dd img.right {
                    float: right;
                    margin: 0 0 15px 15px ;
                }
                
                #further-news-list dl dd .content-wrapper {
                    background: url(/digitalkamera/images/helper/border_dotted_light.png) bottom left repeat-x;
                    padding: 5px 8px 0 8px;
                }
                #further-news-list dl dd.last .content-wrapper {
                    background: none;
                }
    
            #further-news-list dl a.more {
                font-size: 11px;
                cursor: pointer;
                font-weight: bold;
                padding-left: 12px;
                background: url(/digitalkamera/images/helper/bullet_arrow_dark.png) 0 3px no-repeat;
            }    
            #further-news-list dl a.more:hover {
                background: url(/digitalkamera/images/helper/bullet_arrow_gray.png) 0 3px no-repeat;
            }
        
/* Content Column: Product Worlds
-----------------------------------------------------------------------------*/
#product-worlds-container {
    background: url(/digitalkamera/images/helper/gradient.png) top left repeat-x;
    height: 125px;
}
    #product-worlds-inner {
        padding: 0px 9px 9px 9px;
    }
    
    #product-worlds-container h3 {
        float: left;
        margin-top: 5px;
        padding: 0;
    }
    #product-worlds-container ul.tab-navigator {
        list-style: none;
        margin: 0;
        padding: 0;
        float: right;
    }
        #product-worlds-container ul.tab-navigator li {
            list-style: none;
            display: inline;
            padding: 0;
            margin: 0;
        }
            #product-worlds-container ul.tab-navigator li a {
                display: block;
                outline: none;
                float: left;
                padding: 4px 8px;
            }
                #product-worlds-container ul.tab-navigator li.active a {
                    background: #FFF;
                    color: #555;
                }
            
    #product-worlds-container .tab {
        width: 525px;
        height: 95px;
        overflow: hidden;
        display: none;
    }    
        #product-worlds-container .tab .tab-image-holder {
            width: 250px;
            height: 90px;
            margin-right: 10px;
            float: left;
        }
            #product-worlds-container .tab .tab-image-holder img {
                display: block;
                border: 2px solid #FFF;
            }
        #product-worlds-container .tab .tab-content-holder {
            width: 260px;
            height: 90px;
            float: left;
        }
            
        #product-worlds-container .tab h5 {
            font-style: italic;
            color: #808080;
            font-weight: normal;
        }        
        #product-worlds-container .tab p {
            font-weight: bold;
            line-height: 1.2;
            font-size: 12px;
            color: #08107b;
            margin-bottom: 4px;
        }        
        #product-worlds-container .tab a.more {
            padding-left: 12px;
            background: url(/digitalkamera/images/helper/bullet_arrow_dark.png) 0 3px no-repeat;
            float: right;
        }    
        #product-worlds-container .tab a.more:hover {
            background: url(/digitalkamera/images/helper/bullet_arrow_gray.png) 0 3px no-repeat;
        }
/* Content Column: Cam Selection
-----------------------------------------------------------------------------*/
#cam-selection {
    background: url(/digitalkamera/images/helper/bg.png) top left repeat-x;
    height: 101px;
    margin-bottom: 35px;
    overflow: hidden;
}
    #cam-selection-inner {
        background: url(/digitalkamera/images/helper/border_dotted_light_content.png) top left repeat-y;
        height: 101px;
        padding: 0 1px;
        overflow: visible;
        overflow: hidden;
    }
    
        .cam-group {
            width: 183px;
            height: 99px;
            margin: 1px 0;
            float: left;
            overflow: hidden;
        }
        .cam-group .content {
            display: block;
            position: absolute;
            width: 150px;
            z-index: 99;
            clear: both;
            margin-left: 20px;
        }
        
            .cam-group .content select {
                width: 150px;
            }
        .cam-group h3 {
            color: #77bbe8;
            font-size: 16px;
            font-weight: normal;
            margin: 7px 0 0 20px;
            display: block;
        }
        
            .cam-group h3 a {
                color: #77bbe8;
                padding-bottom: 70px;
                display: block;
            }
            .cam-group h3 a:hover {
                color: #08107b;
            }
            
            .cam-group h3 span {                
                padding-left: 15px;
                background: url(/digitalkamera/images/helper/bullet_arrow_dark.png) 0 6px no-repeat;
            }
            
        
/* Addon Column: My
-----------------------------------------------------------------------------*/
#myolympus {
    background: url(/digitalkamera/images/helper/gradient_verlauf.jpg) top left repeat-x;
    height: 230px;
    padding: 0;
    overflow: hidden;
    margin-bottom: 10px;
}
    #myolympus-inner {
        padding: 10px;
    }
    
    #myolympus h3 {
        color: #222;
        font-size: 11px;
        text-transform: uppercase;
        margin-bottom: 15px;
    }
    
    #addon p.my-category {
        color: #555;
        font-size: 10px;
        margin-bottom: 4px;
    }
    
    #myolympus .option-list {
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: 11px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        background: url(/digitalkamera/images/helper/border-light.png) bottom left repeat-x;
    }
        #myolympus .option-list li {
            list-style: none;
            margin-left: 0;
            padding-bottom: 2px;
        }
            #myolympus .option-list li a {
                padding-left: 17px;
                background-repeat: no-repeat;
                background-position: 0 2px;
            }
            #myolympus .option-list li a:hover {
                color: #08107b;
            }
    
    #myolympus-link-login a {
        background-image: url(/digitalkamera/images/icons/icon_login.png);
    }
    #myolympus-link-signup a {        
        background-image: url(/digitalkamera/images/icons/icon_signup.png);
    }
    #myolympus-link-show a {
        background-image: url(/digitalkamera/images/icons/icon_show.png);
    }
    #myolympus-link-logout a {
        background-image: url(/digitalkamera/images/icons/icon_login.png);
    }
    #myolympus-link-csc a {
        background-image: url(/digitalkamera/images/icons/icon_csc.png);
    }
    #myolympus-link-dealer-locator a {
        background-image: url(/digitalkamera/images/icons/icon_dealer-locator.png);
    }
    
    .cart-line {
        margin-bottom: 5px;
    }
        .cart-line h6 {
            color: #555;
            font-weight: normal;
            font-size: 11px;
        }
        .cart-line h6 a {
            color: #555;
            font-weight: bold;
            padding-left: 17px;
            background: url(/digitalkamera/images/icons/icon_cart.png) left 3px no-repeat;
        }
        .cart-line h6 span {
            float: left;
            display: block;
            width: 90px;
        }
            .cart-line h6 span.count {
                float: right;
                text-align: right;
                display: block;
                width: 60px;
            }
    
    .cart-total {
        color: #555;
    }
    
    .cart-shipping {
        color: #555;
    }
    
    .cart-order {
        margin-top: 10px;
    }
        .cart-order a {
            height: 24px;
            display: block;
            width: 115px;
            background-repeat: no-repeat;
            background-position: top left;
            background-image: url(/digitalkamera/images/buttons/button_order.png);
        }
        
            .cart-order a:hover {
                background-position: bottom left;
            }
            
            .cart-order a span {
                display: none;
            }
        
    #myolympus .my-more-links .option-list {
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: 11px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        background: none;
    }
        #myolympus .my-more-links .option-list li {
            list-style: none;
            margin-left: 0;
            padding-left: 9px;
            background: url(/digitalkamera/images/helper/arrow.png) 0 4px no-repeat;
        }
            #myolympus .my-more-links .option-list li a {
                padding-left: 0px;
                background-repeat: no-repeat;
                background-position: 0 3px;
            }
            
/* Addon Column: Customer Service
-----------------------------------------------------------------------------*/
#addon .customer-service {
    background: #F7F6FB url(/digitalkamera/images/helper/gradient_verlauf.jpg) top left repeat-x;
    padding: 0;
    overflow: hidden;
    margin-bottom: 10px;
}    
    #addon .customer-service h3 {
        color: #222;
        font-size: 11px;
        text-transform: uppercase;
        margin-bottom: 2px;
    }
    #addon .customer-service .category {
        color: #555;
        font-size: 11px;
        margin: 0 0 12px 0;
    }
    #addon .customer-service-inner {
        padding: 10px;
    }
        #addon .customer-service p .highlight {
            font-size: 11px;
            font-weight: bold;
            color: #555;
        }    
        
        #addon .customer-service p .small {
            font-size: 9px;
            font-weight: normal;
            color: #555;
            display: block;
            margin-bottom: 10px;
        }
        
        
/* Addon Column: Shoppping Info
-----------------------------------------------------------------------------*/
#addon .shopping-info {
    padding: 10px;
    background: #F7F6FB url(/digitalkamera/images/helper/gradient_verlauf.jpg) top left repeat-x;
}
    #addon .shopping-info h3 {
        color: #222;
        font-size: 11px;
        text-transform: uppercase;
        margin-bottom: 5px;
    }
    #addon .shopping-info .option-list {
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: 11px;
        padding-bottom: 0;
        margin-bottom: 0;
        background: none;
    }
    
        #addon .shopping-info .option-list li {
            list-style: none;
            margin-left: 0;
            padding-left: 9px;
            background: url(/digitalkamera/images/helper/arrow.png) 0 4px no-repeat;
        }
            #addon .shopping-info .option-list li a {
                padding-left: 0px;
                background-repeat: no-repeat;
                background-position: 0 3px;
            }
    
/* Addon Column: Banner
-----------------------------------------------------------------------------*/
#addon .banner {
    margin-bottom: 20px;
}
    #addon .banner img {
        display: block;
    }
    #addon .banner p {
        padding: 0;
        margin: 2px 0;
        line-height: 1.2;
    }
    #addon .banner p a {
        text-indent: 15px;
        color: #08107b;
        padding: 0;
        background: url(/digitalkamera/images/helper/bullet_arrow_dark.png) 0 3px no-repeat;
    }
    #addon .banner p a:hover {
        background: url(/digitalkamera/images/helper/bullet_arrow_gray.png) 0 3px no-repeat;
        color: #555;
    }


    .homepageAddonTeaser p {
        padding-left: 0;
    }
    .homepageAddonTeaser p a:hover, .homepageAddonTeaser p a {
        padding-left: 0 !important;
        background: url(/digitalkamera/images/helper/bullet_arrow_dark.png) 0 3px no-repeat !important;
        color: #555 !important;
     }

    
/* Left Tab: Accessories
-----------------------------------------------------------------------------*/
#accessories-main {
    margin-bottom: 30px;
    background: #ebecf4;
    border-bottom: 1px solid #FFF;
}
    #accessories-main h3 {
        color: #000;
        text-transform: uppercase;
        font-weight: bold;
        padding: 9px 8px;
        font-size: 11px;
    }
        #accessories-main dl {
        }
        
            #accessories-main dl dt {
                color: #08107b;
                font-size: 10px;
                font-weight: bold;
                cursor: pointer;
                background-color: #FFF;
                background-image: url(/digitalkamera/images/helper/bar_bg.png);
                background-repeat: repeat-x;
                background-position: top left;
                border-top: 1px solid #ecedf5;
            }
            #accessories-main dl dt.visible {
                background-position: bottom left;
                font-size: 10px;
                border-top: 1px solid #DDD;
            }
            #accessories-main dl dt.hover {
                color: #555;
            }
            
                #accessories-main dl dt span {
                    display: block;
                    padding: 4px 0 4px 8px;
                }
            #accessories-main dl dt.hover {
                background-color: #ecedf5;
            }
        
            #accessories-main dl dd {
                font-size: 10px;
                color: #555;
                display: none;
            }
                
                #accessories-main dl dd .content-wrapper {
                    padding: 0;
                    background: #f4f5f9 url(/digitalkamera/images/helper/content_gradient.png) left top repeat-y;
                }
                #accessories-main dl dd .content-wrapper p {
                    background: none;
                }
            #accessories-main dl dd p a.more {
                font-size: 10px;
                cursor: pointer;
                display: block;
                font-weight: normal;
                padding: 5px 8px 5px 20px;
                background: url(/digitalkamera/images/helper/bullet_arrow_dark.png) 8px 8px no-repeat;
            }
            #accessories-main dl dd p a.more:hover {
                background: url(/digitalkamera/images/helper/bullet_arrow_gray.png) 8px 8px no-repeat;
            }
 
/* needed for IE6 */
.page_mood-left_content_main { margin-left: 5px !important; }
.camera-item                 { margin-right: 14px !important; }
