@charset "utf-8";

@import "inc/jquery.lightbox-0.5.css";

body {
	font-family:  Arial, Tahoma, Geneva, sans-serif;
	font-size: 75%; /* 12px/16px */
	color: #587d3c;
	height: 100%;
	background: transparent url('img/bg_body_top.gif') repeat-x left top;
	padding: 0;
	margin: 0;
}

/* MyCashflow Admintools */
body.adminLoggedIn { padding: 36px 0 0 0; background-position: 0 36px; }
body.adminLoggedIn #AdminTools { position: fixed; z-index: 2; top: 0px; left: 0px; }
body.adminLoggedIn #container { z-index: 1; }
* html body.adminLoggedIn #adminTools { position: relative; }
* html body.adminLoggedIn { padding: 0; }
/*// MyCashflow Admintools */

img {
	border: 0;
	padding: 0;
	margin: 0;
}
.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

h1, h2, h3, h4, h5, h6,
#CartTable caption {
	text-align: left;
	font-weight: bold;
	color: #587d3c;
	padding: 0;
	margin: 0 15px;
	margin-bottom: .5em;
}
h1 {
	font-size: 1.33em;
}
h2 {
	font-size: 1.17em;
}
h3, h4, h5, h6 {
	font-size: 1em;
}

p {
	padding: 0 15px;
	margin: 0 0 1em 0;
}

a {
	color: #587d3c;
	text-decoration: none;
	outline: 0;
}
a:hover {
	text-decoration: underline;
}

.container {
	position: relative;
	text-align: left;
	width: 774px;
}

.header {
	position: relative;
	height: 112px;
}
.logo {
	position: absolute;
	left: 0px;
	top: 0px;
}
.search {
	position: absolute;
	right: 5px;
	top: 9px;
	width: 209px;
	background: transparent url('img/bg_search_input.gif') no-repeat;
	padding: 8px 0px 12px 15px;
}
.search .input {
	height: 14px;
	width: 135px;
	font-size: 1em;
	color: #587d3c;
	background: transparent none;
	border: 0;
	padding: 0 0 4px 0;
}
.search .button {
	position: absolute;
	left: 171px;
	top: 4px;
}

.pagemenu {
	position: absolute;
	right: 5px;
	top: 64px;
}
.pagemenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.pagemenu li {
	position: relative;
	float: left;
	margin-left: 6px;
	background: transparent url('img/bg_pagemenu_l.gif') no-repeat left top;
}
.pagemenu li a {
	display: block;
	float: left;
	height: 21px;
	text-decoration: none;
	background: transparent url('img/bg_pagemenu_r.gif') no-repeat right top;
	padding: 6px 10px 0 10px;
}
.pagemenu li:hover, .pagemenu li.sfhover, 
.pagemenu li.Current {
	background-image: url('img/bg_pagemenu_l_hover.gif');
}
.pagemenu li:hover a, .pagemenu li.sfhover a, 
.pagemenu li.Current a {
	color: #ffffff;
	background-image: url('img/bg_pagemenu_r_hover.gif');
}
.pagemenu li ul {
	position: absolute;
	width: 150px;
	left: -999em;
	top: 27px;
	z-index: 1000;
	margin-left: -6px;
}
.pagemenu li:hover ul, .pagemenu li.sfhover ul {
	left: 0;
}
.pagemenu li li {
	margin-top: -1px;
}
.pagemenu li li,
.pagemenu li li a {
	float: none;
}
.pagemenu li:hover li a, .pagemenu li.sfhover li a, 
.pagemenu li.Current li a {
	color: #587d3c;
	background: transparent url('img/bg_pagemenu_r.gif') no-repeat right top;
}
.pagemenu li:hover li:hover a, .pagemenu li.sfhover li.sfhover a, 
.pagemenu li li.Current a {
	color: #ffffff;
	background-image: url('img/bg_pagemenu_r_hover.gif');
}

.left_column {
	float: left;
	width: 200px;
}

.productmenu {
	width: 200px;
	background: transparent url('img/bg_productmenu.gif') repeat-y;
	margin-bottom: 10px;
}
.productmenu_inner {
	background: transparent url('img/bg_productmenu_b.gif') no-repeat left bottom;
}
.productmenu ul {
	list-style: none;
	background: transparent url('img/bg_productmenu_t.gif') no-repeat;
	padding: 5px 10px 5px 0;
	margin: 0;
}
.productmenu ul ul {
	background: none;
	border-bottom: 1px solid #cccccc;
	padding: 4px 0 0 15px;
	margin: 0;
}
.productmenu li {
	margin-left: 10px;
}
.productmenu li a {
	display: block;
	height: 20px;
	text-decoration: none;
	padding: 4px 10px 0 10px;
	border-bottom: 1px solid #cccccc;
}
.productmenu li.LastNavigationItem a {
	border: 0;
}
.productmenu li a:hover, .productmenu li.Current a {
	color: #ffffff;
	background: transparent url('img/bg_productmenu_hover.gif') no-repeat 0px 1px;
}
.productmenu li.Current li a {
	color: #587d3c;
	background: none;
}
.productmenu ul ul li a {
	font-size: .92em;
	padding: 0;
	border: 0;
}
.productmenu ul ul li a:hover {
	color: #587d3c;
	text-decoration: underline;
	background: none;
}
.productmenu ul ul li.Current a {
	font-weight: bold;
}

.left_column .cart {
	width: 180px;
	background: transparent url('img/bg_cart.gif') repeat-y;
	margin-left: 10px;
}
.left_column .cart_inner {
	background: transparent url('img/bg_cart_t.gif') no-repeat;
	padding: 5px 0;
}
.left_column .cart h2 {
	color: #ffffff;
	margin: 0 0 5px 15px;
}
.left_column .cart h2 a {
	color: #ffffff;
	text-decoration: none;
}
.left_column .cart h2 a:hover {
	text-decoration: underline;
}
.left_column .cart table {
	font-size: .92em;
	line-height: 1.4em;
	width: 160px;
	height: 40px;
	background: transparent url('img/bg_cart_c.gif') no-repeat;
	margin: 0 10px;
}
.left_column .cart_bg_bottom {
	height: 5px;
	background: transparent url('img/bg_cart_b.gif') no-repeat left bottom;
}
.left_column .cart_tools {
	text-align: right;
	padding: 5px 25px;
}
.left_column .cart_tools a {
	font-size: .92em;
	line-height: 1.4em;
	font-weight: bold;
	text-decoration: none;
}
.left_column .cart_tools a:hover {
	text-decoration: underline;
}

.left_column .customermenu ul {
	list-style: none;
	font-size: .92em;
	padding: 0;
	margin: 10px 15px;
}
.left_column .customermenu li {
}

.content {
	float: right;
	width: 544px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	padding-bottom: 120px;
}
.content a {
	text-decoration: underline;
}
.content a:hover {
	text-decoration: none;
}
.content .infopage img {
	margin-bottom: 20px;
}

/**/
/* Content Styles*/
/**/

.product h2 a {
	text-decoration: none;
}
.product h2 a:hover {
	text-decoration: underline;
}
.product .price {
	font-weight: bold;
}
.productImg {
	text-align: center;
	border: 1px solid #c8c8c8;
	background-color: #ffffff;
}
.miniImg, #CartTable .CartPic a {
	width: 32px;
	height: 32px;
}
.listImg {
	width: 64px;
}
.normalImg {
	width: 128px;
}
.largeImg {
	width: 512px;
}

.truncate_less p {
	display:inline;
}

.Currency {
	padding-left: 5px;
}

.homepage .leftcol {
	float: left;
	width: 348px;
}
.homepage .rightcol {
	float: right;
	width: 180px;
	text-align: center;
	padding-top: 4px;
}
.homepage .rightcol .homepageProducts {
	background: #d5ebbb url('img/bg_rightcol_t.jpg') no-repeat;
	margin-bottom: 10px;
}
.homepage .rightcol .homepageProducts_inner {
	background: transparent url('img/bg_rightcol_b.jpg') no-repeat left bottom;
	padding: 10px 10px 0 10px;
}
.homepage .rightcol h2 {
	text-align: center;
}
.homepage .rightcol h3 {
	text-align: left;
	margin-left: 0;
	margin-right: 0;
}
.homepage .rightcol h3 a {
	text-decoration: none;
}
.homepage .rightcol h3 a:hover {
	text-decoration: underline;
}
.homepageProducts .product {
	border-bottom: 1px solid #bee097;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.homepageProducts .product .productImg {
	float: left;
	width: 66px;
}
.homepageProducts .product .info {
	float: right;
	font-size: .92em;
	padding: 10px 10px 0 0;
}
.homepageProducts .product .info .price {
	font-weight: bold;
	font-size: 1.82em;
	margin-bottom: 5px;
}
.homepageProducts .hideseperator,
.homepageNews .hideseperator {
	background-color: #d5ebbb;
	height: 1px;
	margin-top: -11px;
}

.homepage .leftcol .homepageNews {
	background: #d5ebbb url('img/bg_leftcol_t.jpg') no-repeat;
	margin-bottom: 10px;
}
.homepage .leftcol .homepageNews_inner {
	background: transparent url('img/bg_leftcol_b.jpg') no-repeat left bottom;
	padding: 10px 15px 0 15px;
}

.homepage .NewsItem {
	border-bottom: 1px solid #bee097;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}
.homepage .NewsItem h3 {
	margin: 0 0 10px 0;
}
.News .date,
.homepage .NewsItem .date {
	font-size: .92em;
	color: #666666;
}
.News .date {
	padding-left: 15px;
}
.ingress {
	font-style: italic;
}
.homepage .ingress {
	padding: 0;
	margin: 0;
}

.homepage .image {
	width: 348px;
	background: transparent url('img/bg_image_etusivu_m.png') repeat-y;
	margin-bottom: 15px;
}
.homepage .image .top {
	height: 8px;
	background: transparent url('img/bg_image_etusivu_t.png') no-repeat left top;
}
.homepage .image .text {
	color: #fff;
	line-height: 1.4em;
	background: transparent url('img/bg_image_etusivu_b.png') no-repeat left bottom;
	padding: 2px 15px 10px 15px;
}
.homepage .image .text p {
	padding: 0;
}

#InfoPage .image {
	position: relative;
	margin-bottom: 15px;
}
#InfoPage .image .text {
	position: absolute;
	left: 0;
	top: 0;
}
.productlist_header {
	background: transparent url('img/bg_image_tuotteet_m.png') repeat-y;
	margin-bottom: 15px;
}
.productlist_header_inner {
	min-height: 125px;
	height: auto !important;
	height: 125px;
	position: relative;
	background: transparent url('img/bg_image_tuotteet_t.png') no-repeat left top;
}
.productlist_header .bottom {
	height: 8px;
	background: transparent url('img/bg_image_tuotteet_b.png') no-repeat left bottom;
	margin-top: -8px;
}
#InfoPage .image .text,
.productlist_header .text {
	float: left;
	color: #fff;
	font-weight: normal;
	line-height: 1.4em;
	width: 392px;
	padding: 10px 15px 0 15px;
}
#InfoPage .image .text a,
.productlist_header .text a {
	color: #ffffff;
}
#InfoPage .image .text {
	width: 400px;
}
#InfoPage .image .text.hoitola {
	width: 235px;
}
#InfoPage .image .text.hoito-ohjeita {
	width: 355px;
}
.productlist_header .text p {
	padding: 0;
}
.productlist_header .image {
	position: absolute;
	top: 4px;
	right: 5px;
	width: 117px;
	height: 117px;
	background-color: #ffffff;
	text-align: center;
	overflow: hidden;
}
.productlist_header .image img {
	width: 115px;
}
.productlist_header .image .border {
	position: absolute;
	top: 0;
	right: 0;
	width: 117px;
	height: 117px;
	background: transparent url('img/productlist_header_imgborder.png') no-repeat left top;
}

.productlist {
}
.productlist .product {
	border: 1px solid #aaaaaa;
	padding: 1px;
	margin: 0 10px 10px 10px;
}
.productlist .product_inner {
	background-color: #e9e9e9;
	padding: 6px;
}
.productlist .product .productImg {
	float: left;
}
.productlist .product .info {
	float: left;
	line-height: 1.2em;
	width: 320px;
	padding: 2px 10px 0 10px;
}
.productlist .product .info h2 {
	padding: 0;
	margin: 0 0 4px 0;
}
.productlist .product .info h2 a {
	text-decoration: none;
}
.productlist .product .info h2 a:hover {
	text-decoration: underline;
}
.productlist .product .info h2 p {
	display: inline;
	font-size: .79em;
	font-weight: normal;
	color: #999999;
}
.productlist .product .info p {
	padding: 0;
	margin: 0 0 10px 0;
}
.productlist .priceandtools {
	float: right;
	width: 100px;
	line-height: 1.2em;
	text-align: center;
}
.productlist .priceandtools .price {
	font-size: 1.33em;
	font-weight: bold;
	padding-bottom: 5px;
}
.productlist .priceandtools .tools a {
	font-size: .92em;
	text-decoration: none;
}
.productlist .priceandtools .tools a:hover {
	text-decoration: underline;
}
.productlist_buy {
	position: relative;
}
.productlist_buy .BuyFormVariationSelect select {
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
}
.productlist_buy .BuyForm,
.productlist_buy .FormItem {
	background: none;
}
.productlist_buy .BuyFormVariationSelect label,
.productlist_buy .BuyFormQuantity,
.productlist_buy .FormItem.FormSubmit {
	display: none;
}


.product .desc {
	float: left;
	width: 366px;
	margin-bottom: 15px;
}
.product .images {
	float: right;
	width: 148px;
	border: 1px solid #aaaaaa;
	padding: 1px;
	margin-bottom: 15px;
	margin-right: 15px;
}
.product .images_inner {
	background-color: #e9e9e9;
	padding: 8px;
}
.product .productThumbs {
	clear: both;
}
.product .productThumbs ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 8px;
}
.product .productThumbs li {
	float: left;
	margin: 8px 6px 0 0;
}
.product .productThumbs li a {
	display: block;
	border: 1px solid #c8c8c8;
}
.product dl.ShippingCosts {
	width: 100%;
	clear: both;
	float: left;
}
.product dl.ShippingCosts dt {
	clear: left;
	float: left;
	padding-left: 15px;
}
.product dl.ShippingCosts dd {
	float: left;
}
.product .ShippingMethodPrice {
	margin-left: 5px;
}
.product .ShippingMethodInfo {
	clear: left;
	font-weight: normal;
	color:#999999;
	margin-left:15px;
	padding-bottom: 5px;
}
.product .productBuy {
	clear: both;
}
.product .productBuy dl.Prices {
	clear: both;
	font-size: 1.67em;
	margin: 0 15px;
}
.product .productBuy dt.Price,
.product .productBuy dt.ListPrice {
	float: left;
}
.product .productBuy dd.Price,
.product .productBuy dd.ListPrice {
	float: right;
	font-weight: bold;
}
.product .productBuy dt.ListPrice {
	clear: left;
}
.product .productBuy dt.ListPrice,
.product .productBuy dd.ListPrice {
	clear:right;
	font-size: .7em;
	color: #999999;
}
.BuyFormVariationRadio p {
	padding: 0;
}
.BuyFormVariationRadio .Checks label {
	margin: 0;
}

#CartForm, #CartSubmitForm,
.BuyForm, #LoginForm, #NewCustomerForm, #Shipping, #EditContactInfoForm, 
#OrderFinished, .vahvistus_tilaa,
#ChangePasswordForm, #Payment, #ContinueToPaymentForm,
#AccountLoginForm, #OrderStatusLogin, #ForgotPasswordForm,
#ContactForm, #ShippingAddressForm, #CurrentShippingAddress {
	background: #d5ebbb url('img/bg_form_t.jpg') no-repeat;
	padding: 0;
	margin: 0;
}
fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}
.FormItem.FormSubmit, #UpdateCart, #ChangeShippingAddress, 
#OrderFinished .info-page {
	background: transparent url('img/bg_form_b.jpg') no-repeat left bottom;
	border: 0;
	padding-left: 120px;
}
.FormItem {
	background: transparent url('img/bg_form_seperator.jpg') no-repeat left bottom;
	padding: 10px 15px;
}
form p { margin-bottom: 0px; }
label, .label { float: left; width: 105px; margin: 0 3px 0 0; }
label.GroupLabel { float: none; display: block; padding: 0 0 10px 0; font-style: italic; }
.GroupItem div { padding-bottom: 10px; }
.Checks label { width: auto; float: none; display: block; padding-left: 105px; }
.CheckWrap p.label { padding: 0; margin-right: -105px; }
.FormHelp { padding: 0 15px 5px 105px; color: #666666; font-size: .92em; }
.FormItem.Required label { font-weight: bold; }
.Error, .GroupErrorMessage, .FormErrorMessage { color: #cc0000; padding: 0; }
fieldset .Error { padding: 10px 15px; }
.FormItem input, .FormItem textarea {
	
}
#CurrentShippingAddress .CurrentAddress p {
	margin-left: -15px;
}
#ChangeShippingAddress {
	background-color: #d5ebbb;
	margin-top: -10px;
}
#Shipping, #ChangePasswordForm {
	margin-top: 10px;
}
.PaymentMethod-Checkout {
	background: transparent url('img/checkout.png') no-repeat right 12px;
	height: 50px;
	padding-top: 10px;
}
.CartProduct {
	padding: 10px 0;
}
.CartProduct dl {
	font-weight: normal;
	margin: 0;
}
.CartProduct dt {
	float: left;
	width: 80px;
	text-align: left;
}
.CartProduct dd {
	text-align: left;
}
#ConfirmPreview {
	background-color: #d5ebbb;
}
#OrderPreview .FormItem.HeaderItem {
	background: none;
}
#OrderPreview .FormItem.HeaderItem h2 {
	font-style: italic;
	padding: 0;
	margin: 0;
}
#OrderComments {
	width: 400px;
}
#OrderFinished .Notification {
	margin-top: 10px;
}
#OrderFinished p, #OrderFinished h2, #OrderFinished h3 {
	padding: 0;
	margin: 0 0 15px 0;
}
#OrderFinished table {
	margin: 0 15px 15px 15px;
}
#ForgotPasswordForm .Notification {
	padding-top: 10px;
}

#CheckoutStage {
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;
}
#CheckoutStage li {
	float: left;
	text-align: center;
	width: 90px;
	background: transparent url('img/bg_checkoutstate.jpg') no-repeat;
	padding: 5px 0 6px 0;
	margin: 0 10px 10px 0;
}
#CheckoutStage li.CurrentCheckoutStage {
	color: #ffffff;
	background: transparent url('img/bg_checkoutstate_active.jpg') no-repeat;
}

#CartTable, #PreviewTable {
	width: 514px;
	border-collapse: collapse;
	margin: 0 15px;
}
#PreviewTable {
	margin-bottom: 10px;
}
#CartTable caption, #PreviewTable caption {
	text-align: left;
	font-size: 1.33em;
	font-weight: bold;
	margin-top: 10px;
}
#CartTable tr.odd, #CartTable tr.even,
#PreviewTable tr.odd, #PreviewTable tr.even {
	background-color: #f1f1f1;
	border-top: 1px solid #aaaaaa;
}
#CartTable tr.odd, 
#PreviewTable tr.odd {
	background-color: #e9e9e9;
}
#CartTable th, #CartTable td, 
#PreviewTable th, #PreviewTable td {
	padding-left: 10px;
}
#CartTable .CartTotal, #CartTable .CartPrice, #CartTable .CartShippingCost,
#PreviewTable .CartTotal, #PreviewTable .CartPrice, #PreviewTable .CartShippingCost, 
#PreviewTable .CartProductsTotal, #PreviewTable .CartPaymentCost {
	text-align: right;
}
#CartTable .CartPic,
#PreviewTable .CartPic {
	width: 32px;
}
#PreviewTable .CartPic { padding-top: 5px; padding-bottom: 5px; }
#CartTable .CartPic a,
#PreviewTable .CartPic img {
	display: block;
	border: 1px solid #c8c8c8;
	padding: 0;
	margin: 0;
}
#CartTable .CartProduct h3,
#PreviewTable .CartProduct h3 {
	padding: 0;
	margin: 0;
}
#CartTable .FormItem {
	background: none;
}
#CartTable .CartTotal,
#PreviewTable .CartTotal {
	padding-right: 10px;
}
#CartTable tfoot,
#PreviewTable tfoot {
	border-top: 1px solid #aaaaaa;
}
#CartTable tfoot .CartShippingCost, #CartTable tfoot .CartTotal,
#PreviewTable tfoot .CartShippingCost, #PreviewTable tfoot .CartTotal, 
#PreviewTable tfoot .CartProductsTotal, #PreviewTable tfoot .CartPaymentCost {
	padding-top: 10px;
	padding-right: 0;
}
#CartTable tfoot th.CartTotal,
#PreviewTable tfoot th.CartTotal {
	font-weight: normal;
	font-size: 1.67em;
	padding-top: 10px;
}
#CartTable tfoot td.CartTotal,
#PreviewTable tfoot td.CartTotal {
	font-weight: bold;
	font-size: 1.67em;
	padding-top: 10px;
}
#UpdateCart,
#CartSubmitForm .FormSubmit {
	text-align: right;
	border: 0;
	padding-right: 15px;
}
#CartSubmitForm {
	margin-top: 10px;
}
#CartSubmitForm .ContinueShopping {
	display:none;
}

dl#AccountInformation {
	
}
dl#AccountInformation dt {
	font-weight: bold;
	float: left;
	clear: left;
	width: 150px;
	margin-right: -150px;
	margin-bottom: 10px;
}
dl#AccountInformation dd {
	display: block;
	margin-left: 150px;
	margin-bottom: 10px;
}
dl#AccountInformation dd p {
	padding: 0;
	margin: 0;
}
#OrderHistoryTable {
	width: 100%;
	border-collapse: collapse;
	border-bottom: 1px solid #aaaaaa;
}
#OrderHistoryTable tbody tr {
	background-color: #e9e9e9;
	border-top: 1px solid #aaaaaa;
}
#OrderHistoryTable th, #OrderHistoryTable td {
	padding: 5px 10px;
}

/*// Content Styles*/

.bg_body_bottom {
	position: fixed;
	left: 0;
	bottom: 70px;
	width: 100%;
	height: 50px;
	background: transparent url('img/bg_body_bottom.gif') repeat-x;
}
.footer {
	clear: both;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 55px;
	font-size: .92em;
	line-height: 1.2em;
	background: #99cc66 url('img/bg_footer.gif') repeat-x left bottom;
	padding-top: 15px;
	margin: 60px 0 0 0;
}
.footer table {
	padding: 0 20px;
}
.footer table table {
	padding: 0;
}