/**
 * Header with logo and lampshapes.
 */
 
#header
		{
		background-color: #a49d87;
		position: relative;
		height: 128px;
   		width: 1000px;
		text-align: left;
		}

#header #left 
		{
		float: left;
		width: 265px;
		}
		
#header #left img
		{
		margin: 70px 0 0 20px;
		}
	
#header #lamps
		{
		position: absolute;
		right: 0;
		width: 675px;
		height: 128px;
		overflow: hidden;
		}

#header #lamps ul
		{
		list-style: none;
		padding: 0;
		margin: 0; 	
		height: 128px;
		}
		
#header #lamps ul li
		{
		margin-left: 10px;
		position: relative;
		float: left;
		width: 90px;
		}

#header #lamps a.movingLamp
		{
		display: block;
		float: left;
		width: 40px;
		height: 90px;
		margin: 20px 30px 0 0;
		}

/**
 * Navigation.
 */

#navigation
		{
		background-color: #ffffff;
		font-size: 0.6em;
		color: #a49d87;
		position: relative;
		z-index: 10;
		height: 1.2em;
   		width: 1000px;
		padding: 0.1em;
		text-align: left;
	
		}

#navigation ul
		{
		list-style: none;
		margin: 0; 
		padding: 0;
	
    	position: relative; 
    	left: 30%;
		}

#navigation #navigationList
		{
		width: 70%;
		}

#navigation ul li
		{
		float: left;
		position: relative;
		margin-left: 1.8em;
		}

		
#navigation ul li ul
		{
		margin: 0;
		padding-top: 0.5em;
		position: absolute;
		top: 0.8em;
		left: -999em;
		}
	
#navigation ul li:hover ul, #navigation ul li.over ul
		{
    	left: -1.9em;
  		}
		
#navigation ul li ul li 
		{
    	float: none;
    	display: block;
    	margin-top: 0.6em;
  		}
  		
#navigation ul li ul li a
		{
    	display: block;
    	width: 12em;  
    	padding: 0.12em;
    	text-decoration: none;
    	color: #ffffff;
    	background-color: #a49d87; 
		}
		
#navigation ul li ul li a:hover
		{
    	display: block;  
    	padding: 0.12em;
    	text-decoration: none;
    	font-weight: normal;
    	border: none;
    	color: #a49d87;
    	background-color: #ffffff; 
		}
  		
#navigation ul a
		{
    	color: #a49d87;
    	background-color: #ffffff;
		}

#navigation .lang-switcher
		{
		position: absolute;
		right: 2px;
		top: 0px; /* Make sure that also IE knows we want to have this at the top */
		}

#navigation .lang-switcher span 
		{
		font-weight: bold;
		color: #333;
		}

#navigation .lang-switcher a
		{
		font-weight: bold;
        	color: #a49d87 !important;
		}

/**
 * Content.
 */

#main
		{
		clear: both;
		color: #ffffff;
		font-size: 0.8em;
		position: relative;
		z-index: 1;
		width: 1000px;
		text-align: left;
		}

#main #leftContent
		{	
   		float: left;
   		width: 170px;
		height: 450px;
		background-color: #545146;
		padding: 5px 0;
		overflow: auto;
		}

#leftContent .leftContentImage
		{
		border: 2px solid black;
		margin: 15px 50px 0 0;
		}

#leftContent a
		{
		text-align: right;
		display: block;
		}
		

#leftContent #info
		{
		text-align: center;
		color: #a49d87;
		background: url("../imgs/button_on.jpg") no-repeat;
		background-position: right;
		display: block;
		margin: 5px 38px 0 0;
		}
		
#leftContent #info:hover, #leftContent #info.over
		{
		color: #000000;
		}

#leftContent #layer
		{
		text-align: center;
		color: #ffffff;
		background: url("../imgs/button_off.jpg") no-repeat;
		background-position: right;
		display: block;
		margin: 2px 38px 0 0;
		}

#leftContent #layer:hover, #leftContent #layer.over
		{
		color: #000000;
		}

#main #rightContent
		{
		float: right;
		width: 830px;
		height: 460px;
		}

#main #rightContent #edge 
		{		
		float: right;
		width: 145px;
		height: 460px;
		background-color: #5C574C;
		}

/**
 * Product overview
 */
#productOverview {
		position: absolute;
		left: 0;
		z-index: 99;
		width: 960px;
		height: 400px;
		background-color: #545146;
		padding: 30px 20px;
		text-align: center;
		}

#productOverview a {
		display: block;
		margin: 35px 17px; 
		float: left;
		}

#productOverview img {
		border: 2px solid black;
		}

#productOverview span {
		display: block;
		text-align: center;
		}

#productOverview #thumb-1 {
		margin-left: 25px;
}

#productOverview #thumb-10 {
		margin-left: 50px;
}

/**
 * Content with pictures and/or text.
 */

#main #rightContent #centerContent 
		{
		float: left;
		width: 685px;
		height: 460px;
		background-position: left top; 
		background-repeat: no-repeat;
		color: #000000;
		}
		
#main #rightContent #centerContent #titleBackground
		{
		padding: 0;
		clear: both;
		background: url("../imgs/bg_title.png") repeat;
		margin: 10px;
		width: 660px;
		}
		
#main #rightContent #centerContent #textBackground
		{
		clear: both;
		background: url("../imgs/bg_text.png") repeat;
		margin-left: 10px;
		margin-right: 10px;
		width: 660px;
		color: #000000;
		}
		
#main #rightContent #centerContent .formContent
		{
		position: relative;
		clear: both;
		overflow: auto;
		margin-left: 0.8em;
		}
	
.formContent #button
		{
		border: solid 1px; 
		background-color: #000000; 
		color: #ffffff; 
		padding: 0;
		}
		
.formContent #button:hover, .formContent #button.over
		{
		background-color: #b3b3b3;
		}

.formContent .textFields
		{
		position: relative;
		float: right;
		width: 550px; 
		font-family: Verdana, sans-serif;
		margin-bottom: 0.5em;
		}

.formContent label
		{
		display: block;
		position: relative;
		float: left;
		margin-bottom: 0.5em;
		}

#main #rightContent #centerContent #textContent
		{
		position: absolute;
		top: 0;
		right: 145px;
		width: 245px;
		height: 460px;
		overflow: auto;
		display: block;
		}
		
#main #rightContent #centerContent #layerContent
		{
		position: absolute;
		right: 520px;
		width: 310px;
		height: 460px;
		}
		
		
#textContent #descriptionContent
		{
		padding: 25px 10px 0 20px;
		}

#descriptionContent a
		{
		color: #000000;
		font-size: 0.9em;
		}
		
#descriptionContent a:hover
		{
		color: #000000;
		}
		
/**
 * Footer.
 */
 
#whiteBar
		{
		background-color: #ffffff;
		position: relative;
		line-height: 5px;
   		width: 1000px;
		clear: both;
		}
		
#footer
		{
		position: relative;
		height: 50px;
   		width: 1000px;
		background-color: #a49d87;
		clear: both;
		}

/**
 * Correctly position magnolia bars.
 */

.mgnlMainbar, .mgnlMainbarPreview
		{
		margin-top: -25px;
		}

#centerContent #imageEditBar
		{
		width: 309px;
		}

#centerContent #descriptionEditBar
		{
		position: absolute;
		margin-left: 315px;
		}

#header #shapeImageNewBar
		{
		position: absolute;
		right: 0;
		top: 5px;
		width: 150px;
		z-index: 99;
		}