/* media-view startpage */

#mediaWrapper
{
	height: 437px;
	background: transparent url(../images/layout/mediacontainer-bg.png) top left no-repeat;
	margin: 20px 0;	
}

#mediaContainer
{
	width: 959px;
	height: 421px;	
	overflow: hidden;
	position: absolute;
	margin: 8px 0 0 8px;
}
	
	#mediaContainer .panel
	{
		position: absolute;
	}

	#mediaContainer .text-content
	{
		top: 0;
		left: 0;
		position: absolute;
		height: 386px;
		width: 284px;
		background: transparent url(../images/layout/mediacontainer-text-bg.png) top left no-repeat;
		padding: 25px 47px 10px 20px;  		
	}
	
		#mediaContainer .text-content h3
		{
			font-size: 19px;
			font-weight: normal;
			margin: 10px 0;
		}
		
		#mediaContainer ul.link-list
		{
			list-style: none;
			margin: 10px 0;
			padding: 0;
		}
		
			#mediaContainer ul.link-list li 
			{
				display: inline;
				margin: 0 10px 0 0;			
			}
			
			#mediaContainer ul.link-list li a 
			{
				font-weight: bold;
			}
		
		#mediaContainer .image-information
		{
		    position: absolute;		    
		    top: 50px;
		    background: #0061c5;
		}
		
		    #mediaContainer .image-information h5
		    {
		        font-size: 90%;
		        margin: 5px 5px 0 5px;
		    }
		    
		    #mediaContainer .image-information p
		    {
		        font-size: 80%;
		        margin: 0 5px 5px 5px;
		    }
		
		#mediaContainer .navigator
		{			
			position: absolute;
			top: 385px;
			left: 647px;
			list-style: none;
			margin: 0;
			padding: 0;
			height: 36px;
		}
		
			#mediaContainer .navigator li 
			{											
				display: inline;				
				margin: 0;
			}
			
				#mediaContainer .navigator li a,
				#mediaContainer .navigator li a:visited				
				{
					background: transparent url(../images/layout/mediacontainer-start-navigator-bg.png) top left no-repeat;
					display: block;					
					float: left;
					height: 12px;
					padding: 12px;					
				}
				
				#mediaContainer .navigator li.prev a,
				#mediaContainer .navigator li.next a
				{
				    font-size: 22px;
				    height: 28px;
				    padding: 4px 28px 4px 12px;   
				}
				
				#mediaContainer .navigator li.next a
				{
				    padding: 4px 12px 4px 28px; 				    
				}
				
/* mediaContainer category */

.mediaview-panel
{
    height: 350px;
}

#mediaContainer.category,
#mediaContainer.product
{
    background: none;
    margin: 0 0 20px 0;
    height: 350px;
    width: 600px;
}

#mediaContainer.category,
#mediaContainer.product
{
	width: 600px;
	height: 350px;	
	margin: 0;    
}

#mediaContainer.category .panel,
#mediaContainer.product .panel
{
    width: 600px;
    height: 350px;    
}

#mediaContainer.category .image-information,
#mediaContainer.product .image-information
{
    top: 20px;
}

#mediaContainer.category .navigator,
#mediaContainer.product .navigator
{
    top: 314px;   	
	left: 0;             
}


/* mediaContainer liked-products */

#mediaContainerLiked.media-view
{
    height: 240px;
    padding-left: 15px;
    position: relative;
}

#columnContainer #mediaContainerLiked.media-view
{
    padding: 0;
    position: relative;
}

#mediaContainerLiked.media-view .panel
{
    position: absolute;
    width: 250px;
    top: 0;
    overflow: hidden;            
}

#mediaContainerLiked.media-view .panel img
{
    height: 170px;
    min-width: 250px;
    max-height: 170px;
}

#mediaContainerLiked.media-view .panel span.rounded-corners
{
    position: absolute;
    width: 250px;
    height: 170px;
    background: transparent url(../images/layout/rounded-4-corners-overlay-250px.png) top left no-repeat;
}

#mediaContainerLiked.media-view .navigator-container
{
    position: relative;
    left: 50%;
    float: left;
    text-align: left;   
    height: 10px;
    top: 220px;
}
    /*ie7 hack*/
    *:first-child+html #mediaContainerLiked.media-view .navigator-container
    {
        top: 95px;
    }
    
#mediaContainerLiked.media-view .navigator
{
    width: 100%;
    height: 10px;
    position: relative;
    left: -50%;
    top: 5px;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 1000;
}   
    
    #mediaContainerLiked.media-view .navigator li
    {
        position: relative;
        right: 50%;
    }
    
    #mediaContainerLiked.media-view .navigator li,
    #mediaContainerLiked.media-view .navigator li a
    {                   
        float: left;
        display: block;            
        margin: 0;
        padding: 0;
        width: 10px;
        height: 10px;
        font-size: 0;            
        outline: none;
    }                   
        
        #mediaContainerLiked.media-view .navigator li a span
        {
            display: none;
        }
        
        #mediaContainerLiked.media-view .navigator li a
        {
            background: transparent url(../images/layout/navigator-dot.png) top left no-repeat;       
        }
           
        #mediaContainerLiked.media-view .navigator li a.active
        {
            background: transparent url(../images/layout/navigator-dot-active.png) top left no-repeat;       
        }   
        
/* products */        

#mediaContainer .media-view.product .panel img
{
    width: 600px;
}
        
img.product-image
{
    height: 350px;
    max-width: 600px;
}