body {
	text-align: center;
	background: url(../images/shop/_gradientbg.jpg) repeat-x #f3efe6;
	margin: 0px;
	padding: 20px 0px 0px 0px;

}

/*********************************
FORMS
*********************************/
.inputselect {
	background: #f3f3f3;
	border: 1px solid #e7e7e7;
	width: 200px;
	height: 16px;
	font-size: 12px;
}
.buttonsubmit {
	background: #f3f3f3;
	border: 1px solid #e7e7e7;
	border-bottom: 1px solid #C7C7C7;
	border-right: 1px solid #C7C7C7;
	width: 60px;
	height: 18px;
	font-size: 12px;
}
.palauteTextField {
	background: #f3f3f3;
	border: 1px solid #e7e7e7;
	width: 200px;
	height: 16px;
	font-size: 12px;
	margin: 0 0 6px 10px;	
}
.palauteTextArea {
	background: #f3f3f3;
	border: 1px solid #e7e7e7;
	width: 200px;
	font-family: Arial;
	font-size: 12px;
	margin: 0 0 6px 10px;	
}
.palautesubmit {
	background: #f3f3f3;
	border: 1px solid #e7e7e7;
	border-bottom: 1px solid #C7C7C7;
	border-right: 1px solid #C7C7C7;
	margin: 0 0 6px 10px;
	width: 100px;
	height: 18px;
	font-size: 12px;
}
/**/

a:link, a:visited {
	color: #483d32;
	text-decoration: none;
}
a:hover {
		color: #000000;
		text-decoration: underline;
}
/*********************************
MYYMALATABLES
*********************************/

td { color: #252525; }

table a:link, table a:visited {
		color: #252525;
		text-decoration: none;
}
table a:hover {
		color: #000000;
		text-decoration: none;
}

table.myymalalista {
	width: 100%;
	padding: 0px 10px 10px 6px;
	margin: 20px 0 20px 0;
}
	table.myymalalista tr.tr0{
		background: #ffffff;
	}
	table.myymalalista tr.tr1{
		background: #f3f3f3;
	}
	table.myymalalista td {
		padding: 6px 10px 6px 8px;
		color: #252525;
	}
		
table.myymalainfo {
	width: 100%;
	padding: 0px 10px 10px 6px;
	margin: 20px 0 20px 0;
}
	table.myymalainfo td{
		vertical-align: top;
		padding: 3px 10px 3px 8px;
		color: #252525;
	}
	table.myymalainfo td.divider{
		margin: 16px 0 0 0;
	}
	table.myymalainfo td.myymalatd{
		background: #f5f5f5;
	}
	

/**/
	
h1, h2 {
	font-family: Garamond;
}

div, p, span {
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color: #000;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

ul {
	list-style-position: inside;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color: #000;
	margin: 0 0 0 10px;
	padding: 0px;
	border: 0px;
}

li {
	list-style-position: inside;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color: #000;
	margin: 0px;
	padding: 0px;
	border: 0px;
}


a.mainnavi:link {
	
	font-family: Arial;
	font-size: 11px;
	color: #414141;
	text-decoration: none;
	margin-right: 40px;
	
}
a.mainnavi:visited {
	
	font-family: Arial;
	font-size: 11px;
	color: #414141;
	text-decoration: none;
	margin-right: 40px;
}
a.mainnavi:hover {
	
	font-family: Arial;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	margin-right: 40px;
}

a.mainactive {
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	color: #414141;
	text-decoration: none;
	margin-right: 40px;
	
}

div.clear {
	clear: both;
}

#superwrapper {
	background-image:url(../images/shop/_glow_bg.jpg);
	background-repeat: no-repeat;
	background-position:center;
	padding-top: 20px;
	min-height: 812px;
}

#wrapper {
	width: 958px;
	margin: 0px auto;
	text-align: left;
}

#topborder {
	width: 958px;
	height: 8px;
	background-image:url(../images/shop/_border-top.png);
	background-repeat:no-repeat;
	behavior: url(iepngfix.htc);
}

#bottomborder {
	width: 958px;
	height: 16px;
	background-image:url(../images/shop/_border-bottom.png);
	background-repeat:no-repeat;
	behavior: url(iepngfix.htc);
}

#mainbox {
	width: 958px;
	min-height: 300px;
	background-image:url(../images/shop/_border-right.png);
	background-repeat:repeat-y;
	background-position:right;
}

#sitecontent {
	width: 950px;
	min-height: 200px;
	background-color:#FFFFFF;
}
#logo {
	background-image: url(../images/shop/_logo.jpg);
	background-repeat:no-repeat;
	width: 399px;
	height: 68px;
	margin-bottom: 4px;
	margin-left: 8px;
	margin-right: 2px;
	
	float: left;
}
#kaikkeakaunista {
	background-image:url(../images/shop/_top-kaikkeakaunista.jpg);
	background-repeat:no-repeat;
	width: 531px;
	height: 68px;
	margin-bottom: 4px;
	margin-left: 2px;
	margin-right: 8px;
	
	float: left;
}

#mainmenu {
	background-image: url(../images/shop/_mainmenu-bg.jpg);
	background-repeat:no-repeat;
	width: 934px;
	height: 20px;
	margin-left: 8px;
	margin-bottom: 8px;
	padding-left: 8px;
	
}

#menupadder {
	padding-top: 3px;
}

#keskinosto_etusivu {
	width: 934px;
	height: 174px;
	margin-bottom: 8px;
}

#tyylintaitajat_banner {
	width: 308px;
	height: 174px;
	margin-right: 2px;
	float: left;
}
#keskinostocontent {
	width: 622px;
	height: 174px;
	margin-left: 2px;
	float: left; 
}
	#keskinostocontent img {
		float: right;
	}
	
#keskinostoteksti {
	position: absolute;
	width: 310px;
	height: 174px;
}
	#keskinostoteksti p {
		padding: 30px 8px 30px 8px;
		font-family: Arial;
		color: #2d4550;
		font-size:11px;
		line-height: 180%;
		letter-spacing: 1.2px;
	}
	
#alanostocontainer {
	width: 934px;
	min-height: 100px;
	margin-left: 8px;
}

div.alanosto_308 {
	float: left;
	width: 308px;
}
div.alanosto_310 {
	float: left;
	width: 310px;
	min-height: 125px;
	margin-left: 4px;
	margin-right: 4px;
}

/****************************************************************
RUSKEAT ALANOSTOT
****************************************************************/

div.alanosto_brown_308 {
	width: 308px;
	height: 45px;
	background-image:url(../images/shop/_alanosto-title-brown.jpg);
	background-repeat:no-repeat;
	 
	
}
	div.alanosto_brown_308 h2, div.alanosto_brown_308 h1 {
		margin: 0px;
		padding-top: 10px;
		color: #fff;
		font-family: Garamond;
		font-size: 19px;
		text-align: center;	
		text-transform: uppercase;	
	}
	div.alanosto_brown_308 p, div.alanosto_brown_308 span {
		margin-top: 0px;
		padding-bottom: 3px;
		color: #fff;
		font-family: Arial;
		font-size: 6pt;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	
	
div.alanosto_brown_310 {
	width: 310px;
	height: 45px;
	background-image:url(../images/shop/_alanosto-title-brown-wider.jpg);
	background-repeat:no-repeat;
	
	
}
	div.alanosto_brown_310 h2, div.alanosto_brown_310 h1 {
		margin: 0px;
		padding-top: 10px;
		color: #fff;
		font-family: Garamond;
		font-size: 19px;
		text-align: center;
		text-transform: uppercase;
		
		
	}
	div.alanosto_brown_310 p, div.alanosto_brown_310 span {
		margin-top: 0px;
		padding-bottom: 3px;
		color: #fff;
		font-family: Arial;
		font-size: 6pt;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	
div.alanosto_brown_content {
	background-color: #f3f3f3;
	margin-bottom: 4px;
	height: 80px;
	overflow: hidden;
}
	div.alanosto_brown_content p {
		color: #393939;
		padding: 8px;
		line-height: 140%;
		letter-spacing: 0.7px;
		font-size: 11px;
	}
	
	
/****************************************************************
HARMAAT ALANOSTOT
****************************************************************/

div.alanosto_grey_308 {
	width: 308px;
	height: 45px;
	background: #dddddd url(../images/shop/_alanosto-harmaa-bg.jpg) repeat-x;	 
	
}
	div.alanosto_grey_308 h2, div.alanosto_grey_308 h1 {
		margin: 0px;
		padding-top: 7px;
		color: #7f7e7e;
		font-family: Garamond;
		font-size: 19px;
		text-align: center;
		text-transform: uppercase;		
	}
	div.alanosto_grey_308 p, div.alanosto_grey_308 span {
		margin-top: 1px;
		padding-bottom: 2px;
		color: #565656;
		font-family: arial;
		font-size: 6pt;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	
div.alanosto_grey_310 {
	width: 310px;
	height: 45px;
	background:  #dddddd url(../images/shop/_alanosto-harmaa-bg.jpg) repeat-x;	 
	
}
	div.alanosto_grey_310 h2, div.alanosto_grey_310 h1 {
		margin: 0px;
		padding-top: 7px;
		color: #7f7e7e;
		font-family: Garamond;
		font-size: 19px;
		text-align: center;
		text-transform: uppercase;		
	}
	div.alanosto_grey_310 p, div.alanosto_grey_310 span {
		margin-top: 1px;
		padding-bottom: 2px;
		color: #565656;
		font-family: arial;
		font-size: 6pt;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 1px;
	}

div.alanosto_grey_content {
	background-color: #eeeeee;
	margin-top: 3px;
	margin-bottom: 4px;
	height: 89px;
	overflow: hidden;
}
	div.alanosto_grey_content p {
		color: #603913;
		padding: 8px;
		line-height: 130%;
	}
	
/****************************************************************
ALASIVUN CONTENT-ALUE
****************************************************************/

#columncontainer {
	background-image: url(../images/shop/_alasivu_palstat.jpg);
	background-repeat:repeat-y;
	min-height: 100px;
	margin-left: 8px;
	margin-bottom: 8px;
}
#circlelogo {
	background: url(../images/shop/_circlelogo.jpg) no-repeat bottom right;
	margin-right: 8px;
}

#submenu {
	width: 179px;
	min-height: 100px;
	/*margin-left: 8px;*/
	margin-bottom: 8px;
	
	float: left;
}

	ul.submenu, ul.submenufirst {
		list-style: none;
		font-family: arial;
		color: #252525;
		line-height: 125%;
		padding-left: 8px;
		margin: 0;
	}

	li.submenuheading {
		font-family: arial;
		color: #252525;
		font-size: 13px;
		/* text-transform: uppercase; */
		padding: 8px 2px 5px 3px;
	
	}
	li.submenuitem {
		padding: 3px 2px 2px 9px;
		
	}
	li.submenuitem:hover {
		padding: 1px 2px 0px 9px;
		border-top: 2px solid #e8e8e8;
		border-bottom: 2px solid #e8e8e8;
		background: url(../images/shop/_submenu_hover2.jpg) repeat-y right;
		
	}
	li.submenuactive {
		padding: 1px 2px 0px 9px;
		border-top: 2px solid #e8e8e8;
		border-bottom: 2px solid #e8e8e8;
		background: url(../images/shop/_submenu_hover2.jpg) repeat-y right;
		
	}
	#submenu a:link, #submenu a:visited {
		font-family: arial;
		color: #414141;
		font-size: 13px;
		text-decoration: none;
	}
	#submenu a:hover {
		color: #000;
	}
	#submenu a.activestate {
	 	color: #000;
	}
	
#maintitle {
	padding: 4px 0px 0px 5px;
	margin: 0px;
	margin-bottom: 8px;
	background: #f3f3f3;
	border-bottom: 1px solid #e7e7e7;
}	
	#maintitle img{
		border: none;
	}
#maincontent {
	width: 566px;
	min-height: 250px;
	margin-left: 4px;
	margin-right: 4px;
	float: left;
}
	#maincontent p, #maincontent span{
		padding: 0px 10px 10px 6px;
		color: #252525;
		line-height: 125%;
	}
	
	#maincontent h1, #maincontent h2{
		padding: 4px 0px 0px 5px;
		margin: 0px;
		margin-bottom: 8px;
		font-family: Garamond;
		font-size: 19px;
		color: #483d32;
		background: #f3f3f3;
		border-bottom: 1px solid #e7e7e7;
	}
	#maincontent h3, #maincontent h4, #maincontent h5{
		padding: 4px 0px 0px 5px;
		margin: 0px;
		margin-bottom: 8px;
		font-family: Garamond;
		font-size: 16px;
		color: #483d32;
		background: #f3f3f3;
		
	}
	#maincontent img {
		border: none;
	}
	#maincontent p.newsheading {
		font-size: 13px;
		font-weight: bold;
		background: url(../images/shop/_news-title-bg.jpg) repeat-y right #f3f3f3;
		border-bottom: 1px solid #e7e7e7;
		padding: 3px 0px 1px 0px; 
		margin: 0px 10px 10px 6px;
	}
	#maincontent p.newsheading a:link, #maincontent p.newsheading a:visited{
		text-decoration: none;
	}

#rightside {
	width: 165px;
	min-height: 100px;
	margin: 8px;
	float: left;
}
	#rightside img {
		border: none;
	}
	
	#rightside h3{
		margin: 0 0 10px 0;
		font-family: Garamond;
		font-size: 16px;
		color: #483d32;
		border-bottom: 1px solid #e7e7e7;
	}
	#rightside p, #rightside ul {
		color: #414141;
		line-height: 125%;
		font-size: 11px;
	}
	
	#rightside a:link, #rightside a:visited {
		text-decoration: none;
		
		border-bottom: 1px dotted #999999;
		
	}
	#rightside a:hover {
		text-decoration: none;
		border-bottom: 1px solid #999999;
	}
		
/****************************************************************
FOOTER
****************************************************************/

#footer {
	width: 934px;
	height: 20px;
	margin-left: 8px;
	background-image: url(../images/shop/_footerbg.jpg);
	background-repeat:no-repeat;
}
	#footer p, #footer span{
		color: #252525;
		font-family: arial;
		font-size: 10px;
		text-align: center;
		padding-top: 4px;
	}