@import "tb.css";

/* Uudet etusivun nostot */

#FrontPageSaleItems { width: 500px; overflow: hidden; padding-top: 42px; margin: 0 0 20px; background: url(../i/AleNostoHeader.gif) no-repeat left top; }
#FrontPageSaleItems ul { margin: 0; padding: 2px 0 0; list-style: none outside; overflow: hidden; width: 500px; }
#FrontPageSaleItems ul li { position: relative; float: left; margin: -2px 0 0; padding: 0; background: url(../i/AleNostoBg.jpg) no-repeat left top; }
#FrontPageSaleItems ul li.Toka { margin-left: -2px; }
#FrontPageSaleItems ul li a { display: block; border: 2px solid #bfbfbf; width: 247px; height: 247px; position: relative; z-index: 1; text-align: center; vertical-align: middle; line-height: 250px; background: none; }
#FrontPageSaleItems ul li a:hover { border-color: #2475a0; z-index: 2; }
#FrontPageSaleItems ul li a img { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 auto; }
#FrontPageSaleItems ul li a span { display: block; position: absolute; line-height: 18px; }
#FrontPageSaleItems ul li a span.ProductName { top: 10px; left: 0px; padding: 0 10px; text-align: center; color: #000; font-weight: bold; }
#FrontPageSaleItems ul li a span.Prices { bottom: 0px; right: 0px; width: 133px; height: 103px; text-align: right; background: url(../i/AleNostoHintaBg.png) no-repeat right bottom; color: #FFF; }
#FrontPageSaleItems ul li a span.Prices span { position: relative; padding: 0 10px; font-size: 14px; }
#FrontPageSaleItems ul li a span.Prices span.ProductPrice { font-size: 18px; color: #f60; margin-top: 40px; font-weight: bold; }
#FrontPageSaleItems ul li a span.Prices span.KreditorPrice { font-weight: bold; }
#FrontPageSaleItems ul li a span.Prices span.ProductComparePrice { color: #bbb; text-decoration: line-through; }
#FrontPageSaleItems ul li a span.Prices span span { display: inline; padding: 0; }

/* Uudet ostotoiminnot */

#MiniCartWrapper { width: 100%; overflow: hidden; zoom: 1; }

#AjaxMsg {
	position: fixed; z-index: 999; display: none; text-align: center;
	top: 0px; left: 50%; width: 200px; margin: 0 -101px; padding: 9px 0 8px;
	background: #FFC; border: 1px solid #e5e58a; border-top: 0;
	font-size: 11px; font-weight: bold;
  -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius:  3px;
	border-bottom-left-radius:  3px; -moz-border-radius-bottomright:  3px;
	-webkit-border-bottom-right-radius:  3px; border-bottom-right-radius:  3px;
}
body.adminLoggedIn #AjaxMsg { top: 36px; }

#ProductPage #NewBuyingWrapper { background: #ffffd9; border: 1px solid #d9d998; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width: 210px; height: auto; margin: 20px -20px 0 -10px; padding: 9px; }
#ProductPage #NewBuyingWrapper form, #ProductPage #NewBuyingWrapper form fieldset { margin: 0; padding: 0; border: 0; background: none; width: 100%; height: auto; }
#ProductPage #NewBuyingWrapper form * { margin-bottom: 0; }
#ProductPage #NewBuyingWrapper form .FormItem { width: 100%; overflow: hidden; margin: 0; padding: 0 0 10px; }
#ProductPage #NewBuyingWrapper form .CheckWrap { padding-bottom: 0; }
#ProductPage #NewBuyingWrapper form .BuyFormQuantity { display: none; }
#ProductPage #NewBuyingWrapper form .FormItem .Checks { margin: 0; padding: 0 0 0 20px; width: auto; }
#ProductPage #NewBuyingWrapper form .Checks input { position: relative; float: left; margin: 0 0 0 -20px; top: 2px; }
#ProductPage #NewBuyingWrapper form .Checks label { width: 100%; padding: 0 0 10px; }
#ProductPage #NewBuyingWrapper form label { font-size: 12px; line-height: 18px; }
#ProductPage #NewBuyingWrapper form p.label { font-weight: bold; margin: 0 0 10px; }
#ProductPage #NewBuyingWrapper form .ProductList { margin: 0; padding: 0; background: none; border: 0; width: 100%; overflow: hidden; }
#ProductPage #NewBuyingWrapper form .ProductList li { font-size: 12px; margin: 0; padding: 0 0 10px 20px; width: auto; display: block; }
#ProductPage #NewBuyingWrapper form .ProductList li input { position: relative; float: left; margin: 0 0 0 -20px; top: 2px; }
#ProductPage #NewBuyingWrapper form .FormSubmit { position: relative; margin: 0 0 -31px; padding: 0; overflow: hidden; height: 42px; width: 100%; text-align: center; }
#ProductPage #NewBuyingWrapper form .FormSubmit .AddToCart {
	width: 202px; height: 40px; padding: 0 0 2px; float: none; clear: both; margin: 0 auto; border: 0; background: transparent url(../i/AddToCartBtn.gif) no-repeat left top; line-height: 40px;
	color: #FFF; font-size: 18px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; cursor: pointer; text-shadow: 0px 1px 1px #639ab7, 0px -1px 1px #266783;
}
#ProductPage #NewBuyingWrapper form .FormSubmit .AddToCart:hover { background-position: left -42px; }

/* Muuta uutta sälää */

#secondary_content .CartProduct .VariationName { display: none; }

#BrandNewSubs { background: #FFF; width: 100%; overflow: hidden; }
#BrandNewSubs div {
	width: 146px; margin: 10px; border-bottom: 1px solid #042033;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}
#BrandNewSubs div div { width: 100%; height: 100%; margin: 0; padding: 0; border: 0; display: block; }
#BrandNewSubs div a { display: block; }
#BrandNewSubs div .BrandNewSubImage { background: url(../i/BrandNewSubsTop.gif) no-repeat left top; padding: 2px 2px 0; height: 142px; text-align: center; vertical-align: middle; line-height: 138px; }
#BrandNewSubs div .BrandNewSubImage img {
	margin: auto;
	vertical-align: middle;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}
#BrandNewSubs div .BrandNewSubName { background: url(../i/BrandNewSubsBottom.gif) no-repeat left top; padding: 10px 10px 9px; color: #FFF; font-weight: bold; font-size: 11px; text-align: center; text-decoration: none; }

#BrandNewSubs div.SubCategoryImage:hover { border-bottom-color: #3c68a4; }
#BrandNewSubs div.SubCategoryImage:hover .BrandNewSubImage { background-position: -146px top; }
#BrandNewSubs div.SubCategoryImage:hover .BrandNewSubName { background-position: -146px top;  }

table tbody td dl, table tbody th dl { display: none !important; }
table tfoot td { white-space: nowrap; }
.CartPrice, .CartTotal { white-space: nowrap; }
.Prices dd { white-space: nowrap; }

#NewCustomerContinue a.Button { line-height: 40px; padding: 10px 20px; background-color: #11577a; color: #FFF; font-weight: bold; font-size: 14px; }

.KorostaHinta { background: #CC3300; font-size: 12px; font-weight: bold; color: #FFF; padding: 1px 3px; margin: 0 3px; white-space: nowrap; }

dl.ShippingCosts { width: auto; overflow: auto; margin: 10px 10px 0; }
#OstoskorinToimituskulut dl.ShippingCosts { margin: 0; }
#OstoskorinToimituskulut h2 { margin-bottom: 20px; }
dl.ShippingCosts dt { width: 80%; float: left; margin: 0; padding: 0; font-size: 14px; color: #000; font-weight: bold; }
dl.ShippingCosts dd.ShippingMethodPrice { float: left; width: 20%; margin: 0; padding: 0; font-size: 14px; font-weight: bold; color: #CC3300; text-align: right; }
dl.ShippingCosts dd.ShippingMethodInfo { clear: both; width: 100%; margin: 0 0 10px; padding: 0; font-size: 11px; }

#CatsTree { background: #FFF; width: 100%; overflow: hidden; }
#CatsTree ul, #CatsTree ul li { margin: 0; padding: 0; list-style: none outside; }
#CatsTree ul { font-size: 14px; font-weight: bold; }
#CatsTree ul ul {
	position: relative; width: auto; overflow: visible;
	font-size: 12px; font-weight: bold; clear: both;
	padding: 8px 8px 8px 40px; border: 1px solid #FFF; border-top: 0;
	background: #dceffa url(../i/nav-dotline.gif) no-repeat left top;
	display: none; 
}
#CatsTree ul li.Current ul { display: block; }
#CatsTree ul ul ul { font-size: 12px; font-weight: normal; border: 0; padding: 0 0 0 27px; background: none; }
#CatsTree ul ul ul ul { padding-left: 18px; }
#CatsTree ul li {
	position: relative; width: 100%; overflow: hidden;
	height: auto; line-height: 18px; padding: 0 0 1px;
	background: url(../i/nav-dots.gif) no-repeat left bottom;
}
#CatsTree ul li .Avaaja {
	position: absolute; top: 0px; left: 0px; display: block;
	width: 29px; height: 29px; border: 1px solid #FFF; overflow: hidden;
	font-size: 16px; font-weight: bold; line-height: 30px; text-align: center;
}
#CatsTree ul li .Avaaja:hover, #CatsTree > ul > li.Current > .Avaaja { background-color: #11577a; color: #FFF; cursor: pointer; }
#CatsTree ul li a {
	display: block; width: auto; height: auto; line-height: 18px;
	padding: 6px 8px 5px 8px; border: 1px solid #FFF; background: #FFF;
	margin: 0 0 0 32px; outline: 0; overflow: hidden;
}
#CatsTree ul li a:hover, #CatsTree > ul > li.Current > a { background-color: #11577a; color: #FFF; }

#CatsTree ul li ul li { position: relative; width: 100%; padding: 0 0 0 27px; margin: 0 0 0 -27px; background: none; }
#CatsTree ul li ul li .Avaaja { position: absolute; top: 3px; left: 0px; width: 16px; height: 16px; line-height: 16px; border: 1px dotted #FFF; background: #bee0f5; font-size: 14px; }
#CatsTree ul li ul li ul li {}
#CatsTree ul li ul li a {
	float: left; margin: 2px 0 2px -3px;
	padding: 1px 3px; background: none; border: 0;
	font-weight: bold;
}
#CatsTree ul li ul li ul li a { font-weight: normal; padding: 0; }
#CatsTree ul li ul li ul li ul li a { font-size: 11px; }

#NewSubs ul, #NewSubs ul li { margin: 0; padding: 0; border: 0; background: none; list-style: none outside; }
#NewSubs ul { width: 100%; overflow: hidden; background: url(../i/nav-dotpysty.gif) repeat-y 50% top; }
#NewSubs ul li { position: relative; width: 50%; float: left; background: url(../i/nav-dots.gif) no-repeat left bottom; padding: 0 0 1px; }
#NewSubs ul li a {
	position: relative; z-index: 2;
	display: block; width: auto; height: auto; line-height: 18px;
	padding: 6px 8px 5px 40px; border: 0; background: none;
	margin: 0; outline: 0; font-size: 14px; font-weight: bold;
}
#NewSubs ul li a:hover { color: #11577a; }
#NewSubs ul li .Nuoli {
	position: absolute; top: 0px; left: 0; display: block;
	width: 32px; height: 32px; border: 0; z-index: 1;
	font-size: 16px; font-weight: bold; line-height: 32px; text-align: center;
}

.BuyFormVariationRadio .Checks .FormHelp { display: none; }

#YhteensopivatJaSamankaltaiset { width: 500px; overflow: hidden; margin: 0 -10px; }

#YhteensopivatJaSamankaltaiset h2 { width: 100%; clear: both; }
#YhteensopivatJaSamankaltaiset .Product { float: left; width: 105px; margin: 0 10px; text-align: center; }
#YhteensopivatJaSamankaltaiset .Product .CompSimImage { position: relative; height: 105px; width: 105px; display: block; }
#YhteensopivatJaSamankaltaiset .Product .CompSimImage img { position: absolute; bottom: 0px; margin: 0 auto; left: 0px; }
#YhteensopivatJaSamankaltaiset .Product h2.ProductName, #YhteensopivatJaSamankaltaiset .Product h2.ProductName a { text-align: center !important; display: block; float: none; font-size: 11px; }
#YhteensopivatJaSamankaltaiset .Product h2.ProductName { text-align: center !important; height: 100px; font-size: 11px; clear: none; }

.addthis_button { clear: both; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; }

.FormItem label{
	display: block;
}

body {
	font: 12px Arial, Helvetica, sans-serif;
	background: #011d32 url(../i/bggradient.jpg) top left repeat-x;
}
#sitewrapper{
/*	background: url(../i/logobig.png) top left no-repeat; */
}
p{
	font: 12px Arial, Helvetica, sans-serif;
	margin: 6px auto 6px auto;
	line-height: 18px;	
}
h2{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000000;	
}
a img, fieldset{
	border: none;
	border: 0;
}
a{
	color: #568aa2;
	text-decoration: none;
}
a:hover{
	color: #568aa2;
	text-decoration: none;
}
form#SearchForm{

}
form#SearchForm input{
	height: 21px;
	width: 120px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 0; margin: 0;
	margin-right: 10px;
}
form#SearchForm button{
	height: 24px;
	color: #000000;
	border: solid 1px #000000;
	background: #f0f0f0;
	position: relative;
	top: 4px; padding: 0; margin: 0;
}
form#SearchForm button span{
	font: 10px Arial, Helvetica, sans-serif;
}
form#SearchForm label{
	display: none;
}
#topstrip{
	height: 10px; 
	background: #ffffff;
	margin-bottom: 10px;
}
#outerwrapper{
	position: relative;
	width: 1100px;
	margin: 0 auto auto 30px;
	text-align: left;
}

#container{
	width: 910px;
/*	margin: 0 auto; */
	text-align: left;
	float: left;
/*	border: dotted 1px #f0f0f0; */
}
#ads{
	position: absolute; right: 0px; top: 0px;
	width: 190px;
}
#ads a { display: block; margin: 0 0 10px; }
#ads object { position: relative; z-index: 1; }
#FrontLeftWrapper{
	width: 700px;
	float: left;
	overflow: hidden;
	margin-right: 10px;
}
ul, ol{
	list-style-type: none;
	display: block;
}

#OstoskoriMainos, #OstoskorinToimituskulut {
	margin: 10px;
	padding: 9px;
	background-color: #f2f2f2;
	border: 1px solid #d9d9d9;
}
#OstoskoriMainos ul {
	list-style-type: disc;
	list-style-position:inherit;
}
#OstoskoriMainos ul li {
	margin: 2px 10px 5px 20px;
}

#OstoskoriMainos #Kassalle {
	width: 100%;
	text-align: center;
	font-size: 120%;
	margin: 20px 0 10px 0;
}

.TopSellers a{
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	
}
#logo{
	float: left;
}
#loginNav{
	background: #164861;
	height: 36px;
}
#mainNav{
	width: 910px;
	margin: 0 auto auto 30px; 
}
#login{
	width: 910px;
	height: 36px;
}
#login ul {
	padding: 8px 0 0 0;
	margin: 0;
}
#login ul li {
	float: right;
	padding: 0 5px 0 0;
	margin: 0 5px 0 0;
}

#login ul li a{
	color: #ffffff;
	font: 14px Arial, Helvetica, sans-serif;
}

#FrontLiftup, #flashbox{
	height: 230px;
	width: 700px;
	padding-bottom: 10px;
	float: left;
}

#FrontLiftup *{
	width: 650px;
}

/* MENUS */
ul.InfoNavigation li{
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 40px;
	padding-bottom: 22px;
}

ul.InfoNavigation li.Current{
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 40px;
	padding-bottom: 22px;
	background: url(../i/arrow.png) bottom center no-repeat;
}

ul.InfoNavigation li a{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
}

ul.InfoNavigation li.Current a{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
}
ul.CustomerNavigation{
	padding-top: 20px;
}

ul.Categories, ul.BrandsNavigation{
	list-style-type: disc;
	list-style-position: inside;
}
.NavigationList a{
 	font: bold 13px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}
.NavigationList a:hover{
 	color: #a0a0a0;
}
.NavigationList li{
 	padding: 5px 0px 5px 10px;
}
.NavigationList li>ul a{
 	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}

.NavigationList li>ul>li>ul{
	list-style-type: disc;
	list-style-position: inside;
}
.centercolumn .NavigationList{ 
	margin: 20px 0px 20px 0px;
}
.centercolumn .NavigationList li{ 
	list-style-type: none;
	float: left;
	width: 140px; 
	border: solid 1px #d0d0d0;
	background: #f0f0f0 url(../i/arrow_buttons.png) 130px 5px no-repeat;
	margin-right: 5px;
	margin-bottom: 5px;
}
.centercolumn .NavigationList li a{ 
	font-size: 11px;
	display: block;
}
/* OSTOSKORI */
#mini-cart{
	background: url(../i/ostoskori.png) top left no-repeat;
	color: #ffffff;
	padding: 40px 0 20px 5px;
}

#mini-cart a{
	color: #ffffff;
	border-bottom: dotted 1px #ffffff;
}
#mini-cart a:hover{
	color: #ffffff;
	border-bottom: solid 1px #ffffff;
}
.CartProduct .ProductName a{
	color: #000000;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.CartProduct dl{
	float: left;
	margin-top: 2px;	
	margin-bottom: 5px;	
}
.CartProduct dt{
	display: block;
	width: 80px;
	float: left;
}
.CartProduct dd{
	display: block;
	width: 80px;
	float: left;	
}
.CartProductRemove{
	width: 150px;
}

dl.CartProceed {
	float: left;

}
.CartProceed dt{
	display: block;
	width: 80px;
	float: left;	
}
.CartProceed dd{
	display: block;
	width: 80px;
	float: left;	
}
.ToShoppingCart a, .ToCheckout a{
	padding: 3px 0px 3px 5px;
	background: #000000;
	color: #ffffff;
	display: block;
	margin: 10px 5px 3px 0;
	height: 30px;
	font-weight: bold;
}
/*
#CartForm, #CartSubmitForm{
	border: solid 1px #a0a0a0;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 12px;
}
#CartForm a, #CartForm .ProductName, #CartForm .VariationName{
	font-size: 10px;
}
#CartForm caption{
	text-align: left;
	padding: 10px;
	background: #f0f0f0;
	width: 100%;
}
#CartForm .FormItem{
	display: block;
	margin-bottom: 10px;
}
#CartSubmitForm *{
	margin: 10px auto 10px auto;
}
*/
.column{
	width: 190px;
	float: left;
	margin-right: 10px;

}
.centercolumn{
	width: 500px;
	float: left;
	margin-right: 10px;

}
#ProductPage ul{
	list-style-type: disc;
	list-style-position: inside;
}
.centercolumn>div{
	margin-bottom: 10px;
}
div.column>div {
	margin-bottom: 10px;
}
/*.BottomMargin{
	margin-bottom: 10px;
}*/
.boxheader{
/*	margin-bottom: 10px; */
	padding: 5px 0px 5px 10px;
	background: #000000;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #ffffff;
}

#BrandsHeader{
	background-color: #000000;
	background-image: url(../i/arrow_left.jpg); 
	background-position: 165px 6px; 
	background-repeat: no-repeat; 
}

.Categories, .NewsList, .NewProducts{
	background: #ffffff;
}
.clearer{
	clear: both;
}
#footer{
	margin-top: 20px;
	clear: both;
	text-align :left;
	color: #ffffff;
	padding: 20px 0 20px 30px;
	font: 14px Arial, Helvetica, sans-serif;
	background: #3398cb;
}
#footer a{
	color: #ffffff;
	font: 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.ProductList{
	position: relative;
	background: #ffffff;
	padding-bottom: 10px;
}

.Product h2 a{ 
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000000;
}
#ProductBuy{
	width: 200px;
	float: left;
	margin-left: 10px;
}
#ProductImages{
	float: left;
	padding: 0px;
	width: 250px;
	text-align: center;
/*	border: solid 1px #e0e0e0; */
}
#ProductImages .BrandLink { display: block; clear: both; }
#ProductImages img{
	max-width: 230px;
	margin: 10px auto;
	max-height: 220px;
	border: solid 1px #e0e0e0;
	padding: 5px; 
}
#ProductImageCaption{
	display: none;
}
#ProductThumbnails{
	list-style-type: none;
}
#ProductThumbnails li{
	display: inline;
}
#ProductThumbnails img{
	border: solid 1px #e0e0e0;
	padding: 1px;
	margin-right: 1px;
	height: 30px;
}

#ProductPage form{
	border: solid 1px #e0e0e0;
	background: #f0f0f0;
	padding: 5px;
	margin: 10px auto 10px auto;
	font-size: 10px;
}
#ProductPage form *{
	margin-bottom: 10px;
}
#ProductPage form button{
	padding: 10px;
}
#ProductFullDesc{
	margin-top: 20px;
}
div.Checks label{
	display: block;
}
#ProductSendToFriend form *{
	margin: 0;
}
dl.Availability{
	margin-top: 10px;
}
dl.Availability dt.StorageInfo{
	
}
dl.Availability dd.StorageInfo{
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #568aa2;
}

/* TWO COLUMNS */
div.TwoCol div.Product{
	width: 229px; 
	height: 205px;
	float: left;
	text-align: left;
	padding: 10px;
	border-bottom: dotted 1px #e0e0e0;
	background: #ffffff;

}
div.TwoCol div.first{
	border-right: dotted 1px #e0e0e0; 
}
div.TwoCol div.Product img{
	max-height: 150px;
	max-width: 100px;
	display: block;
}

div.TwoCol div dl, div.TwoCol div a.Button{
	float: left;
	width: 100px;
/*	border: dotted 1px #e0e0e0;  */
	display: block;
}
div.TwoCol div dl{
	height: 100px;
/*	border: dotted 1px #e0e0e0;  */
}
div.TwoCol div h2{
	clear: both;
/*	border: dotted 1px #ff0000; */
	min-height: 35px; 
}
div.TwoCol div h2 *{
	float: none;
}
div.TwoCol a.ProductImage{
	width: 100px;
	height: 110px;
	display: inline;
	padding: 10px 0 10px 0;
	float: right;
}
div.TwoCol a.Button{
	background: #000000 url('../i/cart_icon.jpg') 3px center no-repeat;
	color: #ffffff;
	padding: 3px 5px 3px 25px;
	font: bold 11px Arial, Helvetica, sans-serif;
	float: left;
}


/* LISTED STYLE */
div.Listed>div{
	margin: 5px 10px 5px 10px;
	height: 100px;
	border-bottom: dotted 1px #e0e0e0;
}
div.Listed>div a.ProductImage{
	height: 100px;
	width: 140px;
	float: right;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
}
div.Listed>div a.ProductImage img{
	max-height: 90px;
	max-width: 130px;
}
div.Listed>div h2 a{
	font-size: 16px;
	font-weight: bold;
	width: 330px;
	float: left;
	margin: 10px 0 5px 0;
	
}
div.Listed>div dl{
	float: left;
	width: 300px;
	height: 18px;
}
div.Listed>div dd{
	margin: 0;
/*	float: left; */
	width: 110px;
}
div.Listed>div dt{
	margin: 0;
/* 	float: left; */
	width: 110px;
}
div.Listed a.Button{
	background: #000000 url('../i/cart_icon.jpg') 3px center no-repeat;
	color: #ffffff;
	width: 100px;
	padding: 3px 5px 3px 25px;
	font: bold 11px Arial, Helvetica, sans-serif;
	float: left;
}

.ListedNarrow{
	
}
.ListedNarrow div.Product{
	float: left;
	border-bottom: dotted 1px #e0e0e0;
	margin-bottom: 10px;
	width: 160px;
	overflow: hidden;
}
.ListedNarrow img{
	float: left;
	max-height: 50px;
	max-width: 50px;
}
.ListedNarrow h2.ProductName{
	float: right;
	width: 90px;	
}
.ListedNarrow h2.ProductName a{
	font: bold 11px Arial, Helvetica, sans-serif;	
}
.ListedNarrow dl{
	display: block;
	margin-top: 60px;
}
.ListedNarrow dt{
	float: left;
	width: 80px;
}
.ListedNarrow dd{
	float: left;
	width: 60px;	
	font-size: 12px;
	margin-bottom: 5px;
}
.ListedNarrow dd.Price{
	color: #cc3300;	
}
.ListedNarrow dd.ListPrice{
	text-decoration: line-through;	
}
.ListedNarrow a.Button{
	display: block;
	clear: both;
	margin-bottom: 10px;
	background: #000000 url('../i/cart_icon.jpg') 3px center no-repeat;
	color: #ffffff;
	font: bold 11px Arial, Helvetica, sans-serif;
	padding: 3px 5px 3px 25px;	
}
/*
a.Button{
	background: #000000 url('../i/cart_icon.jpg') 3px center no-repeat;
	color: #ffffff;
	width: 100px;
	padding: 3px 5px 3px 25px;
	font: bold 11px Arial, Helvetica, sans-serif;
	float: left;
}
*/

.centercolumn div.Product dl.Prices {
	width: 100px;
	text-align: left;
/*	clear: both; */
}
.Prices dd { white-space: nowrap; }
.centercolumn div.Product a.AddToCart{
	display: block;
	float: left;
	margin-top: 10px;
}
.centercolumn h2.ProductName{
	text-align: left;
}
.centercolumn h2.ProductName a{
	display: block;
	float: left;
	margin: 5px 0 5px 0;
}
.centercolumn dt.Price, .centercolumn dt.ListPrice{
/*	float: left; */
	width: 85px;
}
.centercolumn dd.Price, .centercolumn dd.ListPrice{
/*	float: left; */
	width: 55px;
	clear: right;
}

.centercolumn dd.Price{
	font-weight: bold;
	color: #cc3300;
}
.centercolumn dl.Prices .Price{
	font-size: 20px;
	width: 150px;
}
.centercolumn dl.Prices dt{
	margin-top: 5px;
}
.centercolumn dl.Prices dt.Price{
	display: none;
}
.centercolumn dl.Prices dt.KreditorPrice{
	display: block;
	font-size: 12px;
}

.centercolumn dd.DiscountPrice{
	font-size: 24px;
	font-weight: bold;
	color: #cc3300;
}
.centercolumn dl.Prices dd.KreditorPrice{
	font-weight: bold;
	font-size: 14px;	
	color: #006699;
}

.centercolumn dd.ListPrice{
	text-decoration: line-through;
	font-weight: bold;
	color: #000000;
}
#maksutavat{
	height: 550px;
	background: #ffffff /*url('../i/logot_etusivu.jpg') center center no-repeat*/;
	text-align: center; 
}
#yhteistyokumppanit{
	height: 220px;
	background: #ffffff;
	text-align: center; 
}
.FrontPhoto{
	background: #ffffff;
}
.FrontPhoto img{
	display: block; margin: 0; padding: 0;
	width: 500px;
}

.content{
	background: #ffffff;
	
}
.TopList ol{
	list-style-type: decimal;
	list-style-position: outside;
	padding: 10px 10px 10px 30px;

}
.TopList ol li{
	padding-bottom: 5px;
}
.TopList ol li a{
	font: 10px Arial, Helvetica, sans-serif;
}

.TopList ol img{
	display: none;
}


#CartTable, #PreviewTable{
	width: 100%;
	padding: 10px;
	margin-bottom: 10px;
	border: solid 1px #e0e0e0
}
#CartTable th, #CartTable td, #CartTable th, #PreviewTable td{ 
	padding-bottom: 10px;
}
.CartPrice, .CartTotal { white-space: nowrap; }

/* CHECKOUT
#checkoutmain{
	padding: 10px; 
	background: #ffffff;	
}
#checkoutmain *{
	margin-bottom: 5px;	
}
#checkoutmain form{
	border: solid 1px #e0e0e0;
	background: #f0f0f0;
	padding: 10px;
}
.FormItem label{
	display: block;
}
#checkoutmain textarea{
	width: 300px;
}
ol#CheckoutStage{
	list-style-type: none;
	height: 40px;
}
ol#CheckoutStage li{
	padding: 10px;
	width: 70px;
	float: left;
	border: solid 1px #e0e0e0;
}
ol#CheckoutStage .CurrentCheckoutStage{
	font-weight: bold;
	background: #f0f0f0;
}
#checkoutmain a, #checkoutmain .ProductName, #checkoutmain .VariationName{
	font-size: 10px;
}
.Checks .ShippingMethodWrapper{
	width: 120px;
	text-align: left;
	float: left;
	border: solid 1px #a0a0a0; 
	padding: 10px;
	margin: 5px;
	background: #e0e0e0;
	height: 200px;
}
.Checks .PaymentMethodWrapper{
	width: 120px;
	text-align: center;
	float: left;
	border: solid 1px #a0a0a0; 
	padding: 10px;
	margin: 5px;
	height: 250px;
}
.PaymentMethodWrapper p{
	display: none;
}
.PaymentMethodName{
	font-weight: bold;
	display: block;
}
.PaymentMethodPrice{
	display: block;	
	margin: 5px auto 5px auto;
}
.FormErrorMessage{
	color: #c00000;
}
.FormError input{
	border: dashed 1px #c00000;
}
#checkoutmain table{
	width: 100%;
	margin: 10px 0 10px 0;
}
#checkoutmain th, #checkoutmain td{
	border: solid 1px #f0f0f0;
	padding: 5px;
}
#NewCustomerContinue a{
	font: bold 14px Arial, Helvetica, sans-serif;
}

.ShippingMethodName, .PaymentMethodName{
	display: block;
	font-weight: bold;
}
.ShippingMethodPrice, .PaymentMethodPrice{
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #cc3300;
	display: block;
}
.PaymentMethod-Checkout{
	background: #ffffff url(../i/logos_kassa_checkout.jpg) bottom center no-repeat;
}
.PaymentMethod-Laskulla{
	background: #ffffff url(../i/logos_kassa_laskulla.jpg) bottom center no-repeat;
}
.PaymentMethod-Osamaksulla{
	background: #ffffff url(../i/logos_kassa_osamaksulla.jpg) bottom center no-repeat;
}
.PaymentMethod-Maksuturva{
	background: #ffffff url(../i/maksuturva_logos.jpg) bottom center no-repeat;
}
.PaymentMethod-Luottokunta{
	background: #ffffff url(../i/luotto.gif) bottom center no-repeat;	
}
.PaymentMethod-Ennakkolasku{
	background: #ffffff;
}
.PaymentMethod-Bussiennakko{
	background: #ffffff url(../i/logos_kassa_bussi.jpg) bottom center no-repeat;
}
.PaymentMethod-Postiennakko{
	background: #ffffff url(../i/logos_kassa_posti.jpg) bottom center no-repeat;
}
.PaymentMethod-Nordea{
	background: #ffffff url(../i/nordea.jpg) bottom center no-repeat;
}
.PaymentMethod-Nettiluotto{
	background: #ffffff url(../i/nettiluotto.png) bottom center no-repeat;
}

fieldset#PaymentMaksuturva{
	background: url(../i/maksuturva_button_normal.png) top left no-repeat;	
}
fieldset#PaymentMaksuturva h2{
	margin-top: 50px;
}

 */


/* TEMPLATE */
#TemplatePage{
	min-height: 840px;
	background: #ffffff; 
	padding: 10px;
}
#TemplatePage *{
	margin-bottom: 6px;
}
#TemplatePage table{
	width: 100%;
	margin: 10px 0 10px 0;
}
#TemplatePage th, #TemplatePage td{
	border: solid 1px #f0f0f0;
	padding: 5px;
}


/* BREADCRUMB */
div#BreadCrumbHolder{
	height: 16px;
	width: 910px;
	margin: 0 auto auto 30px;
	text-align: left;
	margin-bottom: 10px;
}
div#BreadCrumbHolder>ul{
	width: 900px;
	height: 16px;
	overflow: hidden;
	float: left;
}
div#BreadCrumbHolder *{
	display: inline;
}
div#BreadCrumbHolder span{
	color: #ffffff;
}
div#BreadCrumbHolder a{
	color: #ffffff;
	text-decoration: underline;
}

/* contact form page */
.Notification{
	padding: 10px; margin: 0 0 10px;
	text-align: center; font-size: 14px;
	background: #f2f2f2; border: 1px solid #d9d9d9;
	color: #000;
}