/*
html
{
    background-color: #1d282e;
    background-image: url(/images/bg/gradient.png);
    background-position: 0 0;
    background-repeat: repeat-x;
    color: White;
}

    body
    {
        background-image: url(/images/bg/big-image-default.jpg);
        background-position: center top;
        background-repeat: no-repeat;
        font-family: Arial;
    }
*/
    
/* ____________________________________________________ Main container */
        
        body #container
        {
            margin: 0 auto;
            overflow: hidden;
            position: relative;
            width: 950px;
        }
        
/* ____________________________________________________ Design elements */
        
            a
            {
                color: #aaaaaa;
            }
            
            a:hover
            {
                color: #ffffff;
            }
            
            strong
            {
            	font-weight: bold;
            }
            
            p#no-margin
            {
                height: 1px;
                margin: 0;
                padding: 0;
                width: 950px;
            }
            
            p#content-top
            {
                background-image: url(/images/bg/content-top.png);
                background-repeat: no-repeat;
                height: 19px;
                margin-top: 150px;
                position: relative;
                width: 950px;
            }
            
            .clear
            {
                clear: both;
            }

/* ____________________________________________________ Logo */

            h1
            {
                position: absolute;
                width: 420px;
                height: 107px;
                top: 45px;
                left: 15px;
                background-image: url(/images/logo.png);
                background-repeat: no-repeat;
                text-indent: -10000px;
            }
            
            h2
            {
                position: absolute;
                display: none;
                visibility: hidden;
            }
            
/* ____________________________________________________ Header bar */

            div.header-bar
            {
                position: absolute;
                width: 950px;
                font-size: 11px;
            }
            
                ul.header-bar-about
                {
                    float: left;
                    margin-top: 7px;
                    margin-left: 20px;
                }
                
                    ul.header-bar-about li
                    {
                        display: inline;
                        padding-right: 4px;
                    }
                
                ul.header-bar-langs
                {
                    float: right;
                    margin-top: 7px;
                    padding-right: 20px;
                    
                }
                                
                    ul.header-bar-langs li
                    {
	                    background-repeat: no-repeat;
	                    background-position: right;
	                    
	                    display: inline;
	                    padding-left: 20px;
	                    padding-right: 25px;
                    }
                    
                        ul.header-bar-langs li a
                        {
                           
                        }

	                    li.lang-hr-bw
	                    {
		                    background-image: url(/images/flags/hr-color.gif);
	                    }

	                    li.lang-en-bw
	                    {
		                    background-image: url(/images/flags/en-color.gif);
	                    }

	                    li.lang-de-bw
	                    {
		                    background-image: url(/images/flags/de-color.gif);
	                    }
	                    
	                    li.lang-hr-color
	                    {
		                    background-image: url(/images/flags/hr-color.gif);
	                    }

	                    li.lang-en-color
	                    {
		                    background-image: url(/images/flags/en-color.gif);
	                    }

	                    li.lang-de-color
	                    {
		                    background-image: url(/images/flags/de-color.gif);
	                    }
	                 
/* ____________________________________________________ Title menu */
            
            ul.title-menu-left
            {
                position: absolute;
                right: 0px;
                top: 50px;
                width: 220px;
            }
                        
            ul.title-menu-right
            {
                position: absolute;
                right: 0px;
                top: 50px;
                width: 100px;
            }
            
                ul.title-menu-left li, ul.title-menu-right li
                {
                    font-size: 19px;
                    font-family: Calibri, Arial, Helvetica, Sans-Serif;
                }
                
                    ul.title-menu-left li a, ul.title-menu-right li a
                    {
                        color: #dddddd;
                        outline: none;
                        text-decoration:underline;
                    }
                    
                    ul.title-menu-left li a:hover, ul.title-menu-right li a:hover
                    {
                        color: White;
                       
                    }
                      
/* ____________________________________________________ Content space */
            
            div#content-space
            {
                padding-top: 0;
                width: 950px;
                background-color: Transparent;
                background-image: url(/images/bg/content.png);
                background-repeat: repeat-y;
                background-position: 0 0;
            }
            
            h3.name-category
            {
                color: #888888;
                font-family: Calibri, Arial, Helvetica, Sans-Serif;
                font-size: 40px;
                float: right;
                
                height: 30px;
                overflow: visible;
                padding-right: 25px;
                
            }
            
/* ____________________________________________________ Main menu */
                
                div.gear-menu
                {
                    float: left;
                    position: relative;
                    width: 182px;
                    outline: none;
                    padding-left: 15px;
                    font-family: Calibri, Arial, Helvetica, Sans-Serif;
                }
                
                    div.gear-menu ul li ul
                    {
                        display: none;
                        padding-left: 10px;
                    }
                    
                    div.gear-menu ul li h4
                    {
                        background-image: url(/images/arrow-little-right.gif);
                        background-position: 0 center;
                        background-repeat: no-repeat;
                        color: #cedee6;
                        font-size: 17px;
                        padding: 0;
                        padding-left: 13px;
                        cursor: pointer;
                        
                    }
                    
                    div.gear-menu ul li h4 embed
                    {
                        cursor: pointer;
                    }
                
                    div.gear-menu ul li a
                    {
                        font-family: Arial, Helvetica, Sans-Serif;
                        outline: none;
                        text-decoration: none;
                        
                        color: White;
                    }
                    
                    div.gear-menu ul li a:hover
                    {
                        text-decoration: underline;
                    }
                
                        div.gear-menu ul li ul li a
                        {
                            font-size: 12px;
                            outline: none;
                            padding-left: 10px;
                            text-decoration: none;
                            color: White;
                        }
                        
                        div.gear-menu ul li ul li.menu-active a
                        {
                            font-size: 13px;
                            font-weight: bold;
                            outline: none;
                            text-decoration: none;
                            color: #cedee6;
                        }
                        
/* ____________________________________________________ Carousel */
            
                div.carousel-content
                {
                    float: right;
                    width: 748px;
                    height: 423px;
                    background-image: url(/images/bg/carousel.png);
                    background-repeat: no-repeat;
                }
                
                    div.imageSliderExt img
                    {
                        border: solid 1px #666666;
                    }
                
                    div.carouselpos
                    {
                        position: relative;
                        left: 30px;
                        
                    }
                    
                        div.carousel
                        {
                            
                            height: 247px;
                        }
                        
                            div.carousel li
                            {
                                
                                height: 247px;
                                width: 440px;
                            }
                        
                            div.carousel img
                            {
                                display: none;
                            }
                    

                    
                    div.carousel2pos
                    {
                        position: absolute;
                        /*left: 490px;
                        top: 30px;*/
                        height: 260px;
                        width: 240px;
                        top: 175px;
                        left: 690px;                        
                        overflow: hidden;
                    }
                    
                        div.carousel2pos h3
                        {
                            color: White;
                            font-family: Calibri, Arial, Helvetica, Sans-Serif;
                            font-size: 24px;
                            padding-bottom: 14px;
                            padding-top: 25px;
                            
                            
                        }
                        
                        div.carousel2pos p
                        {
                            
                            font-size: 12px;
                            width: 240px;
                            height: 160px;
                        }
                        
                        div.carousel2pos a
                        {
                            font-size: 12px;
                        }
                        
                        div.carousel2pos em
                        {
                            font-style: italic;
                        }
                        
                        div.carousel2pos strong
                        {
                            font-weight: bold;
                        }
                    
                    div.imageSliderExt, div.imageSliderDesc
                    {
                        /*top: 280px;*/
                        top: 450px;
                        position: absolute;
                    }
                    
                         div.imageSliderDesc
                         {
                             /*top: 367px;
                             left: 10px;*/
                             width: 1000px;
                             top: 538px;
                             left: 210px;
                         }

                            div.imageSliderExt ul, div.imageSliderDesc ul
                            {
                                display: inline;
                                padding-left: 13px;
                            }
                            
                                div.imageSliderExt ul li, div.imageSliderDesc ul li
                                {
                                    display: inline;
                                    padding-left: 16px;
                                    position: relative;
                                    cursor: pointer;
                                }
                                
                                div.imageSliderDesc ul li
                                {
                                    width: 135px;
                                    float: left;
                                    padding-left: 18px;
                                }
                                
                                    div.imageSliderDesc p
                                    {
                                        display: block;
                                        width: 135px;
                                        font-size: 9px;
                                        text-align: center;
                                    }
                            
                    a.carousel-prev, a.carousel-next
                    {
                        background: transparent url(/images/arrows-sprite.png) no-repeat 0 0;
                        display: block;
                        text-indent: -10000px;
                        width: 40px;
                        height: 51px;
                        position: absolute;
                        outline: none;
                        cursor: pointer;
                    }
                    
                    a.carousel-prev
                    {
                        background-position: -40px -51px;
                        /*left: 645px;
                        top: 315px;*/
                        left: 840px;
                        top: 487px;
                    }
                    
                    a.carousel-prev:hover
                    {
                        background-position: 0 -51px;
                    }
                    
                    a.carousel-next
                    {
                        background-position: -40px 0;
                        /*left: 688px;
                        top: 315px;*/
                        left: 887px;
                        top: 487px;
                    }
                    
                    a.carousel-next:hover
                    {
                        background-position: 0 0;
                    }
                    
/* ____________________________________________________ Small news */
                    
                div.news-small
                {
                    width: 693px;
                    height: 179px;
                    background-image: url(/images/bg/news-small.png);
                    float: right;
                    font-size: 11px;
                    margin-right: 28px;
                }
                
                    div.news-small-left
                    {
                        height: 179px;
                        width: 347px;
                        float: left;
                    }
                                     
                    div.news-small-right
                    {
                        height: 179px;       
                        width: 346px;
                                         
                        float: right;
                    }
                        
                        div.news-small img
                        {
                            float: left;
                            height: 75px;
                            padding-top: 35px;
                            padding-left: 25px;
                            width: 75px;
                        }
                        
                        div.news-small h6
                        {
                            font-size: 18px;
                            margin-left: 120px;
                            margin-top: 15px;
                        }
                        
                        div.news-small p
                        {
                             margin-bottom: 10px;
                             margin-top: 10px;
                             margin-left: 120px;
                             width: 200px;
                        }
                        
                        div.news-small a
                        {
                            clear: both;
                            margin-left: 120px;
                            
                        }
                        
                        
                
/* ____________________________________________________ Brand list */
            
            div.brand-list
            {
                clear: both;
                width: 950px;
                height: 86px;
                background-image: url(/images/bg/logos.png);
                overflow: hidden;
                
            }
            
                div.brand-list ul
                {
                    padding: 0;
                    margin: 0;
                    position: relative;
                    list-style-type: none;             
                }
                
                    div.brand-list ul li
                    {
                        position: absolute;  
                        top: 37px;
                    }
                    
                        div.brand-list ul li a
                        {
                            background: transparent url(/images/logos-sprite.png) no-repeat 0 -36px;
                            display: block;
                            height: 36px;
                            text-indent: -10000px;
                            outline: none;
                        }
                    
                    div.brand-list ul li#barco
                    {
                        left: 26px;
                    }
                    
                        li#barco a
                        {
                            width: 54px;
                        }
                        
                        li#barco a:hover {
                            background-position: 0 0;
                        }
                    
                    div.brand-list ul li#eaw
                    {
                        left: 122px;
                    }
                        
                        li#eaw a
                        {
                            background-position: -54px -36px;
                            width: 57px;
                        }
                        
                            li#eaw a:hover
                            {
                                background-position: -54px 0;
                            }
                    
                    div.brand-list ul li#martin
                    {
                        left: 222px;
                    }
                    
                        li#martin a
                        {
                            background-position: -111px -36px;
                            width: 48px;
                        }
                        
                            li#martin a:hover
                            {
                                background-position: -111px 0;
                            }
                    
                    div.brand-list ul li#jvc
                    {
                        left: 318px;
                    }
                    
                        li#jvc a
                        {
                            background-position: -159px -36px;
                            width: 34px;
                        }
                        
                            li#jvc a:hover
                            {
                                background-position: -159px 0;
                            }
                    
                    div.brand-list ul li#midas
                    {
                        left: 401px;
                    }
                    
                        li#midas a
                        {
                            background-position: -193px -36px;
                            width: 87px;
                        }
                        
                            li#midas a:hover
                            {
                                background-position: -193px 0;
                            }
                    
                    div.brand-list ul li#arri
                    {
                        left: 531px;
                    }
                    
                        li#arri a {
                            background-position: -280px -36px;
                            width: 35px;
                        }
                        
                            li#arri a:hover
                            {
                                background-position: -280px 0;
                            }
                    
                    div.brand-list ul li#labgruppen
                    {
                        left: 610px;
                    }
                    
                        li#labgruppen a
                        {
                            background-position: -315px -36px;
                            width: 100px;
                        }
                        
                            li#labgruppen a:hover
                            {
                                background-position: -315px 0;
                            }
                    
                    div.brand-list ul li#grassvalley
                    {
                        left: 748px;
                    }
                    
                        li#grassvalley a
                        {
                            background-position: -415px -36px;
                            width: 90px;
                        }
                        
                            li#grassvalley a:hover
                            {
                                background-position: -415px 0;
                            }
                    
                    div.brand-list ul li#nec
                    {
                        left: 877px;
                    }
                    
                        li#nec a
                        {
                            background-position: -505px -36px;
                            width: 46px;
                        }
                            
                            li#nec a:hover
                            {
                                background-position: -505px 0;
                            }
                    
                        div.brand-list ul li a img
                        {
                            border: solid 0px;
                        }            
/* ____________________________________________________ Footer */
            
            div.footer
            {
                             
            }

/* ____________________________________________________ Footer menu */
            
            div.footer-menu
            {
                background-image: url(/images/bg/footer-blank.png);
                background-repeat: no-repeat;
                font-family: Calibri, Arial, Helvetica, Sans-Serif;
                font-size: 11px;
                height: 256px;
                line-height: 15px;
                margin-bottom: 10px;
                margin-top: 20px;
                width: 950px; 
            }
            
                div.footer-menu ul
                {
                    float: left;
                    width: 150px;
                    padding-top: 22px;
                    padding-left: 25px;
                }
                
                    div.footer-menu h6
                    {
                        padding-top: 8px;
                        font-weight: bold;
                        
                    }
                    
                    div.footer-menu ul.footer-col-1 h6
                    {
                        padding-top: 0;
                        
                    }
                    
                        div.footer-menu ul a
                        {
                            position: relative;
                        }
                        
                div.footer-menu p.footer-eldra
                {
                    background-image: url(/images/bg/eldra-footer.png);
                    background-repeat: no-repeat;
                    text-indent: -10000px;
                    width: 185px;
                    height: 30px;
                    margin-top: 110px;
                    margin-left: 730px;
                    position: absolute;
                }
                
                div.footer-menu p.footer-eldra:hover
                {
                    background-image: url(/images/bg/eldra-footer-over.png);
                }
               
                
                div.footer-menu p.footer-partner
                {
                    margin-top: 205px;
                    margin-left: 774px;
                    position: absolute;
                    color: gray;
                    width:90px;
                    text-align:center;
                }
                
                div.footer-submenu
                {
                    
                    
                }
                                    
/* ____________________________________________________ Footer submenu */
                                    
            div.footer-submenu
            {
                float: none;
                clear: both;
                
            }
            
                div.footer-submenu ul
                {
                    display: inline;
                    font-size: 13px;
                    padding-left: 0;
                    padding-top: 15px;
                    text-align: center;
                    width: 690px;
                    
                    
                }
                
                    div.footer-submenu ul li
                    {
                        display: inline;
                        padding-left: 15px;
                    }
                    
                         div.footer-submenu ul li a
                        {
                            position: relative;
                        }
                        
abbr.credits
{
	border-bottom: dotted 1px #666;
	display: block;
	margin: 0 auto;
	margin-bottom: 5px;
	
	width: 200px;
	text-align: center;
	font-size: 10px;
	clear: both;
}