/* Start of CMSMS style sheet 'base' */
body
	{
		background: white;
min-width:900px;
 
	}
#wrapper
{
width:880px;
position:relative;
left:50%;
margin-left:-440px;
}
#Header
	{
		xposition:absolute;
		xleft:0px;
		xtop:0px;
		background: black url('uploads/images/layout/Header.jpg') no-repeat left center;
		width:880px;
		height:238px;
		z-index:1;
	}
#Content
	{
		xposition:absolute;
		background-color: #DEDEDE;
		width:880px;
		min-height:150px;
		top:238px;
		z-index:2;
	}

#Column
	{
		padding-left:20px;
		padding-right:20px;
		width:880px;
	}	
#Content .LeftMenu
	{
		width:400px;
		float:left;
	}

#Content .ProdLeft
	{
		width:200px;
		float:left;
	}

#Content .ProdRight
	{
		width:580px;
		float:right;
		xbackground-color: white;
		min-height:300px;
		padding-top: 20px;
	}


#Content .Single
	{
		width:746px;
		float:left;
	}
	
#Content .RightMenu
	{
		width:370px;
		float:Right;
	}

#Content .Blog
	{
		float:left;
		width: 400px;
		xpadding-top:30px;
	}
#Content .BlogMenu
	{
		width:300px;
		float:right;
		min-width: 100px;
	}

#Footer
	{
		xfloat:left;
		clear:both;
		background: white url('uploads/images/layout/Footer.jpg') no-repeat left top;
		width:100%;
		max-width:900px;
		height:50px;
		font-size:11px;
		clear:both;
	}
	
#Header,#Footer,#Content
	{
		border-right: 4px solid #EBEBEB;
                border-left: 4px solid #EBEBEB;
	}

#MainMenu
	{
		position:absolute;
		top: 10px;
		right:20px;
		width:300px;
		list-style-type:none;
		padding:0px;
		margin:0px;
		xbackground-color:Green;
	}

#MainMenu li{float:right; clear:both;}
#MainMenu li h1
	{
		color:white;
		font-size:1.5em;
		padding:0px;
		margin:0px;
		line-height:1.1em;
		padding-top:7px;	
	}
	
#MainMenu a
	{
		display:block;
		color:white;
		padding-right:24px;
		background: transparent url(uploads/images/layout/bullet2_on1.gif) no-repeat;
		background-position: right 4px;
	}
	
#MainMenu a.sel
	{
		
		background: transparent url(uploads/images/layout/bullet2_off1.gif) no-repeat;
		background-position: right 4px;
	}
	
#MainMenu a:hover
	{
		background: transparent url(uploads/images/layout/bullet2_off1.gif) no-repeat;
		background-position: right 4px;
	}
	
#Footer address 
	{
		float:left;
		width:180px;
		left:20px;
		top:30px;
		
	}
	
#Footer address.address 
	{
		
		width:180px;
		
		
	}
#Design
	{
		Position:absolute;
		right:0px;
		top:0px;
		z-index:0;
	}

h1
	{
		font-size:20px;
		padding-bottom:10px;
		color:#665938;
	}
h2
	{
		font-size: 16px;
		font-weight:normal;
		padding-bottom:10px;
	}
		
p,form,label,address{
	font-size:12px;
}

div.Go
{
	background: transparent url(uploads/images/layout/bullet1_off.jpg) top right no-repeat;
	float:right;
	padding-left: 5px;
	margin-top:-5px;
}

ul#Select-Product li h1 
{
	padding:0px;
}

ul#Select-Product li
{
	padding-top:0px;
	padding-bottom: 15px;
}

ul#Select-Product li a img.Preview 
{
	padding:0px;
	margin:-3px;
	border: 3px solid #000000;
}

ul#Select-Product li a span 
{
	xbackground-color: Yellow;
	display:block;
	width:340px;
	padding-top: 10px;
	text-align:right;
	color:black;
	text-decoration:none;
	
}

ul#Select-Product
{
	padding-top: 0px;
}

ul#Select-Product:first-child
{
	padding-top: 0px;
}

ul#Select-Product li
{
	padding-top: 0px;
	padding-bottom: 50px;
}

ul#Select-Product a:hover div.Go 
{
	background: transparent url(uploads/images/layout/bullet1_on.jpg) top right no-repeat;
}

.Border, .Blog img
{
	padding:2px;
	border: 1px solid #000000;
}

#Flags{padding-left:10px;padding-top:5px;}

/*************************************************/
ul.P_cat
	{
		margin:0px;
		xbackground-color: #9F7B59;
		width:200px;
		padding-top:20px;
		padding-bottom: 20px;
	}
li.Levels a	
{
	display: block;
	color:#4D5820;
	font: bold 12px arial;
	text-decoration: inherit;
	
}
li.Level0 a
	{
		xbackground-color:#586C7A;
		color:white;
		xcolor:#4C5E46;
		text-align: left;
		font: bold 16px arial;
	}
li.Level1 a
	{
		color:#4C5E46;
		text-align: left;
		font: bold 14px arial;
		padding-left: 15px;
	}
li.Level2 a,li.Level3 a,li.Level4 a,li.Level5 a,li.Level6 a,li.Level7 a,li.Level8 a,li.Level9 a,li.Level10 a,
	{
		color:#4D5820;
		font: bold 12px arial;
		padding-left: 25px;
	}
	
.Tuote
	{
		width: 130px;
		padding:10px;
		position:relative;
		float:left;
	}
.Tuote img
	{	
		max-height: 270px;
		width: 130px;
		height:75px;
		
	}
.Tuote span
	{
		width: 130px;
		xheight: 20px;
		overflow:hidden;
		position:absolute;
		background-color: white;
		left:10px;
		top:10px;
		z-index: 111;
		color:black;
		font-weight: bold;
		font-size: 13px;
		margin: 8px;
		padding: 5px;
		filter:alpha(opacity=80);
		-moz-opacity:.80;
		opacity:.80;
	}
	
.Tuote div.Kuvaus
	{
		width: 130px;
		height: 70px;
		overflow:hidden;
	}

.Tuote div.Kuvaus p
	{
		font-size: 11px;
		clear:both;
	}

.Tuote div.Hinta
	{
		width: 60px;
		float:right;
		height: 20px;
		overflow:hidden;
		text-align: left;
		font-size: 12px;
		
	}
.Tuote div.Tuotenro
	{
		width: 60px;
		float:left;
		height: 20px;
		overflow:hidden;
		text-align: left;
		font-size: 12px;
		
	}
div.Floater
	{
		
		height:100px;
		width:180px;
		margin:auto;
		background-color: white;
		padding: 10px;
		
	}
ul.Path li 
	{
		display:inline;
		list-style-type: none;
	}

ul.Path li a 
	{
		padding: 3px;
		font-size: 12px;
		color:black;
	}

ul.Path li a:hover 
	{
		xcolor:black;
	}
	
a
	{
		text-decoration:underline;
	}

a:hover
	{
		color:white;
		text-decoration: none;
	}

.BlogMenu ul
	{
		padding-left:20px;
	}
.BlogMenu ul li div
	{
		
		padding-top:5px;
		padding-bottom:0px;
		padding-left:0px;
		list-style-type: disc;
		text-decoration: none;
		font-size: 14px;
		font-weight: bold;
	}
/*************************************************/
/* End of 'base' */