@charset "utf-8";
/* CSS Document */

html, body
{
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
	line-height: 20px;
}

img
{
	border: 0;
}

#wrapper
{
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	width: 960px;
	min-height: 100%;
	border-left: solid 1px #f2f2f2;
	border-right: solid 1px #f2f2f2;
	background: #fff url(../Images/wrapper-bg.jpg) repeat-x;
}
	/*
	* HEADER
	*/
	#wrapper #header
	{
		margin: 11px 0 0 10px;
		width: 941px;
		height: 82px;
		display: block;
		background: url(../Images/ipad-header.png) no-repeat;
	}
	    #wrapper #header .ipadkopen
	    {
	        width: 450px;
	        height: 82px;
	        display: block;
	        float: left;
	    }
	    #wrapper #header #links
	    {
	        float: right;
	        margin: 15px 33px 0 0;
	    }
	
	/*
    * MENU
    */
    #wrapper #menu
    {
        /*position: absolute;*/
        margin: 9px 0 0 9px;
        width: 941px;
        height: 37px;
        display: block;
    }
        #wrapper #menu #navigation
        {
            position: relative;
            margin: 0;
            padding: 0;
            list-style-type: none;
            width: 941px;
            height: 37px;
            display: block;            
            background: url(../Images/menu-bg.png) no-repeat;
            z-index: 40;
        }
            #wrapper #menu #navigation li:first-child
            {
                background: none;
                padding: 6px 30px 0 43px;
            }
            #wrapper #menu #navigation li
            {
                float: left;
                margin: 0;
                padding: 0;
                list-style-type: none;
                height: 31px;
                display: block;
                margin: 1px 0 0 0;
                padding: 6px 31px 0 32px;
                background: url(../Images/line-vertical.png) no-repeat;
                font-size: 16px;
                text-decoration: none;
                color: #4d94ca;
  
            }
                #wrapper #menu #navigation li a
                {
                    padding: 6px 0 0 0;
                    text-decoration: none;
                    color: #4d94ca;             
                    height: 31px;
                    display: block;
                }
                    #wrapper #menu #navigation li.followus
                    {
                        padding: 8px 0 0 0;
                        text-align: right;
                        width: 170px;
                    }
                        #wrapper #menu #navigation li.followus span
                        {
                            padding: 6px 6px 0 0;
                            height: 31px;
                            color: #a1a1a1;
                        }
                    #wrapper #menu #navigation li.twitter
                    {
                        padding: 6px 0 0 0;
                        margin: 0;
                        background: none;                        
                    }
                        #wrapper #menu #navigation li.twitter a
                        {
                            width: 27px;
                            height: 27px;
                            display: block;
                            background: url(../Images/Twitter-icon.png) no-repeat;
                        }
        
                    #wrapper #menu #navigation li.facebook
                    {
                        padding: 6px 0 0 0;
                        margin: 0;
                        background: none;
                    }
                        #wrapper #menu #navigation li.facebook a
                        {
                            width: 27px;
                            height: 27px;
                            display: block;
                            background: url(../Images/Facebook-icon.png) no-repeat;
                        }
                                            
        #wrapper #menu #navigation li ul
        {
            position: absolute;
            top: 28px;
            left: 0px;
            margin: 0 0 0 9px;
            width: 941px;
            height: 33px;
            display: block;
            background: url(../Images/submenu-bg.png) no-repeat;            
            margin: 0;
            padding: 0;
            list-style-type: none;
            z-index: 10;
        }
            #wrapper #menu #navigation li ul li:first-child
            {
                background: none;
                padding: 11px 15px 0 21px;
            }
            #wrapper #menu #navigation li ul li
            {
                float: left;
                margin: 0;
                padding: 0;
                list-style-type: none;
                height: 25px;
                display: block;
                margin: 1px 0 0 0;
                padding: 11px 15px 0 16px;
                font-size: 14px;
                text-decoration: none;
                color: #fff;
                background: none;  
            }
                #wrapper #menu #navigation li ul li a
                {
                    padding: 2px 0 0 0;
                    text-decoration: none;
                    color: #fff;             
                    height: 31px;
                    display: block;
                }
	
	/*
	* LEFTPANEL
	*/
	#wrapper #leftpanel
	{
	    margin: 0;
		float: left;
	}
		#wrapper #leftpanel #eyecatcher
		{
			margin-top: 9px;
			margin-left: 9px;
			width: 710px;
			height: 215px;
			display: block;
			background: url(../Images/eyecatcher-bg.png) no-repeat;
		}
		/* Slideshow */
		#eyecatcher .slideshow {
			position: relative;
			list-style: none;
			padding: 0;
			margin: 0;
		}
		
			#eyecatcher .slideshow li {
				position: absolute;
				top: 0;
				left: 0;
				z-index: 0;
				background: none;
				padding: 0;
			}
			
				#eyecatcher .slideshow li:first-child {
					position: relative;
					z-index: 1;
				}
			
				#eyecatcher .slideshow li.navigation 
				{
				    visibility: hidden;
					top: auto;
					left: auto;
					bottom: 18px;
					right: 14px;
					z-index: 1000;
				}
				
					#eyecatcher .slideshow li.navigation span {
						cursor: pointer;
						font-weight: bold;
						color: #919191;
						background: url(../Images/slideshow.png) 50% 50%;
						padding: 4px 6px 5px;
					}
					
						#eyecatcher .slideshow li.navigation span.previous {
							background-position: 0 0;
						}
						
						#eyecatcher .slideshow li.navigation span.next {
							background-position: 100% 0;
						}
						
							#eyecatcher .slideshow li.navigation span.previous strong,
							#eyecatcher .slideshow li.navigation span.next strong {
								visibility: hidden;
							}
					
						#eyecatcher .slideshow li.navigation span.active {
							color: #fff;
						}
						
        #wrapper #leftpanel #search
        {
			margin-top: 9px;
			margin-left: 9px;            
            width: 701px;
            height: 28px;
        }
            #wrapper #leftpanel #search .searchbox
            {
                float: left;
                padding: 0 0 0 10px;
                width: 565px;
                height: 27px;
                border: 0;
                margin: 0 9px 0 0;
                background: url(../images/leftpanel-search-bg.png) no-repeat;
            }
            #wrapper #leftpanel #search .searchbutton
            {
                color: #fff;
                width: 117px;
                height: 27px;
                border: 0;
                background: url(../images/leftpanel-searchbutton-bg.png) no-repeat;
            }            
		
		#wrapper #leftpanel .threecolumn
		{
			margin-top: 9px;
			margin-left: 9px;
			width: 710px;
		}
		    #wrapper #leftpanel .threecolumn h2
		    {
		        color: #4d94ca;
		    }
		    #wrapper #leftpanel .threecolumn h3
		    {
		        margin: 20px 0 0 0;
		    }
			#wrapper #leftpanel .threecolumn .header
			{
				overflow: hidden;
				width: 710px;
				height: 36px;
				display: block;
			    background: url(../Images/leftpanel-threecolumn-header-bg.png) no-repeat;						
			}
			    #wrapper #leftpanel .threecolumn .header h1
			    {
			        font-size: 22px;
			        color: #4d94ca;
			        margin: 15px 0 0 15px;
			    }
			    #wrapper #leftpanel .threecolumn .header h2
			    {
			        color: #4d94ca;
			        margin: 15px 0 0 15px;
			    }			    
			#wrapper #leftpanel .threecolumn .header-home,
			#wrapper #leftpanel .threecolumn .header-product
			{
				overflow: hidden;
				width: 710px;
				height: 36px;
				display: block;
			}			
				#wrapper #leftpanel .threecolumn .header-home ul,
				#wrapper #leftpanel .threecolumn .header-product ul
				{
					list-style-type: none;
					list-style: none;
					padding: 0;
					margin: 7px 0 0 0;
					width: 711px;
					display: block;
				}
					#wrapper #leftpanel .threecolumn .header-home ul,
					#wrapper #leftpanel .threecolumn .header-product ul
					{
						float: left;
						text-align: center;
						margin: 0;
						padding: 0;
					}
					    #wrapper #leftpanel .threecolumn .header-home ul li,
					    #wrapper #leftpanel .threecolumn .header-product ul li
					    {
					        float: left;
					        margin: 0;
					        padding: 0;
					    }
						#wrapper #leftpanel .threecolumn .header-home ul li.spacer,
						#wrapper #leftpanel .threecolumn .header-product ul li.spacer
						{
							float: left;
							width: 1px;
							height: 36px;
							display: block;
							background: url(../Images/leftpanel-threecolumn-spacer.png) no-repeat;
						}					
						#wrapper #leftpanel .threecolumn .header-home ul li a,
						#wrapper #leftpanel .threecolumn .header-product ul li a
						{
							padding: 0;
							padding-top: 10px;
							font-size: 18px;
							color: #fff;
							text-decoration: none;							
						}
						#wrapper #leftpanel .threecolumn .header-home ul li a.pricecomparison,
						#wrapper #leftpanel .threecolumn .header-product ul li a.specifications
						{
							float: left;
							width: 236px;
							height: 36px;
							display: block;
							background: url(../Images/leftpanel-threecolumn-tab.png) no-repeat;
						}
						#wrapper #leftpanel .threecolumn .header-home ul li a.pricecomparison:hover,
						#wrapper #leftpanel .threecolumn .header-home ul li a.pricecomparison-active,
						#wrapper #leftpanel .threecolumn .header-product ul li a.specifications:hover,
						#wrapper #leftpanel .threecolumn .header-product ul li a.specifications-active						
						{
							float: left;
							width: 236px;
							height: 36px;
							display: block;							
							color: #4d94ca;							
							background: url(../Images/leftpanel-threecolumn-tab-active.png) no-repeat;
						}
						#wrapper #leftpanel .threecolumn .header-home ul li a.accessoires,
						#wrapper #leftpanel .threecolumn .header-product ul li a.prices
						{
							float: left;
							width: 236px;
							height: 36px;
							display: block;
							background: url(../Images/leftpanel-threecolumn-tab.png) no-repeat;
						}
						#wrapper #leftpanel .threecolumn .header-home ul li a.accessoires:hover,
						#wrapper #leftpanel .threecolumn .header-home ul li a.accessoires-active,
						#wrapper #leftpanel .threecolumn .header-product ul li a.prices:hover,
						#wrapper #leftpanel .threecolumn .header-product ul li a.prices-active						
						{
							float: left;
							width: 236px;
							height: 36px;
							display: block;
							color: #4d94ca;
							background: url(../Images/leftpanel-threecolumn-tab-active.png) no-repeat;
						}
						#wrapper #leftpanel .threecolumn .header-home ul li a.alternatives,
						#wrapper #leftpanel .threecolumn .header-product ul li a.reviews
						{
							float: left;
							width: 236px;
							height: 36px;
							display: block;
							background: url(../Images/leftpanel-threecolumn-tab.png) no-repeat;
						}
						#wrapper #leftpanel .threecolumn .header-home ul li a.alternatives:hover,
						#wrapper #leftpanel .threecolumn .header-home ul li a.alternatives-active,
						#wrapper #leftpanel .threecolumn .header-product ul li a.reviews:hover,
						#wrapper #leftpanel .threecolumn .header-product ul li a.reviews-active						
						{
							float: left;
							width: 236px;
							height: 36px;
							display: block;	
							color: #4d94ca;
							background: url(../Images/leftpanel-threecolumn-tab-active.png) no-repeat;
						}						
					
			#wrapper #leftpanel .threecolumn .content
			{
				padding: 15px;
				width: 680px;
				background: url(../Images/leftpanel-threecolumn-content-bg.png) repeat-y;					
			}
			    #wrapper #leftpanel .threecolumn .content #breadcrumb
			    {			
			        margin: 0 0 10px 0;
			    }
			    #wrapper #leftpanel .threecolumn .content small
			    {
			        color: #d2d1d1;
			    }
			    #wrapper #leftpanel .threecolumn .content a,
			    #wrapper #leftpanel .threecolumn .content strong
			    {
			        color: #4d94ca;
			    }
			    #wrapper #leftpanel .threecolumn .content ul
			    {
				    margin-top: 0px;
				    margin-left: 25px;
				    padding: 0;
				    display: block;
				    list-style-image: url(../Images/bullet.jpg);			        
			    }
			    #wrapper #leftpanel .threecolumn .content #breadcrumbs
			    {
			        list-style-type: none;
		            margin: 0;
		            padding: 0;			        
			    }
			        #wrapper #leftpanel .threecolumn .content #breadcrumbs li
			        {
			            list-style-type: none;
			            list-style-image: none;
			            margin: 0 5px 0 0;
			            padding: 0;
			            float: left;
			            color: #4d94ca;
			            line-height: 20px;
			            vertical-align: middle;
			        }
			            #wrapper #leftpanel .threecolumn .content #breadcrumbs li a
			            {
			                text-decoration: none;
			            }
			            #wrapper #leftpanel .threecolumn .content #breadcrumbs li span
			            {
			                font-weight: bold;
			            }
			#wrapper #leftpanel .threecolumn .content #contactform input[type=text]
			{
				margin-top: 6px;
				width: 350px;
				border-style: none;
				border: solid 1px #c1c1c1;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #c1c1c1;
			}
			#wrapper #leftpanel .threecolumn .content #contactform textarea
			{
				margin-top: 6px;
				width: 350px;
				border-style: none;
				border: solid 1px #c1c1c1;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #c1c1c1;
			}			
			#wrapper #leftpanel .threecolumn .content #contactform input[type=submit]
			{
				width: 73px;
				height: 19px;
				display: block;
				background: url(../Images/button-newsletter-send-bg.png) no-repeat;					
				border-style: none;
				color: #fff;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				padding: 0;
				margin: 4px 0 0 0;
			}			    
			
			#wrapper #leftpanel .threecolumn .pricecomparison-table
			{
			    
			}
			    #wrapper #leftpanel .threecolumn .pricecomparison-table th,
			    #wrapper #leftpanel .threecolumn .pricecomparison-table th a
			    {
			        color: #4d94ca;
			        text-decoration: none;
			    }
			    #wrapper #leftpanel .threecolumn .pricecomparison-table tr
			    {
			        border-bottom: solid 1px #dadada;
			        line-height: 30px;
			    }    
			    	
			#wrapper #leftpanel .threecolumn .footer
			{
				width: 710px;
				height: 10px;
				display: block;
				background: url(../Images/leftpanel-threecolumn-footer-bg.png) no-repeat;					
			}		
		
	/*
	* RIGHTPANEL
	*/
	#wrapper #rightpanel
	{
	    margin: 0;
		float: right;
	}
	#wrapper #rightpanel .column
	{
		margin-top: 9px;
		margin-right: 9px;
		width: 223px;
	}
		#wrapper #rightpanel .column .header
		{
			overflow: hidden;
			width: 223px;
			height: 36px;
			display: block;
			background: url(../Images/column-header-bg.png) no-repeat;		
			
		}
			#wrapper #rightpanel .column .header h2
			{
				padding: 0;
				margin: 10px 0 0 14px;
				font-size: 18px;
				color: #fff;
			}
		#wrapper #rightpanel .column .content
		{
			padding: 10px;
			padding-bottom: 1px;
			width: 203px;
			background: url(../Images/column-content-bg.png) repeat-y;					
			
		}
			#wrapper #rightpanel .column .content p
			{
				margin: 0;
				padding: 0;
				width: 200px;
			}
			#wrapper #rightpanel .column .content a
			{
                color: #4d94ca;
			}
			#wrapper #rightpanel .column .content ul
			{
				margin-top: 0px;
				margin-left: 15px;
				padding: 0;
				width: 200px;
				display: block;
				list-style-image: url(../Images/bullet.jpg);
			}
				#wrapper #rightpanel .column .content ul li a
				{
					color: #4d94ca;
					width: 185px;
					display: block;
				}
			    #wrapper #rightpanel .column .content #twitter-stream ul li
			    {
			        width: 185px;
			        margin: 0 0 10px 0;
			    }				
			    #wrapper #rightpanel .column .content #twitter-stream ul li a
			    {
			        width: 185px;
			        display: inline;
			        color: #4d94ca;
			    }
			#wrapper #rightpanel .column .content input[type=text]
			{
				margin-top: 6px;
				width: 200px;
				border-style: none;
				border: solid 1px #c1c1c1;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #c1c1c1;
			}
			#wrapper #rightpanel .column .content input[type=submit]
			{
				width: 73px;
				height: 19px;
				display: block;
				background: url(../Images/button-newsletter-send-bg.png) no-repeat;					
				border-style: none;
				color: #fff;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				padding: 0;
				margin: 4px 0 0 0;
			}			
		#wrapper #rightpanel .column .footer
		{
			width: 223px;
			height: 9px;
			display: block;
			background: url(../Images/column-footer-bg.png) no-repeat;					
		}	
		
	#wrapper #footer
	{
		margin-top: 9px;
		float: left;
		width: 100%;
		height: 50px;
		display: block;
		color: #cfcfcf;
		font-size: 10px;
		text-align: center;
	}
			#wrapper #footer ul
			{
				float: left;
				list-style: none;
				list-style-type: none;
				padding: 0;
				margin: 0;
				margin-bottom: 9px;
				width: 100%;
				font-size: 11px;
				display: block;
				text-align: center;
			}
				#wrapper #footer ul li
				{
					display: inline;
					margin-left: 10px;
				}
			
			#wrapper #footer a
			{
				color: #cfcfcf;
			}

/* PRODUCT */
.product
{
    display: block;
    width: 250px;
    font-size: 9px;
}
    .product .productimage img
    {
        /*border: solid 1px #d2d1d1;*/
    }
    .product .productname
    {
        font-size: 12px;
        font-weight: bold;
        color: #4d94ca;
    }
        .product .productname a
        {
            text-decoration: none;
        }    
    
    .product .description
    {
        line-height: 14px;
    }
    
    .product .moreinfo
    {
        text-decoration: underline;
        color: #4d94ca;
    }
    
    .product .writereview
    {
        text-decoration: underline;
    }
    
    .product .suppliername
    {
        font-size: 12px;
        font-weight: bold;   
        text-decoration: none;     
    }
        .product .suppliername a
        {
            text-decoration: none;     
        }

.price-last
{
    display: block;
    width: 420px;    
    border: 0;
}
.price
{
    display: block;
    width: 420px;
    border-bottom: solid 1px #d2d1d1;
}
    .price .suppliername,
    .price-last .suppliername
    {
        font-weight: bold;
        color: #4d94ca;
        
    }
        .price .suppliername a,
        .price-last .suppliername a
        {
            text-decoration: none;
        }
    .price .totalprice,
    .price-last .totalprice
    {
        font-weight: bold;
        font-size: 14px;
    }

table tr th
{
    text-align: left;
    color: #d2d1d1;
}

#productinfo
{
}
    #productinfo img
    {
        border: solid 1px #cac8c9;
        margin: 0 15px 0 0;
    }    
    
#categories
{
    /*text-align: center;*/
}    
#category
{
    width: 160px;
    height: 190px;
    display: inline-block;
    margin: 0 7px 5px 0;
    background: transparent url(../images/category-bg.png) no-repeat;
    zoom: 1; 
    *display: inline; 
    _height: 190px;    
}
    #category #categoryimage
    {
        width: 160px;
        height: 150px;
        display: block;
        margin: 10px 0 0 1px;
    }
    #category #categoryname
    {
        width: 160px;
        height: 30px;
        display: block;
        text-align: center;
        margin: 5px 0 5px 0;
    }
        #category #categoryname a
        {
            color: #4d94ca;
            text-decoration: none;
        }

/* REVIEW */
#addreview
{
    color: #4d94ca;
    width: 675px;
    display: block;
    text-align: right;
    border-bottom: solid 1px #d2d1d1;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
}

.review
{
    border-bottom: solid 1px #d2d1d1;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
}
    .review .type,
    .review .username
    {
        font-weight: bold;
        color: #4d94ca;        
    }
    .review .description
    {
        margin: 0 0 10px 0;
    }