@import "base.css";@import "base.forms.css";@import "tb.css";
/* --------------------------------------------------------------    Layout-------------------------------------------------------------- */
body { background: #FFF url(/files/bn/i/white-bg.gif) repeat-x left top; text-align: center; }
/* Add these lines if you want your AdminTools to be fixed on the top of the page */
body.adminLoggedIn { padding: 36px 0 0; }
body.adminLoggedIn #AdminTools { position: fixed; z-index: 2; top: 0px; left: 0px; }
body.adminLoggedIn #ShopWrap { z-index: 1; }
* html body.adminLoggedIn #adminTools { position: relative; }
* html body.adminLoggedIn { padding: 0; }
#ShopWrap { width: 960px; overflow: hidden; margin: 9px auto 0; padding-bottom: 36px; text-align: left; }
#ShopHead {	width: 960px; height: 36px; overflow: hidden; position: relative;	margin: 0 0 9px; background: url(/files/bn/i/shop_path.gif) no-repeat;}
#MiniCart { width: auto; height: 36px; float: right; line-height: 36px; padding: 0 18px 0 0; }
#MiniCart a { margin: 0 0 0 9px; }
ul.Breadcrumb, ul.Breadcrumb ul, ul.Breadcrumb li, ul.Breadcrumb li li a,#CheckoutStage, #CheckoutStage li, #CheckoutStage li a {	display: inline; background: none;	margin: 0; padding: 0; width: auto; height: 36px;	list-style: none outside; line-height: 36px;	white-space: nowrap; float: none; color: #bababa;	font-size: 11px; text-decoration: none;}
ul.Breadcrumb { padding-left: 45px; }
#CheckoutStage { padding-left: 18px; }
ul.Breadcrumb li a {	position: absolute; display: block; top: 0px; left: 0px; width: 45px; height: 36px;	background: url(/files/bn-en/i/shop_path_first.gif) no-repeat left top; overflow: hidden; text-indent: -1000em;}
ul.Breadcrumb li a:hover { background-position: left -36px; }
ul.Breadcrumb li span { display: none; }
ul.Breadcrumb li li a {	position: relative; top: auto; left: auto; padding: 10px 16px 10px 9px;	background: url(/files/bn/i/shop_path_hr.gif) no-repeat right top;	overflow: visible; text-indent: 0;}
#CheckoutStage li {	position: relative; top: auto; left: auto; padding: 10px 16px 10px 0;	background: url(/files/bn/i/shop_path_hr.gif) no-repeat right top;	overflow: visible; text-indent: 0; margin: 0 9px 0 0;}
#CheckoutStage li a { text-decoration: underline; color: #069; }
#ShopMain {	width: 640px; float: left; margin: 0 9px 0 0; padding: 0 0 9px;	background: url(/files/bn/i/shopmain_b.gif) no-repeat left bottom;}
#ShopMainHead { height: 36px; padding: 0 18px; background: url(/files/bn/i/shopmain_t.gif) no-repeat left top; }
#ShopMainHead h2 { float: left; }
#ShopMainHead .Prices { height: 36px; width: auto; float: right; }
#ShopMainHead .Prices dd { line-height: 36px; margin-right: 0; }
#ShopMainHead .Prices dd.ListPrice { position: relative; font-size: 11px; bottom: 2px; }
#CatFront { margin: 0; padding: 0; }
#ShopFront { position: relative; height: 690px; margin: 0; padding: 0; background: url(/files/bn/i/shopmain.gif) repeat-y;}
#FrontInfo { position: absolute; top: 35px; left: 304px; width: 310px; }
#FrontInfo h2 { line-height: 27px; margin-bottom: 9px; font-size: 24px; }
#FrontInfo h3 { margin-bottom: 9px; font-size: 14px; }
#FrontProducts { position: relative; margin-top: -54px; }
#ShopContent { padding: 9px 18px; background: url(/files/bn/i/shopmain.gif) repeat-y; }
.FrontHeader { margin: -9px -17px 9px; padding: 0 17px; background: #f0f0f0; height: 45px; }
.FrontHeader h2 { line-height: 45px; color: #a0a0a0; }
.Product {	width: 124px; height: 205px; float: left; margin: 0 0 18px; padding: 9px 19px 9px 17px;	background: url(/files/bn/i/listauserotin.gif) no-repeat right top;}
.FirstProd { padding-left: 0; }
.LastProd { padding-right: 0; background: none; }
.ProductImage {	width: 126px; height: 126px; background: url(/files/bn/i/tnbg.gif) no-repeat left top;	text-align: center; line-height: 122px; vertical-align: middle; display: block;	margin: 0 -1px; padding: 0; position: relative;}
.ProductImage:hover { background-position: left -126px; }
.ProductImage img { display: inline; line-height: 122px; vertical-align: middle; margin: auto; }
.ProductName { font-size: 12px; font-weight: bold; line-height: 18px; padding: 0; }
.ProductName a { display: block; text-decoration: none; color: #202020; padding: 9px 0 0; }
.ProductName a:hover { color: #09f; text-decoration: underline; }
.Product .Prices { margin: 0; padding: 0; }
.Product .Prices dt { display: none; }
.Product .Prices dd { display: inline; font-size: 12px; }
.Product .Prices dd.Price { font-weight: bold; }
.Product .Prices dd.ListPrice { text-decoration: line-through; color: #a0a0a0; margin: 0; padding: 0; font-size: 11px; }
.Product .Prices dd.DiscountPrice { color: #e0155a; margin: 0 3px 0 0; padding: 0; }
.StorageInfo { display:none;}
#ShopNav { width: 311px; float: left; margin: 0; }
#ShopNav .box {	width: 275px; overflow: hidden; padding: 0 18px 18px; margin: 0 0 9px;	background: url(/files/bn/i/box_b.gif) no-repeat left bottom;}
#ShopNav .box h2 { margin: 0 -18px 9px; padding: 0 18px; background: url(/files/bn/i/box_t.gif) no-repeat left top; }
#ShopNav .box ul { width: 300px; overflow: hidden; margin: 0 -13px; padding: 0; list-style: none outside; }
#ShopNav .box li { width: 124px; padding: 0 13px; margin: 0; float: left; }
#ShopNav .box li a { float: left; width: 100%; height: 18px; line-height: 18px; }
#ShopNav .box li.Current a { font-weight: bold; color: #404040; text-decoration: none; }
#ShopNav .uutiset li { background: url(/files/bn/i/bullet.gif) no-repeat 0px 6px; width: 248px; padding: 0 13px; margin: 0; margin-left:13px; float: none; }
#ShopNav .uutiset li a {  float: none; width: 100%; height: 18px; line-height: 18px; }
#ShopNav .currentcat {	width: 275px; overflow: hidden; padding: 0 18px 18px; margin: 0 0 9px;	background: url(/files/bn/i/box_b.gif) no-repeat left bottom;}
#ShopNav .currentcat h2 { margin: 0 -18px 9px; padding: 0 18px; background: url(/files/bn/i/box_t.gif) no-repeat left top; }
#ShopNav .currentcat ul { width: 300px; overflow: hidden; margin: 0 -13px; padding: 0; list-style: none outside; font-size:12px; }
#ShopNav .currentcat li { width: 124px; padding: 0 13px; margin: 0; float: left; }
#ShopNav .currentcat li a { float: left; width: 100%; height: 18px; line-height: 18px; }
#ShopNav .currentcat li.Current a { font-weight: bold; }
#ShopNav .currentcat li { background: url(/files/bn/i/bullet.gif) no-repeat 0px 6px; width: 248px; padding: 0 13px; margin: 0; margin-left:13px; float: none; }
#ShopNav .currentcat li a {  float: none; width: 100%; height: 18px; line-height: 18px; }
#ShopNav .currentcat li.Current a { font-weight: bold; text-decoration: underline; }
#ShopNav .currentcat li.Current li a { font-weight: normal; text-decoration: none;}
#ShopNav .currentcat li.Current li a:hover { text-decoration: underline;}
#ShopNav .currentcat li li.Current a { font-weight: bold; text-decoration: underline;}
#ShopNav .currentcat li li.Current li a { font-weight: normal; text-decoration: none;}
#ShopNav .currentcat li li li.Current a { font-weight: bold; text-decoration: underline;}
#ShopNav .currentcat li li li.Current li a { font-weight: normal; text-decoration: none;}
#ShopNav .listat, #ShopNav .nostot { padding: 0 6px 18px 5px; width: 300px; }
#ShopNav .listat h2, #ShopNav .nostot h2 { margin: 0 -6px 0 -5px; }
#ShopNav .listat ol, #ShopNav .listat ul {	width: 124px; min-height: 18px; float: left;	list-style-position: inside; padding: 0 13px; margin: 0;}
#ShopNav .listat ol { list-style: decimal inside; }
#ShopNav .listat ol li, #ShopNav .listat ol li a,#ShopNav .listat ul li, #ShopNav .listat ul li a { float: none; margin: 0; padding: 0; font-size: 11px; }
#ShopNav .listat ol li a {}
#ShopNav .listahead { background: #f0f0f0; height: 27px; width: 300px; margin: 0 -5px 9px -4px; padding: 0 5px 0 4px; }
#ShopNav .listahead h3 { width: 124px; padding: 0 13px; margin: 0; float: left; line-height: 27px; }
#ShopNav .nostot h2 { margin-bottom: 9px; }
#ShopNav .Product { width: 124px; float: left; list-style-position: inside; padding: 9px 14px 9px 12px; margin: 0; }
#ShopNav .Product h2.ProductName {	font-size: 12px; font-weight: bold; line-height: 18px;	padding: 0; margin: 0; background: none;}
#BuyCol { width: 284px; float: left; margin: 9px 36px 0 0; overflow: visible; }
#ShortDesc p { font-size: 14px; }
.BuyForm { position: relative; width: 286px; margin: 0 -1px 18px; background: url(/files/bn/i/osto_bottom.gif) no-repeat left bottom; }
.BuyForm fieldset { background: url(/files/bn/i/osto_top.gif) no-repeat left top; padding: 18px 9px 0; }
.BuyForm select { font-size: 11px; }
.BuyForm label, .BuyForm .label { font-size: 11px; color: #808080; width: 40px; }
.BuyForm .Checks { margin-left: 43px; }
.BuyForm .Checks label { width: auto; color: #333; }
.BuyForm .FormSubmit { margin: 0; padding: 0 0 18px; }
.BuyForm button.AddToCart { margin-left: 43px; }
#ImgCol { width: 284px; float: left; margin: 9px 0 0; overflow: visible; }
#CurrentProductImage {	position: relative; display: block; clear: left;	width: 286px; height: 286px; text-align: center;	margin: 0 -1px; padding: 0;	text-decoration: none;	overflow: hidden; line-height: 282px; vertical-align: middle;	background: url(/files/bn/i/isokuva.gif) no-repeat left top;}
#CurrentProductImage:hover { background-position: left -286px; }
#CurrentProductImage img { display: inline; vertical-align: middle; line-height: 282px; margin: 0 auto; }
#ProductThumbnails {	width: 290px; position: relative;	overflow: hidden; height: auto;	margin: 4px -2px 0; padding: 0;	list-style: none outside;}
#ProductThumbnails li {	position: relative; float: left;	width: 54px; height: 54px;	margin: 0 2px 4px;}
#ProductThumbnails li a {	position: relative; display: block; float: left;	width: 54px; height: 54px; line-height: 50px;	vertical-align: middle; text-align: center;	background: url(/files/bn/i/minikuva.gif) no-repeat left top;}
#ProductThumbnails li a:hover { background-position: left -54px; }
#ProductThumbnails li a img { vertical-align: middle; line-height: 50px; display: inline; margin: 0 auto; }
table .FormItem, table .FormItem:hover { float: none; margin: 0; padding: 0; border: 0; background: none; }
table input, table button { float: none; display: block; }
.CartTotal, .CartShippingCost, .CartPaymentCost { text-align: right; }
td.CartTotal { font-weight: bold; }
.CartPrice, .CartQuanity { text-align: center; }
.CartQuantity input { top: 3px; margin: -4px auto 0; }
.CartQuantity .CartRemove {	font-size: 10px; font-weight: bold; color: #c00;	line-height: 18px; text-align: center; display: block;}
table .ProductName { padding: 0; font-size: 12px; }
.CartPic a {	display: block; position: relative;	text-align: center; background: #FFF;	width: 52px; height: 52px; line-height: 48px;	border: 1px solid #d9d9d9; vertical-align: middle;}
.CartPic a:hover { border-color: #09f; }
.CartPic a img {	vertical-align: middle; display: inline;	line-height: 48px; margin: auto;	padding: 0; border: 0;}
#CartTable tfoot th, #CartTable tfoot td,#PreviewTable tfoot th, #PreviewTable tfoot td { text-align: right; }
#UpdateCart button { float: right; margin-right: 0; }
#ContinueToCheckout { margin: 0; padding: 0; border: 0; background: none; }
#ShoppingCartSubmit .ToCheckout { float: right; margin-right: 0; }
#ShoppingCartSubmit .ContinueShopping { float: left; margin: 0; padding: 0; }
#ShoppingCartSubmit .ContinueShopping a {	float: left; margin: -36px 0 0; padding: 0 9px; background: #f2f2f2; border: 1px solid #d9d9d9;	line-height: 18px; height: 18px; text-decoration: none; color: #069; font-size: 11px;	font-weight: bold;}
.CartProduct .ProductName {}
.CartProduct .ProductName a { padding: 0; display: inline;}
#YlinMenuTausta, #YlinMenu { padding: 0; background: #373a35 url(/files/menutausta.gif) repeat-x left top; font-family: Arial,Helvetica,'Lucida Grande','Bitstream Vera Sans',Verdana,sans-serif;}
#YlinMenuTausta { width: 100%; height: 36px; margin: 0; }
#YlinMenu { width: 960px; margin: 0 auto;  height: 36px; }
#YlinMenu ul { height: 36px; width: auto; margin: 0; padding: 0; list-style: none outside; float: left; }
#YlinMenu ul li { float: left; height: 36px; width: auto; margin: 0; padding: 0 0 0 1px; list-style: none outside; background: url(/files/menuviiva.gif) no-repeat left top; }
#YlinMenu ul li a { position: relative; float: left; width: auto; height: 36px; font-size: 12px;	padding: 0 20px; color: #fff; line-height: 36px; text-decoration: none; font-weight: bold;	background: url(/files/menutausta.gif) repeat-x left top; z-index: 10; }
#YlinMenu ul li a:hover { background-position: left -36px; color: #FFF; }
#Headeri { width: 100%; height: 215px; margin: 0; padding: 0; background: #ffffff url(/files/bn-logo.gif) repeat-x center top; text-align:center; display:block;}
#Headeri a {display:block; width:280px; height:100px; }
#Headeri h1 {width:960px; margin:0 auto; display:block; padding:60px 0 0 0;}
#Footeri { width: 100%; height: 50px; margin: 0; padding: 0; background: #ffffff url(/files/footer.gif) no-repeat center top; }
#Footeri p { padding:10px; }
#search { width: 275px;}
#search form, #search fieldset { margin: 0; padding: 0; width: auto; }
#search .FormItem { padding: 0; margin: 0; border: 0; background: none; }
#search label { display: none; }
#search input { width: 210px; height:18px; float:left;}
#search button { margin-right: 0; float:right;}
th dl { width:230px; display:block;}
th dt { display:block; }
.Categories a { font-size: 13px; }