body {
	background: url(img/bodybg.gif);
	margin-top: 0px;
	font-family: Arial, Helvetica, Lucida Grande, Verdana, sans-serif;
	font-size: 12px; 
	line-height: 18px; 
	color: #fff;
}
a {
	text-decoration: none;
	color: #5ba30d;
	font-size: 12px; 
}
a:hover {
	text-decoration: none;
	color: #fff;
}
#wrap {
	position: relative; 
	text-align: left; 
	margin: 0 auto;
	width: 960px; 
	height: 780px;
	background: url(img/wrapperbg.gif) no-repeat 50% 0px;
}
#top {
	background: ;
	width: 711px;
	height: 144px;
}
#header {
	width: 456px;
	height: 144px;
	background: url(img/cs-logo.jpg);
	float: left;
	margin-left: 12px;
	}
#flash {
	float: left;
	width: 224px;
	height: 111px;
	background: ;
	margin: 16px 9px 16px 9px;
}
#content {
	background: ;
	width: 711px;
}
#navi {
	width: 225px;
	float: left;
	padding: 15px 0 0 0;
}
.nt {
	background: url(img/boxtop-1c.png);	
	width: 225px;
	height: 17px;
}
.nm {
	background: url(img/boxbg-1c.png);
	width: 225px;
}
.nb {
	background: url(img/boxbottom-1c.png);
	width: 225px;
	height: 17px;
}
#con {
	width: 474px;
	float: left;
	background: url(img/con.png) no-repeat;	
	margin-bottom: 30px;
}
#txtarea {
	width: 354px;
	height: 614x;
	padding: 40px 0 0 70px;
}
.ale {
	padding: 30px 0px 30px 75px;
}
#img {
	padding: 30px 0 0 27px;
}
p {
	color: #fff;
	font-family: arial, helvetica;
	font-size: 12px;
	font-weight: strong;
}
h1 {
	color: #7920a2;
	font-family: arial, helvetica;
	font-size: 16px;
	font-weight: strong;
}

h2 {
	color: #7920a2;
	font-family: arial, helvetica;
	font-size: 14px;
	font-weight: strong;
}

#vasen ul, #vasen li {
	display: block; 
	margin: 0; 
	padding: 0;
	list-style: none outside;
}
#vasen ul { 
	font-weight: bold; 
	margin: -12px 20px -12px -12px; 
}
#vasen li { 
	background: url(img/separator-1c.gif) no-repeat left top; 
	}
#vasen li a {
	display: block; 
	line-height: 18px; 
	color: #c8afd3; 
	overflow: visible; 
	text-decoration: none;
	padding: 12px 0 8px 20px; 
	border: 0; 
	background: url(img/nav-closed.png) no-repeat -3px 9px;
}
#vasen li a:hover {
	display: block; 
	line-height: 18px; 
	color: #fff; 
	overflow: visible; 
	text-decoration: none;
	padding: 12px 0 8px 20px; 
	border: 0; 
	background: url(img/nav-closed.png) no-repeat -3px 9px;
}
#o3 h3  {
	font-size: 16px;
}	

/* 


-------------------------------------------------------------- */



.tuote, .UserPictureItem {

	position: relative; float: left;

	width: 180px; height: auto;

	padding: 0 30px 18px;

}

.UserPictureItem { height: 207px; }



.tuotelista .first { clear: left; }

.tuote h2 { font-size: 12px; margin: 0; padding: 0; }

.ProductOutOfStock h2.FinProduct {

	text-indent: 43px;

	background: url(/files/cybershop/img/outoforder-tag.gif) no-repeat left 3px;

}

.ProductOutOfStock h2.EngProduct {

	text-indent: 82px;

	background: url(/files/cybershop/img/outoforder-tag-en.gif) no-repeat left 3px;

}

.tuote .tuotekuva, .UserPictureItem .tuotekuva { margin: 0 -24px; }

.tuote .tuotekuva a, .UserPictureItem .tuotekuva a {

	display: block; width: 180px; height: 180px;

	margin: 0; padding: 0; border: 0; text-align: center;

	vertical-align: middle; line-height: 174px;

}

.tuote .tuotekuva a img, .UserPictureItem .tuotekuva a img {

	display: inline; border: 1px solid #365810;

	margin: 0 auto; vertical-align: middle; line-height: 174px;

}

.tuote .tuotekuva a:hover img, .UserPictureItem .tuotekuva a:hover img { border-color: #5ba30d; }

.tuote dl {}

.tuote dt, .tuote dd {

	position: relative; float: left;

	width: auto; height: 18px; line-height: 18px;

	padding: 12px 0 6px; margin: 0;

	text-align: center; color: #6b792c;

}

.tuote dt, .tuote dd.list-price { display: none; }

.tuote dd.price { color: #ffde00; font-weight: bold; margin-right: 9px; }

.tuote dd.discount-price { color: #ff4c2f; font-size: 16px; }

.tuote dd.rating {

	width: 61px; text-indent: 9px;

	background: url(/files/cybershop/img/lista-rating-bg.png) no-repeat left top;

}

.tuote dd.comments {

	width: 57px;

	background: url(/files/cybershop/img/lista-comments-bg.png) no-repeat left top;

}





/* Tuotekortti

-------------------------------------------------------------- */



#tuotekortti { width: 100%; overflow: hidden; }



.lyhytkuvaus { padding-top: 18px; }

.lyhytkuvaus p { font-size: 14px; font-weight: bold; }



.vasen_3-3, .oikea_3-3 { position: relative; float: left; width: 360px; overflow: hidden; }



.arvostelu .bc { height: 36px; }

.arvostelu h4, .arvostelu .stara-maara {

	position: absolute; font-weight: normal; color: #2d540a;

	margin: 0; padding: 0; width: auto; display: inline;

	font-size: 11px; text-transform: none; letter-spacing: 0;

}

.arvostelu h4 { left: 24px; top: 27px; }

.arvostelu .stara-maara { right: 24px; top: 27px; text-align: right; }



.ProductRater {

	position: relative; float: left;

	list-style: none outside;

	margin: 4px 80px 0; padding: 0; border: 0;	

	width: 140px; height: 27px;

	background: url(/files/cybershop/img/stars.png) top left repeat-x;

}

.ProductRater li {

	padding: 0px; margin: 0px;

	width: 28px; border: 0;

	float: left;

}

.ProductRater li a {

	display: block;

	width: 28px; height: 27px;

	text-decoration: none;

	text-indent: -1000em;

	z-index: 20; position: absolute;

	padding: 0px; border: 0;

}

.ProductRater li a:hover {

	background: url(/files/cybershop/img/stars.png) left -54px;

	z-index: 2; left: 0px; border: 0;

}

.ProductRater .Rate-1 a { left: 0px; }

.ProductRater .Rate-1 a:hover { width: 28px; }

.ProductRater .Rate-2 a { left: 28px; }

.ProductRater .Rate-2 a:hover { width: 56px; }

.ProductRater .Rate-3 a { left: 56px; }

.ProductRater .Rate-3 a:hover { width: 84px; }

.ProductRater .Rate-4 a { left: 84px; }	

.ProductRater .Rate-4 a:hover { width: 112px; }

.ProductRater .Rate-5 a { left: 112px; }

.ProductRater .Rate-5 a:hover { width: 140px; }



.ProductRater li.CurrentRating-0, .ProductRater li.CurrentRating-1, .ProductRater li.CurrentRating-2, .ProductRater li.CurrentRating-3,

.ProductRater li.CurrentRating-4, .ProductRater li.CurrentRating-5 {

	background: url(/files/cybershop/img/stars.png) left -27px;

	position: absolute; height: 27px;

	display: block; text-indent: -1000em;

	z-index: 1; border: 0; margin: 0;

	padding: 0; top: 0px; left: 0px;

}

.ProductRater li.CurrentRating-0  { width: 0px; }

.ProductRater li.CurrentRating-1 { width: 28px; }

.ProductRater li.CurrentRating-2 { width: 56px; }

.ProductRater li.CurrentRating-3 { width: 84px; }

.ProductRater li.CurrentRating-4 { width: 112px; }

.ProductRater li.CurrentRating-5 { width: 140px; }



#tuotekortti .tuotekuva {}



#CurrentProductImage {

	display: block; width: 300px; height: 300px;

	margin: 0; padding: 0; border: 0; text-align: center;

	vertical-align: middle; line-height: 298px;

}

#CurrentProductImage img {

	display: inline; border: 1px solid #5c601a;

	margin: 0 auto; vertical-align: middle; line-height: 298px;

}

#CurrentProductImage:hover img { border-color: #bccc99; }



#ProductImageCaption {

	margin: 6px 0 18px; padding: 0;

	text-align: center; font-size: 11px;

}

#ProductImageCaption br { display: none; margin: 0; padding: 0; width: 0; height: 0; }

#ProductThumbnails {

	width: 304px; position: relative;

	overflow: hidden; height: auto;

	margin: 0 -4px 0 0; padding: 0;

	list-style: none outside;

}

#ProductThumbnails li {

	position: relative; float: left;

	width: 72px; height: 72px;

	margin: 0 4px 9px 0;

}

#ProductThumbnails li a {

	position: relative; display: block; float: left;

	width: 70px; height: 70px; line-height: 66px;

	border: 1px solid #5c601a; vertical-align: middle;

	text-align: center;

}

#ProductThumbnails li a:hover { border-color: #bccc99; }

#ProductThumbnails li a img { vertical-align: middle; line-height: 66px; display: inline; margin: auto; }



#tuotekortti dl.Prices, #tuotekortti dl.Availability { margin: 0; padding: 0; width: 100%; overflow: hidden; }

#tuotekortti dl.Prices dt, #tuotekortti dl.Prices dd,

#tuotekortti dl.Availability dt, #tuotekortti dl.Availability dd {

	position: relative; float: left;

	padding: 0 0 9px; margin: 0;

}

#tuotekortti dl.Availability dd.DeliveryTime { margin-left: 108px; }

#tuotekortti dl.Prices dt, #tuotekortti dl.Availability dt { width: 105px; margin-right: 3px; clear: left; }



#tuotekortti button.AddToCart { margin-left: 108px; }



#ProductCommentsList .comment { margin-bottom: -9px; }



textarea#ProductComment { width: 175px; height: 80px; }



.comment * { font-size: 11px; }

.comment *:last-child { margin-bottom: 0; }

.comment-header { position: relative; z-index: 5; padding-left: 54px; }

.comment-header * { display: inline; padding: 0; margin: 0; margin-right: 9px; }

.comment-header h3 { font-size: 11px; }

.comment-header span { font-size: 10px; color: #636e18; }



#ProductCommentForm .FormItem { padding-bottom: 9px; }

.tuote .tuotekuva, .UserPictureItem .tuotekuva {
	margin:0 -24px;
}

.box-1c {
	width:228px;
}
.box-1c, .box-1_5c, .box-2c, .box-3c {
	height:auto;
	margin:0 6px 6px;
	overflow:visible;
	padding:18px 0;
	position:relative;
	z-index:1;
}
/* Differently sized transparent boxes

-------------------------------------------------------------- */



.c-box { padding: 0 30px; }



.box-1c, .box-1_5c, .box-2c, .box-3c {

	position: relative; height: auto;

	margin: 0 6px 6px; padding: 18px 0;

	overflow: visible; z-index: 1;

}

.bt { height: 18px; margin-top: -18px; }

.bb { height: 18px; margin-bottom: -18px; }

.bc { height: auto;	margin: 0; padding: 0 24px; overflow: visible; }



.box-1c { width: 228px; }

.box-1c .bt { width: 228px;	background: url(/files/cybershop/img/boxtop-1c.png) no-repeat left top; }

.box-1c .bb { width: 228px; background: url(/files/cybershop/img/boxbottom-1c.png) no-repeat left bottom; }

.box-1c .bc { width: 180px; background: url(/files/cybershop/img/boxbg-1c.png) repeat-y left top; }



.box-1_5c { width: 348px; }

.box-1_5c .bt {	width: 348px;	background: url(/files/cybershop/img/boxtop-1_5c.png) no-repeat left top; }

.box-1_5c .bb { width: 348px;	background: url(/files/cybershop/img/boxbottom-1_5c.png) no-repeat left bottom; }

.box-1_5c .bc {	width: 300px;	background: url(/files/cybershop/img/boxbg-1_5c.png) repeat-y left top; }



.comment .box-1_5c .bt { height: 36px; margin-top: -36px; background-image: url(/files/cybershop/img/box-comment-top.png); }



.AdminComment p 	{ font-size: 1.2em; }

.AdminComment .comment-header h3 span 	{ font-size: 1.2em; color: #FFDE00; }



.box-2c { width: 468px; }

.box-2c .bt {	width: 468px;	background: url(/files/cybershop/img/boxtop-2c.png) no-repeat left top; }

.box-2c .bb { width: 468px;	background: url(/files/cybershop/img/boxbottom-2c.png) no-repeat left bottom; }

.box-2c .bc {	width: 420px;	background: url(/files/cybershop/img/boxbg-2c.png) repeat-y left top; }



.box-3c { width: 708px; }

.box-3c .bt {	width: 708px;	background: url(/files/cybershop/img/boxtop-3c.png) no-repeat left top; }

.box-3c .bb { width: 708px; background: url(/files/cybershop/img/boxbottom-3c.png) no-repeat left bottom; }

.box-3c .bc { width: 660px; background: url(/files/cybershop/img/boxbg-3c.png) repeat-y left top; }



.headerbox .bc * { margin: 0; padding: 0; }