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

@import "reset.css";
@import "typography.css";
@import "forms.css";
@import "tb.css";

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

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

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

html, body { height: 100%; }
html { overflow-y: scroll; }
body { text-align: center; background: url(/files/pikkuhelene/i/bg_body.jpg) #d7e2da scroll repeat left top;}



#container {
	position: relative; margin: 0 auto; min-height: 100%;
	width: 970px; padding: 0 8px; text-align: left;
}
#header {
	position: relative; margin: 0; 
	background: url(/files/pikkuhelene/i/bg_header.jpg) transparent scroll repeat-x left top;
}

#header2 {
	width: 990px; margin: 0 auto;
	background: url(/files/pikkuhelene/i/kuvitus_pikkulinnut.gif) transparent scroll no-repeat 827px 88px;
}


#logo {
	padding-top: 15px; margin: 0 0 13px 25px; width: 300px; float: left;
}

# {
	position: absolute; top: 34px; left: 205px;
	height: 54px; text-align: left;
}
# a {
	position: relative; display: block;
	height: 54px; vertical-align: middle;
	line-height: 54px; font-size: 24px;
	padding: 0; text-decoration: none;
}
# a img { display: inline; vertical-align: middle; line-height: 50px; margin: auto; }

#header-nav, #simple-search { }
#header-nav { height: 54px; width: 300px; text-aling: left; float: left; margin-left: 280px; margin-top: 15px;}


#user-nav { height: 54px; width: 300px; text-aling: left; float: left;}

#header-nav ul { position: relative; float: left; width: auto; margin-right: 6px }
#header-nav ul li {
	position: relative; float: left; width: auto; height: 36px;
	padding: 0; margin: 0 0 0 3px; 
}
#header-nav ul li a {
	position: relative; float: left; width: auto;
	font-size: 12px; text-decoration: none; font-weight: bold;
	padding: 0 8px; margin: 0; white-space: nowrap; color: #fff;
	background-color: #b0c9cc;
}
#simple-search {width: auto; padding-right: 6px; margin: 15px 0 10px 0;background:#C4E4E9 url(/files/pikkuhelene/i/bg_tuotenavi.gif) no-repeat scroll center top;
border-bottom:8px solid #93CDD7;padding: 15px 20px 20px 20px; }
#simple-search form, #simple-search fieldset { margin: 0; padding: 0; width: auto; }
#simple-search .FormItem { padding: 0; margin: 0; border: 0; background: none; }
#simple-search label { width: auto; font-size: 13px; padding-right: 3px;  color:#228A9A; }
#simple-search input { font-size: 13px; }
#simple-search button { top: 5px; padding: 1px 4px; line-height: 15px; height: auto; }
#simple-search button span {
	float: none; margin: 0; padding: 0; border: 0;
	background: none; height: auto; width: auto; display: inline;
}
.column { position: relative; float: left;  }

#main-nav { width: 210px; min-height: 10px;  text-align: left; }
#secondary_content { width: 250px; min-height: 10px;  }
#primary_content { width: 450px; margin: 0; padding: 0 12px 25px 12px; }


#bID-ProductList #primary_content { width: 650px; margin: 0; padding: 20px 12px 25px 25px; }

#InfoPages #primary_content { width: 650px; padding-left: 25px;}


#page-header {
	padding: 8px 14px 0; margin: 0 -14px;
}
#path { margin: 0 0 8px 0; padding: 0; line-height: 18px; font-size: 10px; border: 0; }
#path ul, #path ul li { display: inline; line-height: 18px; font-size: 10px; margin: 0; padding: 0; border: 0; }
#path ul li a {
	font-weight: bold; text-decoration: none; line-height: 18px;
	font-size: 10px; margin: 0; padding: 0; border: 0;
}

#InfoPage { padding-top: 18px; }

#footer {
	position: relative; padding-top: 6px; padding-bottom: 40px; text-align: center; background: url(/files/pikkuhelene/i/bg_footer.gif) transparent scroll repeat-x center top;
}

#footer p, #footer a { font-size: 11px; color: #228a9a; margin: 0; }

#CustomerNavigation { text-align: right; float: right; }

.Float { float: left; }



/* Productlist
-------------------------------------------------------------- */

.ListSorter {
	position: relative; margin: 9px 6px;
	padding: 0 9px; background: #fffff2;
	border: 1px solid #ccccc2;
	font-size: 11px;
}
.ListSorter .items-quanity { float: left; width: auto; line-height: 34px; font-weight: bold; margin: 0; padding: 0; }
.ListSorter .SortForm { float: right; width: auto; font-size: 11px; }
.ListSorter .SortForm .FormItem { height: 22px; padding: 7px 0 0 0; width: auto; clear: none; font-size: 11px; }
.ListSorter .SortForm .FormItem label { width: auto; padding-right: 10px; font-size: 11px; }
.ListSorter .SortForm .FormItem select { width: 192px; font-size: 11px; }

.Pagination {
	position: relative;
	clear: both; margin: 9px 6px;
	padding: 8px 9px; background: #fffff2;
	border: 1px solid #ccccc2;
	font-size: 11px; text-align: center;
}
.Pagination ul, .Pagination ul li { list-style: none outside; margin: 0; padding: 0; display: inline; line-height: 18px; }
.Pagination ul li { margin: 0 4px; font-weight: bold; }
.Pagination ul li.PagesBetween { margin: 0 9px; }
.Pagination ul li a { line-height: 18px; padding: 5px; }
.Pagination ul li.CurrentPage a { background: #fff; border: 1px solid #d9d9d9; }

#bID-HomePage .FeaturedLeft { }
.ProductList .Product {
	position: relative; float: left;
	margin: 10px 2px 0 0; padding: 9px 22px 27px 0;
	width: 129px; height: 230px; overflow: hidden;
}
.ProductList .first { clear: left; }
.ProductList .last { margin-right: -9px; }

.Product .ProductImage {
	display: block; position: relative;
	margin: 0; padding: 0;
	background: #fff; border: 4px solid #fff;
	vertical-align: middle;
	text-align: center;
}

.categoryImage img{
	 border: 4px solid #fff;
	 margin-top: 15px;
}

.Product .ProductImage img { display: inline; vertical-align: middle; line-height: 145px; margin: auto; }
.Product .ProductImage:hover { border: 4px solid #fff; }

.Product h2 { font-size: 12px; margin: 0; padding: 9px 0 0; }
.Product .Prices { padding: 0 0 9px; margin: 0; }

.Product a:link,
.Product a:visited { text-decoration: none; }
.Product a:active,
.Product a:hover { text-decoration: underline; }

.Product .AddToCart { font-size: 10px; }

#bID-HomePage .Product .AddToCart, #bID-ProductList .Product .AddToCart, #bID-CategoryFront .Product .AddToCart { display:none; }



/* Left column
-------------------------------------------------------------- */

#main-nav li { border-bottom: 1px solid #e2f2f4; }
#info-nav ul, #info-nav ul ul { display: block; }
#info-nav { width: 925px; height: 70px; clear:float; float: left;}
#main-nav li a, #main-nav li h2 {
	display: block; position: relative;
	font-size: 14px; 
	line-height: 18px; padding: 8px 15px 9px;
	text-decoration: none;
}

#main-nav img { padding-top: 10px; margin-left: 20px; }

#product-nav img { padding-top: 10px; margin-left: -10px; }

#product-nav { padding-left: 30px; background: url(/files/pikkuhelene/i/bg_tuotenavi.gif) #c4e4e9 scroll no-repeat center top; border-bottom: 8px #93cdd7 solid;}

/* Info Menu
-------------------------------------------------------------- */

#welcome_text {  float:left;}

#info-nav ul{margin:0px;padding:2px 0 10px 15px;list-style-type:none;width:590px;float:left;}
#info-nav ul li{display:block;float:left;margin:0px;}
#info-nav ul li a{display:block;float:left;color:#90c9cf;text-decoration:none;padding:5px 3px 0 3px;height:28px;background:transparent url(/code/fox/images/foxmenu_bg-OFF.gif) no-repeat top left;}
/* #info-nav ul li a:hover{color:#90c9cf;background:transparent url(/code/fox/images/foxmenu_bg-OVER.gif) no-repeat top right;} */
#info-nav ul li a.current,#foxmenu ul li a.current:hover{color:#90c9cf;}
#info-nav h2{display:none;}
/*#info-nav ul a{text-indent: -1112px; width: 100px; background-color:#00FFFF;}*/


ul li#navi-etusivu a{ height: 40px; width: 35px; background:url(../i/navi_etusivu.gif) no-repeat 0 0; text-indent: -6666px;   }
ul li#navi-yritysinfo a{ height: 40px; width: 106px; background:url(../i/navi_yritysinfo.gif) top left no-repeat; text-indent: -6666px;  }
ul li#navi-asiakaspalvelu a{ height: 40px; width: 149px; background:url(../i/navi_asiakaspalvelu.gif) top left no-repeat; text-indent: -6666px;  }
ul li#navi-blogi a{ height: 40px; width: 69px; background:url(../i/navi_blogi.gif) top left no-repeat; text-indent: -6666px;  }
ul li#navi-yhteystiedot a{ height: 40px; width: 129px; background:url(../i/navi_yhteystiedot.gif) top left no-repeat; text-indent: -6666px;  }

ul li#navi-etusivu a:hover, ul li#navi-yritysinfo a:hover, ul li#navi-asiakaspalvelu a:hover, ul li#navi-yhteystiedot a:hover, ul li#navi-blogi a:hover{ background-position: 0 -40px;}




#main-nav li.Current { color: #000000; }
#main-nav li.Current a, #main-nav li.Current h2 {  }
#main-nav li li { border: 0; }
#main-nav li li a, #main-nav li.Current li a {
	font-weight: normal;
	line-height: 12px;
	margin-left: 14px;
	margin-top: -3px;
}
#main-nav li li.Current {
	padding: 0; margin: 0; border: 0;
}
#main-nav li li li a, #main-nav li li.Current li a { padding-left: 45px; font-size: 11px; }
#main-nav li li li.Current { margin: 0; padding: 0; border: 0; }

/* Magic of bolding */
#main-nav li.Current a { font-weight: bold; }
#main-nav li.Current li a { font-weight: normal; }
#main-nav li li.Current a { color: #2c6269; font-style: italic;}
#main-nav li li.Current li a { font-weight: normal; }
#main-nav li li li.Current a { font-weight: bold; }
#main-nav li li li.Current li a { font-weight: normal; }

/* Let's display the right categories at the right places */
#main-nav ul ul { display: none; margin-top: -5px; }
#main-nav ul li.Current ul { display: block; }
#main-nav ul li.Current ul ul { display: none; }
#main-nav ul li.Current ul li.Current ul { display: block; }




/* Right column
-------------------------------------------------------------- */

#mini-cart { background: url(/files/pikkuhelene/i/h2_ostoskori.gif) no-repeat center top; text-align: center;}
#mini-cart h2{ text-indent: -6666px;}
#mini-cart p.EmptyCart { font-size: 12px; margin: 0; padding: 9px 15px; border-bottom: 1px solid #d9d9d9; }

#SideNews { background-color: #fff;
border:2px solid #d7edf1;}
#SideNews h2{ background:transparent url(/files/pikkuhelene/i/h2_ajankohtaista.gif) no-repeat scroll 10px bottom; text-indent: -6666px;}

#SideNews p{ padding-left: 15px;}


#Postituslista { min-height: 10px; margin-top: 20px; padding: 15px; text-align: left; background: url(/files/pikkuhelene/i/bg_tuotenavi.gif) #d4edf1 scroll no-repeat center top; border-bottom: 8px #93cdd7 solid;}


#mini-cart .CartProduct, #mini-cart .CartProceed {
	float: none; margin: 0; display: block;
	width: auto; height: auto;
	padding: 8px 15px 9px; border: 0;
	border-bottom: 1px dotted #d9d9d9;
}
#mini-cart h3 { font-size: 11px; padding: 0; margin: 0; }
span.VariationName { font-weight: normal; color: #333; }
#mini-cart dl, #mini-cart dt, #mini-cart dd { font-size: 11px; }
#mini-cart dl { margin: 0; padding: 0; }
#mini-cart .CartProceed { border-style: solid; font-size: 12px; }

#mini-cart .CartProduct .CartProductRemove a {}
#mini-cart .ToShoppingCart,
#mini-cart .ToCheckout { display: block; }
#mini-cart .ToCheckout a { font-size: 14px; font-weight: bold; }

/* Right column products
-------------------------------------------------------------- */

#main-nav .Product, #side-features .Product {
	position: relative; float: left; clear: left;
	margin: 0 6px; padding: 9px;
	width: 162px; height: auto; border: 0;
}
#main-nav .Product h2, #side-features .Product h2 {
	font-size: 12px; margin: 0; padding: 9px 0 0;
	border: 0; font-weight: bold; background: none;
}

/* .Categories, .SubCategories, .BrandsNavigation
-------------------------------------------------------------- */

.Categories, .Categories li, .SubCategories, .SubCategories li,
.BrandsNavigation, .BrandsNavigation li, .NewsList, .NewsList li {	margin: 0; padding: 0; list-style: none outside; }
.Categories li, .SubCategories li, .BrandsNavigation li, {	margin: 0; padding: 0; border-bottom: 1px solid #85aaab; }
.Categories li a, .SubCategories li a, .BrandsNavigation li a {	display: block; padding: 8px 15px 9px; background: url(/files/pikkuhelene/i/bg_main-nav.gif) no-repeat left bottom; }
.SubCategories ul { display: none; }

#secondary_content .NewsList li{ padding: 8px 15px 9px; }

/* Small Productlists
-------------------------------------------------------------- */

.TopSellers, .NewProducts, .TopSellers li, .NewProducts li, .HotPicks, .HotPicks li {
	position: relative; margin: 0; padding: 0;
	list-style: none outside;
}
.TopSellers, .NewProducts, .HotPicks { margin: 0; font-weight: bold; }

.TopSellers li, .NewProducts li, .HotPicks li, #side-features .TopSellers li, #side-features .NewProducts li,
#side-features .HotPicks li { min-height: 36px; padding: 6px 15px 11px; border-bottom: 1px dotted #d9d9d9;  }

.TopSellers li h3, .NewProducts li h3, .HotPicks li h3 { margin: 0; padding: 0 0 0 40px; }
.TopSellers li h3 a, .NewProducts li h3 a, .HotPicks li h3 a {
	position: relative; display: block;
	margin: 0; padding: 0; line-height: 18px; font-size: 10px;
}
.TopSellers li a.ListImage, .NewProducts li a.ListImage, .HotPicks li a.ListImage {
	position: absolute; display: block;
	top: 9px; left: 14px; text-align: center;
	width: 32px; height: 32px; line-height: 28px;
	border: 1px solid #d9d9d9; vertical-align: middle;
	background: #FFF;
}
.TopSellers li a.ListImage:hover, .NewProducts li a.ListImage:hover, .HotPicks li a.ListImage:hover { border-color: #09f; }
.TopSellers li a.ListImage img, .NewProducts li a.ListImage img, .HotPicks li a.ListImage img {
	vertical-align: middle; display: inline;
	line-height: 28px; margin: auto;
	padding: 0; border: 0;
}

/* Product
-------------------------------------------------------------- */

#ProductPage { padding: 18px 0; }

#ProductImages, #ProductBuy {
	position: relative; float: left;
	overflow: hidden;
}
#ProductImages { margin: 0 0 0 0; padding: 0 0 0 0; }
#ProductBuy { margin: 0 0 0 6px; padding: 15px 15px 15px 15px; width: 250px; background-color: #fff; border:2px solid #d7edf1;}

#ProductShortDesc p { font-size: 14px; }
#ProductFullDesc { clear: both; margin: 0; padding: 18px 0; }

#CurrentProductImage {
	position: relative; display: block; clear: left;
    text-align: center;
	margin: 0 0 10px; padding: 0; 
	text-decoration: none; overflow: hidden;
	line-height: 254px; vertical-align: middle;
}
#CurrentProductImage img:hover { border-color: #ebf4ee; }
#CurrentProductImage img { display: inline; vertical-align: middle; line-height: 254px; margin: auto; border: 4px solid #FFFFFF; }

#ProductImageCaption {
	margin: 0; padding: 0;
	text-align: center; font-size: 11px;
	height: 36px; color: #666;
}
#ProductThumbnails {
	width:460px; position: relative;
	overflow: hidden; height: auto;
	margin: 0 -2px 20px 0; padding-left: 1px;
	list-style: none outside;
}
#ProductThumbnails li {
	position: relative; float: left;
	margin: 0 6px 2px 0;
}
#ProductThumbnails li a {
	position: relative; display: block; float: left;
	line-height: 28px;
	border: 4px solid #fff; vertical-align: middle;
	text-align: center;
}
#ProductThumbnails li a:hover { border-color: #ebf4ee; }
#ProductThumbnails li a img { vertical-align: middle; line-height: 28px; display: inline; margin: auto; }

#ProductShortDesc { margin: 0 0 18px; }
#ProductShortDesc p { margin: 0; }

#ProductBuy .prices {
	font-size: 14px; width: 100%;
	margin-bottom: 18px;
	position: relative;
	overflow: hidden;
}
#ProductBuy dl { width: 100%; overflow: hidden; margin: 0 0 18px; padding: 0; }
#ProductBuy dt,
#ProductBuy dd {
	position: relative; float: left;
	width: auto; margin: 0; padding: 0;
}
#ProductBuy dt { width: 150px; }
#ProductBuy dd { width: 150px; }

#ProductBuy .Availability {}
#ProductBuy .Availability .DeliveryTime { margin-left: 108px; color: #c00; }

.BuyForm fieldset {
	clear: left; position: relative;
	margin: 18px 0; padding: 16px 8px 0;
	width: 300px;
}
.BuyForm .FormItem {
	margin: 0; padding: 0 0 15px;
	background: none; border: 0;
}
.BuyForm select { font-size: 11px; }
.BuyForm label, .BuyForm .label { font-size: 11px; color: #228a9a; width: 40px; }
.BuyForm .Checks { margin-left: 43px; }
.BuyForm .Checks label { width: 100%; color: #333; }
.BuyForm button.AddToCart { margin-left: 43px; }

/* Category Frontpage
-------------------------------------------------------------- */

#CategoryFront {
	position: relative; width: 576px; margin: 0 -15px;
}
#CategoryFront div.ProductList { text-align: center; }
#CategoryFront .NoProducts { display: none; }
.FeaturedLeft {
	position: relative; float: left;
	width: 655px;
	background: url(/files/pikkuhelene/i/bg_featured-left.gif) repeat-y left top;
	padding-top: 15px; 
	text-align: center;
	padding-left: 14px;
}

#bID-HomePage .FeaturedLeft {
	width: 555px;
}

.FeaturedRight {
	position: relative; float: left;
	width: 192px;
	padding-top: 15px; 
}
.CategoryPhoto {
	position: relative; width: 574px; margin: 0 0; height: auto;
	min-height: 72px;
}
.CategoryPhoto img { margin: 0; padding: 0; border: 0; display: block; }
.CategoryDesc {
	width: 562px; height: auto; min-height: 36px; 
	padding: 9px 12px;
	background-color: #fff;
	border:2px solid #FFFFFF;
}
.CategoryDesc h1, .CategoryDesc h2 { margin: 0; border: 0; background: none; }
.CategoryDesc h1 { line-height: 18px; padding: 9px 0; font-size: 30px;}
.CategoryDesc h2 { line-height: 18px; font-size: 14px; font-weight: normal; padding: 0;  }

.FeaturedRight h2.boxheader {	margin: -1px 1px 0; }

#HomeIntro {
	position: relative; width: 460px; margin: 0 20px 0 0; height: auto; 
}

#HomeIntro img{
/*	border: 4px solid #c4e4e9;*/
}


#HomeIntro h1 p{ margin: 5px 0 -5px 10px; font-size:14px; color:#228A9A; font-weight: bold; }

 Cart
-------------------------------------------------------------- 

#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 a {
	display: block; position: relative;
	text-align: center;
	line-height: 30px;
	border: 1px solid #d9d9d9; vertical-align: middle;
}
.CartPic a:hover { border-color: #09f; }
.CartPic a img {
	vertical-align: middle; display: inline;
	line-height: 28px; margin: auto;
	padding: 0; border: 0;
}
#CartTable tfoot th, #CartTable tfoot td,
#PreviewTable tfoot th, #PreviewTable tfoot td { text-align: right; }

/* #CartTable, #LoginForm, #NewCustomerForm { background:transparent url(/files/pikkuhelene/i/bg_transparent.png) repeat scroll left bottom; }*/

#NewCustomerForm { padding-left: 15px; margin-left: -15px; }

#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 .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; background: #e7f2ea; border: 1px solid #228a9a;
	line-height: 18px; height: 18px; text-decoration: none; color: #228a9a; font-size: 11px; 
	font-weight: bold;
}

/* Checkout
-------------------------------------------------------------- */

#bID-Checkout {}
#bID-Checkout #simple-search, #bID-Checkout #path, #bID-Checkout #product-nav { display: none; }

#bID-Checkout #main {  }
#bID-Checkout #primary_content { width: 737px; padding-left: 16px;}

#bID-Checkout #main-nav p { padding: 9px 15px; }

/* Displaying Checkout Stage */

#bID-Checkout #CheckOutHeader {
	position: relative; width: 100%; 
	overflow: visible; z-index: 3;
	margin: 0 -15px; height: 53px; border-bottom: 1px solid #bfdbd7;
}
#bID-Checkout #CheckOutHeader h1 {
	position: relative; float: left; width: auto;
	height: 36px; line-height: 36px; padding: 18px 36px 0 14px; 
	border: 0; margin: 0; background: none;
}
#bID-Checkout #CheckOutHeader #CheckoutStage {
	position: relative; overflow: hidden; width: auto;
	list-style: none outside; margin: 0; padding: 0;
	height: 36px; padding: 18px 0 0; line-height: 36px;
}
#bID-Checkout #CheckOutHeader #CheckoutStage li {
	position: relative; float: left;
	height: 34px; line-height: 34px;
	margin: 0 3px 0 0; padding: 0 17px;
	border: 1px solid #d9d9d9; z-index: 5;
	background: #dee9e1; color: #90b3b6;
	font-weight: bold; font-size: 11px;
}
#bID-Checkout #CheckOutHeader #CheckoutStage li.CurrentCheckoutStage {
	background: #eaf3ed; color: #228A9A;
}
#bID-Checkout .CheckoutStageEdit {
	font-size: 10px; font-weight: normal;
	position: relative; top: -6px;
	color: #000; padding: 0 0.15em;
}