* { margin: 0px; padding: 0px; }

.clear { clear: both; }

/* Page elements */
#debug { clear: both; }
#debug { margin-top:10px; }
#debug > code { color:#505050;background-color:#f5f5f5;padding:2px;border-top:1px solid gray;font-size:11px; }

#messagewrapper { margin: 0 auto; width: 100%; overflow: hidden; text-align: center; vertical-align: middle; }
#messagecontainer div { margin: 0 auto; overflow: hidden; font-weight: bold; margin: 0px; text-align: left; vertical-align: middle; padding-top: 8px; padding-bottom: 8px; opacity: 0.8; position: relative; z-index: 115; }
#messagecontainer .message { padding-left: 8px;  background: #bef4ad; vertical-align: middle; }
#messagecontainer .error { padding-left: 8px;  background: #f1a5a5; border-bottom: red; border-top: red; vertical-align: middle;  color: #202020; }

/* page tabs */
ul#tabs { list-style-type:none; clear: both; margin-bottom: 16px; }
ul#tabs li { text-align: center; display:block; float:right; height:27px; margin: 2px; padding-left: 0px; padding-right: 0px; border-bottom: 1px dashed #9ad46e;  }
ul#tabs li { text-align: center; display:block; float:right; height:27px; margin: 2px; padding-left: 0px; padding-right: 0px; border-bottom: 1px dashed #9ad46e;  }
ul#tabs li a { padding-left: 8px; padding-right: 8px; display:block; line-height:32px; text-decoration:none; height:27px; font-weight: bold; }

body {
	background-color: #9CD76B;
	background-image: url(/static/site/keskipalkki.png);
	background-repeat: repeat-y;
	background-position: top center;                                           
}

#copy { 
	text-align: center;
	padding-top: 10px;
	font-weight: bold;
	font-size: 11px;
}
#header, #page, #footer {
	width: 945px;
	margin: 0 auto;
}
#header {
	height: 373px;
	background-image: url(/static/site/ylapalkki.png);
	background-repeat: no-repeat;
}
#footer {
	clear: both;
	height: 225px;
	background-image: url(/static/site/alapalkki.png);
	background-repeat: no-repeat;
}

#left, #right { float: left; padding: 0px; margin: 0px; }
#left {
	width: 210px;
	padding-left: 64px;
}
#right {
	width: 610px;
	padding-top: 24px;
}

h1 { vertical-align: middle; text-align: center; margin-bottom: 24px; }

#delivery {
	width: 188px;
	height: 385px;
/*	background-image: url(/static/site/maksubannerisvm.png);*/
	background-image: url(/static/site/maksubannerikesa.png);
	background-repeat: no-repeat;	
	margin-left: 16px;
}

#payment {
	width: 150px;
	height: 242px;
	background-image: url(/static/site/checkout.gif);
	background-repeat: no-repeat;	
	margin-left: 24px;
	margin-bottom: 32px;
	margin-top: 16px;
}

#innerpage blockquote { margin-left: 32px; }
#innerpage p ul li { margin-left: 16px; }
#innerpage p ul { padding-left: 16px; list-style-type: none; }
#innerpage h3 { margin-top: 16px; margin-bottom: 8px; }
#innerpage p { margin-bottom: 16px; }

/* left menu */
.menu-top, #menu-mid, #menu-bottom {
	width: 199px;
}
.menu-topnomush {
	margin-top: 16px;
	background-image: url(/static/site/menutopnomush.png);
	background-repeat: no-repeat;
	height: 45px;
}
.menu-top {
	background-image: url(/static/site/menutop.png);
	background-repeat: no-repeat;
	height: 108px;
}
.menu-mid {
	background-image: url(/static/site/menumid.png);
	background-repeat: repeat-y;
	padding-left: 32px;
}

.menu-mid ul li a {
	padding-left: 8px;
	line-height: 18px;
}
.menu-mid ul li a:hover {
	background-image: url(/static/site/menunuoli.png);
	background-repeat: no-repeat;
	background-position: center left;
}

.active a { 
	text-decoration: underline;
	background-image: url(/static/site/menunuoli.png);
	background-repeat: no-repeat;
	background-position: center left;	
}


.menu-mid ul {
	list-style-type: none;
}
.menu-bottom {
	background-image: url(/static/site/menubottom.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 45px;
}

body, #wrap { font-size: 10pt; font-family: "Trebuchet MS", "Lucida Grande", verdana, arial, helvetica, sans-serif; margin: 0px; padding: 0px; overflow: none; color: #2a2a2a; }
a:hover { text-decoration: none; }
a:hover, a:active { color: #e14064; }
a { text-decoration: none; color: #005f3e; }
a img { border: none; }

/*  Headings */
h1, h2, h3, h4, h5, legend {
	font-weight: normal;
	letter-spacing: -1px;
	margin-bottom: 4px;
	margin-top: 8px;
	color: #E33C64;
}

blockquote {
	margin-left: 16px;
}

h1 { font-size: 20px; line-height: 20px; margin-top: 8px; }
h2 { font-size: 18px; line-height: 18px; }
h3, legend { font-size: 16px; line-height: 14px; }
h4 { font-size: 14px; margin: 0; }
h5 { font-size: 12px; margin: 0; }
h1 + p, h2 + p { margin-bottom: 16px; }
b, strong { font-weight: bold; }
legend { padding: 0px; margin: 0px; }
span[title] { border-bottom: 1px dashed #808080; }

/* Fields */
input[type="text"], input[type="password"], textarea, select { padding: 2px; border: 1px solid #d7d7d7; }
input[type="text"], input[type="password"] { padding: 4px; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border: 1px solid #888866; }
option { border-bottom: 1px dotted #d7d7d7; }
input#issue_subject { font-size: 200%; width: 90%; }

/* forms */
form, fieldset { margin: 0; padding: 0; border: none; }
input, textarea, select { font-family: "Trebuchet MS", Tahoma, Verdana, Helvetica, sans-serif; font-size: 13px; color: #333333; }
form { min-width: 500px; }
form fieldset { clear: both; }
form fieldset legend { font-weight:bold; }
form label { display: block; float: left; width: 250px; margin: 8px 0 0; text-align: left; clear: both;  }
form input, form textarea, form checkbox { width: auto; margin-top: 4px; clear: both; }
form input { clear: right; }

fieldset select { min-width: 175px; } 

/* tables */
table { width:100%; border-spacing: 0px 1px; }
table thead tr th { text-align: left; padding: 4px; }
table tbody tr td,table tfoot tr td { padding: 4px; }
table tbody tr td { border-bottom: 1px dashed #9ad46e; } 
table thead tr th { border-bottom: 1px dashed #e14064; } 

/* Shop-specific css */

#fieldset-company { display: none; }

.site-path a {  
	background-image: url(/static/site/nuoli.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 16px;
	padding-right: 8px;
}

.checkout-1 {
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px dashed #e14064;
}

.bright { color: #E33C64; }

/* order process image bar */
.order-process {
	list-style-type: none;
	clear: both; 
	margin-bottom: 100px;
}
.order-process li {
	float: left;
}
.step1 {
	width: 140px;
	height: 106px;
	background-image: url(/static/site/maksupalkki.png);
	background-repeat: no-repeat;	
	background-position: 0px 0px;
}
.step2 {
	width: 150px;
	height: 106px;
	background-image: url(/static/site/maksupalkki.png);
	background-repeat: no-repeat;	
	background-position: -140px 0px;
}
.step3 {
	width: 148px;
	height: 106px;
	background-image: url(/static/site/maksupalkki.png);
	background-repeat: no-repeat;	
	background-position: -287px 0px;
}
.step4 {
	width: 131px;
	height: 106px;
	background-image: url(/static/site/maksupalkki.png);
	background-repeat: no-repeat;	
	background-position: -435px 0px;
}
.step1.process-active {
	background-position:  0px -106px;
}
.step2.process-active {
	background-position: -140px -106px;
}
.step3.process-active {
	background-position: -287px -106px;
}
.step4.process-active {
	background-position: -435px -106px;
}

.order-paid { background-color: #bfe7a1; }

dl dt {
	font-weight: bold;
}
dl dd {
	margin-top: 8px;
/*	margin-left: 32px;*/
	margin-bottom: 8px;
	padding: 4px;
	margin-right: 4px;
	background-color: #bfe7a1;
	border-bottom: 1px dashed #00a24c;
	color: black;
}

.product { float: left; width: 185px; height: 270px; border: 1px dashed #cbcbcb; text-align: center; margin-right: 8px; margin-bottom: 8px; }
.product h3 { font-size: 14px; font-weight: bold; }
.product dl .product-description, .product dl .product-manufacturer, .product dl .product-brand, .product dl .product-number { display: none; }
.productImage { height: 160px; }
dt.product-price { display: none; }
dd.product-price { background-color: transparent; width: 170px; text-align: center; margin-left: 0px; border: 0px; font-weight: bold; color: #e14064; }

dt.product-price-offer { display: none; }
dd.product-price-offer { background-color: transparent; text-align: center; margin-left: 0px; border: 0px; font-weight: bold; color: #e14064; }

.cart-increase, .cart-decrease {
	color: transparent;
	padding-top: -300px;
	width: 20px;
	height: 20px;
	float: left;
	overflow: none;
}
.cart-increase {
	background-image: url(/static/site/plus.png);	
}
.cart-decrease {
	margin-left: 8px;
	background-image: url(/static/site/miinus.png);
}

.hilite { color: #e14064; }
.productImages { float: left; }
.productInfo, .productInfo-stock { width: 300px; float: right; }
.toCart { float: right; }

.checkout-div { 
	text-align: center; 
	margin-top: 30px;
	clear: both;
}
.checkout-p { margin-top: 16px; } 
.checkout-p a { 
	color: transparent;
	font-size: 10px; 
	background-image: url(/static/site/kassalleoff.png);
	background-repeat: no-repeat;
	background-position: center middle;
	padding-left: 70px;
	padding-right: 70px;
	padding-top: 20px;
	padding-bottom: 27px;
}
.checkout-p a:hover { 
	color: transparent;
	background-image: url(/static/site/kassalleon.png);
	background-repeat: no-repeat;
	background-position: center middle;
}
.checkout-clear { font-size: 12px; } 
.checkout-clear a { font-size: 12px; background-image: none; padding: 0px; }

.center { text-align: center; }

#header-menu { 
	float: left;
	margin-top: 341px;
	margin-left: 54px;
}

	#header-menu ul li a {
		line-height: 27px;
		background-color: transparent;
		display: block; /* hide text nav */
		overflow: none;
		font-size: 8px;
	}

	#nav-1 {
		width: 70px;
		height: 27px;
		background-image: url(/static/site/ylapalkkilinkit.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
	}
		#nav-1:hover {
			width: 70px;
			height: 27px;
			background-image: url(/static/site/ylapalkkilinkit.png);
			background-repeat: no-repeat;
			background-position: 0px -27px;
		}
	#nav-2 {
		width: 110px;
		height: 27px;
		background-image: url(/static/site/ylapalkkilinkit.png);
		background-repeat: no-repeat;
		background-position: -70px 0px;
	}
		#nav-2:hover {
			width: 110px;
			height: 27px;
			background-image: url(/static/site/ylapalkkilinkit.png);
			background-repeat: no-repeat;
			background-position: -70px -27px;
		}		
	#nav-3 {
		width: 90px;
		height: 27px;
		background-image: url(/static/site/ylapalkkilinkit.png);
		background-repeat: no-repeat;
		background-position: -180px 0px;
	}
		#nav-3:hover {
			width: 90px;
			height: 27px;
			background-image: url(/static/site/ylapalkkilinkit.png);
			background-repeat: no-repeat;
			background-position: -180px -27px;
		}			
	#nav-4 {
		width: 105px;
		height: 27px;
		background-image: url(/static/site/ylapalkkilinkit.png);
		background-repeat: no-repeat;
		background-position: -270px 0px;
	}
		#nav-4:hover {
			width: 105px;
			height: 27px;
			background-image: url(/static/site/ylapalkkilinkit.png);
			background-repeat: no-repeat;
			background-position: -270px -27px;
		}				
	#nav-5 {
		width: 145px;
		height: 27px;
		background-image: url(/static/site/ylapalkkilinkit.png);
		background-repeat: no-repeat;
		background-position: -375px 0px;
	}
		#nav-5:hover {
			width: 145px;
			height: 27px;
			background-image: url(/static/site/ylapalkkilinkit.png);
			background-repeat: no-repeat;
			background-position: -375px -27px;
		}				
	#nav-6 {
		width: 66px;
		height: 27px;
		background-image: url(/static/site/ylapalkkilinkit.png);
		background-repeat: no-repeat;
		background-position: -520px 0px;
	}
		#nav-6:hover {
			width: 66px;
			height: 27px;
			background-image: url(/static/site/ylapalkkilinkit.png);
			background-repeat: no-repeat;
			background-position: -520px -27px;
		}						

#header-menu ul {
	list-style-type: none;
}
#header-menu ul li {
	float: left;
}

#header-cart {
	float: right;
	margin-top: 346px;
	margin-right: 56px;
}

.cart-snipplet { 
	line-height: 16px;
	background-image: url(/static/site/cart.png);
	background-repeat: no-repeat;
	padding-left: 24px;
}
.cart-snipplet a { color: white; }
.cart-snipplet a:hover { text-decoration: underline; }

.sort-desc { 
	line-height: 16px; 
	padding-left: 16px; 
	background-image: url(/static/site/nuolialas.png); 
	background-repeat: no-repeat;
}
.sort-asc { 
	line-height: 16px; 
	padding-left: 16px; 
	background-image: url(/static/site/nuoliylos.png); 
	background-repeat: no-repeat;
}

#cart-amount {
	background-image: url(/static/site/ostoskori.png); 
	background-repeat: no-repeat;	
	background-position: top right;
	height: 23px;
	line-height: 23px;
	padding-left: 0px;
	margin-left: -8px;
	margin-right: 8px;	
}
#cart-amount-left {
	margin-left: 0px;
}
.label-short {
	width: 180px;
}

#productPageBack {
	background-image: url(/static/site/nuolivasen.png); 
	background-repeat: no-repeat;	
	height: 14px;
	line-height: 14px;
	background-position: 20px 0px;
	padding-left: 40px;
	margin-top: 16px;
}

.alt { background-color : #9CD76B; font-weight: bold; }
.alt2 { background-color: #bed9a8; }

#kokotaulukko { text-align: center; }

/* these are the << >> buttons in the product page for pagination */
#productNext {
	text-align: center;
}
#productNextLeft {
	background-image: url(/static/site/nuolivasen.png); 
	background-repeat: no-repeat;	
	height: 16px;
	line-height: 16px;	
	padding-left: 16px;
}
#productNextRight {
	background-image: url(/static/site/nuolioikea.png); 
	background-repeat: no-repeat;	
	background-position: top right;
	height: 16px;
	line-height: 16px;	
	padding-right: 16px;
}
/* these are the << 1 2 3 4 >> number buttons in the product page for pagination */
.pages-any {
	padding: 4px;
	font-size:11px;
	margin-left: 2px;
	margin-right: 2px;
}
.pages-current {
	padding: 4px;
	background-color: #9CD76B;
	font-size:11px;
	margin-left: 2px;
	margin-right: 2px;
}

.oldPrice {
	text-decoration: line-through; 
}
.offerPrice {
	color: #005c3a;
}

.magnifier {
	margin-top: 260px;
	margin-left: 0px;
	font-size: 12px;
	line-height: 32px;
	position: absolute;
	opacity: 0.8;
}

.productImageInner {
	text-align: center;
}

.news-date {
	font-size: 11px; 
	color: #005c3a;
}

.dark-green {
	color: #005c3a;
}

.offerbox {
	float: left; 
	border: 1px dashed #9CD76B;
	margin-right: 8px;
	margin-bottom: 8px;
	text-align: center;
	width: 135px;
}
.offerbox-img {
	width: 44px;
	height: 47px;
	position: absolute;
	z-index: 2;
}

.payment-box-large {
	width: 290px;
	float: left;
	margin-right: 3px;
	padding: 4px;
/*	background-color: #eaffff;*/
	text-align: center;
}
.payment-box {
	width: 125px;
	float: left;
	margin-right: 3px;
	padding: 4px;
/*	background-color: #eaffff;*/
	text-align: center;
}
#klarna-info {
	display: none;
}
.padded {
	padding-left: 32px;
}
.hidden {
	display: none;
}
.klarna-hilite {
	background-color: #C5E0E1;
	padding: 16px;
}
.centerize {
	text-align: center;
}