/* -------------------------------------------------------------- 
   Master.css  
-------------------------------------------------------------- */

@import "base.css";
@import "base.forms.css";
@import "tb.css";

/* Widgets
-------------------------------------------------------------- */

.clearfix:after, .FormItem:after, .CheckWrap:after, .Checks:after, #LoginForm:after,
#page-header:after, .ProductList:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .FormItem, .CheckWrap, .Checks, #LoginForm, #page-header, .ProductList { display: inline-block; }
/* IE-mac \*/ .clearfix, .FormItem, .CheckWrap, .Checks, #LoginForm, #page-header, .ProductList { display: block; } /* IE-mac */

/* Layout
-------------------------------------------------------------- */

html, body { height: 100%; }
body { background: #110f0e url(../i/bodybg.gif) scroll repeat left top; min-width: 960px; }

body.adminLoggedIn { padding: 36px 0 0; }
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; }

#Header {
	position: relative; width: 100%; min-width: 960px; height: 126px;
	background: #000 url(../i/headerbg_2010.jpg) no-repeat 200px top;
}
* html #Header { width: 960px; }
#Logo {
	padding: 0; margin: 0;
	width: 200px; height: 126px;
	float: left; margin-right: 560px;
}
* html #Logo { margin: 0; }
#Logo img { margin: 0; padding: 0; display: block; }
#Basket {
	padding: 45px 52px 0 0;
	width: 130px; height: 54px; float: left; text-align: right;
	background: url(../i/kori.gif) no-repeat right 42px;
}
* html #Basket { float: right; margin-right: 18px; display: inline; }
#Basket a { color: #eba226; }
#Basket a:hover { color: #ffc766; }

#LogOutLink { font-size: 11px; text-align: right; margin: -45px -27px 18px 0; padding: 0 27px 0 0; background: url(../i/lock.png) no-repeat right 2px; }
#LogOutLink a { color: #7a766c ; }
#Navbar {
	position: relative; min-width: 960px; height: 54px; overflow: hidden;
	background: #0f0f0f url(../i/navbar.gif) repeat-x left top;
}
#Navbar ul {
	width: 959px; overflow: hidden;
	margin: 0; padding: 0 1px 0 0; list-style: none outside;
	background: url(../i/navbar-hr.gif) no-repeat right top;
}
#Navbar li {
	float: left; margin: 0; padding: 0 0 0 0;
	background: url(../i/navbar-hr.gif) no-repeat right top;
}
#Navbar li a {
	float: left;
	padding: 18px 17px 18px 17px;
	color: #5c5c58;
	text-decoration: none;
	font-weight: bold;
}
#Navbar li a:hover { color: #b8b8a2; }
#Navbar li#Home a { width: 164px; text-align: right; }
#Navbar li#Search {
	background: none; padding: 12px 10px 10px;
}
#Navbar li#Search .FormItem { margin: 0; padding: 0; }
#Navbar li#Search label { display: none; }
#Navbar li#Search input, #Navbar li#Search button {
	margin: 0; padding: 0; top: 0;
	background: none; border: 0;
	height: 32px; color: #b8b8a2;
}
#Navbar li#Search input {
	width: 190px; height: 18px; padding: 7px;
	background: url(../i/hakuinput.gif) no-repeat left top;
}
#Navbar li#Search button {
	width: 32px; cursor: pointer;
	background: url(../i/hakubtn.gif) no-repeat left top;
}
#Navbar li#Search button span { display: none; }
#Wrapper {
	position: relative; width: 100%; overflow: visible;
	background: url(../i/wrapbg.gif) repeat-y left top;
}
#Main {
	position: relative; width: 760px; min-height: 960px;
	padding: 0 240px 0 200px; margin: 0; overflow: visible;
	background: url(../i/mainbg-alt_joulu09.jpg) no-repeat left top;
}
#Left {
	position: relative; float: left; width: 164px;
	margin: 0 0 0 -200px; padding: 0 18px;
}
* html #Left { display: inline; }

.InfoPageID-8  { display: none; }


#Content {
	position: relative; float: left;
	margin: 0; padding: 0; width: 760px;
}
#Main .ListPage {
	background: url(../i/dotted.gif) repeat-y 559px top;
}
#Main .ProductPage {
	padding: 0 18px; width: 724px;
	}
#Main .TemplatePage {
	padding: 0 18px; width: 724px;
}
#FullList {
	position: relative; float: left; width: 560px;
}
#SmallList {
	position: relative; float: left; width: 200px;
}
#ListHeader {
	background: url(../i/listaheader.jpg) no-repeat left top;
	padding: 0 18px; min-height: 144px;
}
#ListHeader img { position: relative; z-index: 2; display: block; margin: 0; border: 1px solid #4d4b45; margin-bottom: -72px; }

#HomepageInfos { padding: 0 18px; }
#HomepageInfos h1 { padding: 81px 0 18px; }

#CategoryInfos { position: relative; z-index: 1; padding: 0 18px 18px; margin: 0; }
#CategoryInfos h1 { padding: 18px 0 36px; }

#arvonta { display: block; margin: 0 0 18px; padding: 0; border: 0; background: none; }
#arvonta img { display: block; margin: 0; padding: 0; border: 0; }

ul.Breadcrumb { height: 36px; line-height: 36px; margin: 0; padding: 0; list-style: none outside; font-size: 11px; }
ul.Breadcrumb li, ul.Breadcrumb ul { display: inline; margin: 0; padding: 0; list-style: none outside; }

#Footer {
	width: 961px; padding: 18px 0 36px; margin: 0 -1px 0 0; overflow: hidden;
	background: url(../i/foot.jpg) no-repeat left top; text-align: center;
}
.KumppaniLogo, .KumppaniLogo img { float: left; margin: 0; padding: 0; }

#SubNavi {
	margin: -36px 0 18px;
}
#SubNavi ul, #SubNavi li { margin: 0; padding: 0; list-style: none outside; }
#SubNavi ul { width: 100%; overflow: hidden; }
#SubNavi li { float: left; margin-right: 18px; }
#SubNavi li a {
	font-size: 11px; font-weight: bold;
	float: left;
	padding: 4px 0 5px;
	color: #d6d4ce;
	font-weight: normal;
	text-transform: uppercase;
}

/* Vasen navikko
-------------------------------------------------------------- */

#Left h2 { padding: 18px; }
#Left ul {
	margin: 0; padding: 0;
	list-style:none outside;
}
#Left ul ul { padding: 8px 0 0; }
#Left li {
	font-size: 20px;
	color: #8c0e2b;
	padding: 14px 0 0;
}
#Left li a {
	display: block;
	color: #8c0e2b;
	text-decoration: none;
}
#Left li a:hover { color: #cc0a37; }
#Left li li {
	font-size: 13px; padding: 0;
	text-transform: uppercase;
}
#Left li li a {
	padding: 3px 0 4px;
	color: #d6d4ce;
	font-weight: normal;
}
#Left li li a:hover { color: #f5d77f; }

/* Pikkulista
-------------------------------------------------------------- */

#SmallList h2 { padding: 18px; }

.TnProduct {
	width: 164px; padding: 18px; overflow: hidden;
	/* background: url(../i/dotted-x.gif) repeat-x left bottom; */
}
.TnProduct .TnImg {
	float: right; width: 38px; height: 52px;
	background: #FFF; border: 1px solid #737066;
	text-align: center; position: relative;
	margin: 0 0 0 5px;
}
.TnProduct .TnImg:hover { border-color: #ffc61a; }
.TnProduct .TnImg img { position: absolute; bottom: 0px; left: 0px; margin: 0 auto; }
.TnProduct h3 { font-size: 11px; font-weight: normal; margin: 0; padding: 0; }

#VaakaNostot {
	width: 760px; margin: 18px -18px 54px;
	clear: both; overflow: hidden;
	background: url(../i/dotted-x.gif) repeat-x left top;
}
#VaakaNostot h2 { padding: 18px; background: url(../i/dotted-x.gif) repeat-x left bottom; }
#VaakaNostot .TnProduct {
	height: 54px; width: 154px; float: left;
	background: url(../i/dotted-xy.gif) no-repeat right bottom;
}
#VaakaNostot .TnProduct .TnImg { float: left; margin: 0 5px 0 0; }

/* Iso lista
-------------------------------------------------------------- */

#FullList .Product {
	position: relative; float: left; width: 168px;
	height: 306px; padding: 3px 3px 0; margin: 0 2px;
	background: url(../i/listatuotebg.png) no-repeat left top;
	text-align: center; overflow: visible;
}
* html #FullList .Product { display: inline; }
#FullList .FirstProduct { margin-left: 15px; }
#FullList .LastProduct { margin-right: 15px; }
#FullList .Product .ProductImage {
	display: block; margin: 0 0 9px;
	width: 166px; height: 223px;
	border: 1px solid #7a776c;
	background: #FFF; text-align: center;
	position: relative; overflow: hidden;
}
#FullList .Product .ProductImage:hover { border-color: #ffc61a; }
#FullList .Product .ProductImage img { position: absolute; bottom: 0px; left: 0px; margin: 0 auto; }

#FullList .Product h3 { font-size: 13px; font-weight: normal; margin: -9px 0 0; padding: 0; }

#FullList .Product .Prices dt { display: none; }
#FullList .Product .Prices dd { display: inline; margin: 0; padding: 0; }
#FullList .Product .Prices .KreditorPrice { font-size: 11px; font-weight: normal; color: #7a776c; }
#FullList .Product .Prices .KreditorPrice:before { content: "("; }
#FullList .Product .Prices .KreditorPrice:after { content: ")"; }

#FullList .DiscountBadge { display: none; }
#FullList .DiscountProduct .DiscountBadge {
	position: absolute; top: -5px; left: -5px;
	display: block; width: 59px; height: 59px;
	background: url(../i/ale.png) no-repeat left top;
}

/* Tuotekortti
-------------------------------------------------------------- */

#Tuotetiedot { float: left; width: 344px; }
#Essentials { margin: 0 0 18px; }
#Essentials p { font-size: 15px; }
#Essentials dl {
	display: block;
	width: 238px; overflow: hidden;
	margin: 0; padding: 0 0 0 128px;
}
#Essentials dt, #Essentials dd { position: relative; display: block; float: left; margin: 0; padding: 0; width: auto; height: auto; }
#Essentials dt { float: left; margin-left: -128px; width: 123px; clear: left; color: #a3a296; font-weight: bold; }
* html #Essentials dt { display: inline; }
#Essentials dd { float: left; clear: none; width: 100%; color: #d6d5ce; }

#Essentials dd.ListPrice { text-decoration: line-through; color: #999; margin-right: 5px; }
#Essentials dd.DiscountPrice { color: #ff350d; font-size: 125%; }

#Essentials dl.ShippingCosts dd + dd { display: none; }

#Tuotekuvat {
	float: right; width: 344px; margin: 0 0 18px 18px;
	text-align: center;
}
#Tuotekuvat .SmallGuide { font-size: 11px; color: #999; text-align: center; margin: 0; padding: 0; }
#ProductBrandLogo {
	margin: 0 4px 0 0; padding: 0; background: #000;
	text-align: center; border: 3px solid #3d3c3a;
	border-bottom: 1px solid #3d3c3a;
}
#ProductBrandLogo img { display: block; margin: 0 auto; padding: 9px 0; background: #000; }
#CurrentProductImage {
	display: block; position: relative; overflow: hidden;
	width: 334px; height: auto; margin: 0 4px 9px 0;
	border: 3px solid #3d3c3a; text-align: center;
	border-top: 0; background: #FFF;
}
#CurrentProductImage img { display: block; margin: 0 auto; padding: 0; }

#ProductImageCaption { margin: -9px 4px 9px 0; background: #3d3c3a; padding: 0 9px 9px; text-align: center; color: #FFF; }

#ProductThumbnails {
	width: 355px; overflow: hidden;
	margin: 0 -11px 0 0; padding: 0;
	list-style: none outside;
}
#ProductThumbnails li {
	margin: 0 10px 9px 0; float: left; width: auto;
}
#ProductThumbnails li a {
	position: relative; background: #FFF;
	float: left; width: 58px; height: 78px;
	border: 1px solid #3d3c3a; overflow: hidden;
}
#ProductThumbnails li a img { display: block; position: absolute; bottom: 0px; left: 0px; }
	
#KerroKaverilleLinkki {
	display: block; margin: 20px auto;
	background: url(../i/kerrokaverille.jpg) no-repeat left top;
	text-indent: -10000em; overflow: hidden;
	width: 182px; height: 38px;
}
#KerroKaverille {
	text-align: left;
	background: #1a0a0e;
	border: 1px solid #37151d;
	padding: 10px;
}
.BuyForm {
	width: 256px; height: 67px; font-size: 11px;
	margin: 0 -2px 18px; padding: 0 82px 0 10px;
	background: url(../i/osto-bg.png) no-repeat left top;
}
.BuyForm .FormItem {
	float: left; clear: none;
	margin: 0; padding: 0;
}
.BuyForm .FormItem label { float: none; width: auto; margin: 0; padding: 3px 0 0; display: block; }
.BuyForm .BuyFormVariationSelect { width: 202px; margin-right: 5px; }
.BuyForm .BuyFormVariationSelect select {
	float: none; display: block; font-size: 11px;
	margin: 0; padding: 5px; border: 0;
	width: 202px; height: 29px; color: #FFF;
	background: #14080b url(../i/osto-select.gif) no-repeat left top;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	body:nth-of-type(1) .BuyForm .BuyFormVariationSelect select, body:nth-of-type(1) .BuyForm .BuyFormVariationSelect select option { background: #FFF; color: #000; }
}
.BuyForm .BuyFormQuantity { width: 39px; }
.BuyForm .BuyFormQuantity input {
	float: none; display: block; font-size: 13px;
	margin: 0; padding: 5px; border: 0; text-align: center;
	width: 29px; height: 19px; color: #FFF;
	background: #0a0406 url(../i/osto-input.gif) no-repeat left top;
}
.BuyForm .FormSubmit { width: 82px; float: right; margin: 0 -82px 0 0; padding: 0; }
.BuyForm .FormSubmit .SubmitButton {
	float: none; display: block; width: 82px; height: 67px;
	margin: 0; padding: 0; border: 0; top: 0; cursor: pointer;
	background: url(../i/osto-btn.png) no-repeat left top;
	overflow: hidden;
}
.BuyForm .FormSubmit .SubmitButton span { position: absolute; left: -9999em; }
.BuyForm .FormSubmit .SubmitButton:hover { background-position: left -67px; }

/* Account pages
-------------------------------------------------------------- */

#OrderStatus { margin: 18px 0; font-size: 14px; }

#OrderHistoryTable { margin: 18px 0; }

dl#AccountInformation { margin: 18px 0; width: 600px; overflow: hidden; padding: 0; }
dl#AccountInformation dt, dl#AccountInformation dd { position: relative; float: left; margin: 0; padding: 0; width: auto; }

dl#AccountInformation dt { width: 180px; padding: 0 0 9px; clear: left; }
dl#AccountInformation dd { width: 300px; padding: 0 0 9px; }
dl#AccountInformation dd.AccountLogout, dl#AccountInformation dd.AccountEdit { width: 120px; }

/*
dl#AccountInformation dd a { position: absolute; right: 0px; top: 0px; font-size: 11px; font-weight: bold; }
dl#AccountInformation dd address { margin-bottom: 0; }
*/

/* Cart
-------------------------------------------------------------- */

#CheckoutHeader { width: 100%; overflow: hidden; }
#CheckoutHeader h1 { float: left; width: auto; padding: 18px 18px 18px 0; line-height: 36px; }
#CheckoutHeader ol { float: left; padding: 18px 0 18px 18px; line-height: 36px; margin: 0; list-style: decimal inside; }
#CheckoutHeader ol li { float: left; margin: 0 18px 0 0; padding: 0; color: #5c5951; }
#CheckoutHeader ol li.CurrentCheckoutStage { color: #FFF; font-weight: bold; }
#CheckoutHeader ol li.CompletedCheckoutStage, #CheckoutHeader ol li.CompletedCheckoutStage a { color: #5c5951; }

#CartForm { margin: 18px 0 0; }

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 { width: 62px; }
.CartPic a {
	display: block; position: relative;
	background: #FFF; border: 1px solid #737066;
	text-align: center; width: 58px; height: auto;
}
#CartTable tfoot th, #CartTable tfoot td,
#PreviewTable tfoot th, #PreviewTable tfoot td { text-align: right; }

#UpdateCart button { padding: 1px 2px; font-size: 11px; line-height: 15px; float: right; margin: -9px 0 0; }

#ContinueToCheckout { margin: 0; padding: 0; border: 0; background: none; }
#ShoppingCartSubmit { padding: 0 0 18px; }
#ShoppingCartSubmit .ToCheckout { float: right; margin: 0; }
#ShoppingCartSubmit .ContinueShopping { float: left; margin: 0; padding: 0; }
#ShoppingCartSubmit .ContinueShopping a {
	float: left; margin: -36px 0 0; padding: 0 9px;
	line-height: 18px; height: 18px; text-decoration: none;
	font-size: 11px; font-weight: bold;
}


/* Thickbox
-------------------------------------------------------------- */

#TB_overlay {	position: fixed;	z-index:100;	top: 0px;	left: 0px;	height:100%;	width:100%;}.TB_overlayMacFFBGHack {background: url(../i/machack.png) repeat;}.TB_overlayBG {	background-color:#262622;	filter:alpha(opacity=75);	-moz-opacity: 0.75;	opacity: 0.75;}#TB_window {	position: fixed;	background: #ffffff;	z-index: 102;	color:#000000;	display:none;	border: 3px solid #302f2b;	text-align:left;	top:50%;	left:50%;}#TB_window img#TB_Image {	display:block; margin: 17px 17px 8px;	border: 1px solid #302f2b;	padding: 9px;}#TB_bottom {	position: relative; width: auto;	height: 36px; padding:0 18px 9px;}#TB_caption{	font-size: 11px; color: #808080;	margin: 0 54px 0 0; padding: 0;}#TB_closeWindow{	position: absolute; top:0px; right: 18px;	padding: 0; font-size: 11px; text-align: right;}#TB_closeAjaxWindow{	padding:7px 10px 5px 0;	margin-bottom:1px;	text-align:right;	float:right;}#TB_ajaxWindowTitle{	float:left;	padding:7px 0 5px 10px;	margin-bottom:1px;}#TB_title{	background-color:#e8e8e8;	height:27px;}#TB_ajaxContent{	clear:both;	padding:2px 15px 15px 15px;	overflow:auto;	text-align:left;	line-height:1.4em;}#TB_ajaxContent.TB_modal{	padding:15px;}#TB_ajaxContent p{	padding:5px 0px 5px 0px;}#TB_load {	position: fixed;	display:none;	height:36px;	width:36px;	background: #1f1e1c; border: 1px solid #d9d9d9;	z-index:103;	top: 50%;	left: 50%;	margin: -18px 0 0 -18px; /* -height/2 0 0 -width/2 */}#TB_load img { margin:6px; }#TB_HideSelect{	z-index:99;	position:fixed;	top: 0;	left: 0;	background-color:#fff;	border:none;	filter:alpha(opacity=0);	-moz-opacity: 0;	opacity: 0;	height:100%;	width:100%;}#TB_iframeContent{	clear:both;	border:none;	margin-bottom:-1px;	margin-top:1px;	_margin-bottom:1px;}