@charset "utf-8";

/* Page top
----------------------------------------------------------------------------------------------------*/

	.scntum {position:fixed; margin:0 auto; width:1000px; top: 10px; left:10px;}
	#topbox	{ margin:0 0 0 1px; padding:0; width:956px;background:url(../i/topbox.jpg) no-repeat center top; height: 120px; }
	#topbox ul {margin:0;padding:0;}
	
	#topbox .grid_2 {width:170px;}

	#topbox .grid_3 {width:180px;}

	#topbox .grid_5 {width:400px;}

	#topbox li {list-style-type: none;padding:0 0 0 15px;background:url(../i/ico_dot.gif) no-repeat left 6px;}
	#topbox li:hover {background:url(../i/ico_dot.gif) no-repeat left -104px;}
	#topbox li.Current {background:url(../i/ico_dot.gif) no-repeat left center; font-weight:bold;}
	#topbox a {color: #069;text-decoration:none;}
	#topbox a:hover {color: #09f;}
	
	.InfoNavigation	{margin-top:10px;padding:0;}

	.customer { margin-top:10px; padding:0;}	
	.cart { margin-top:10px; padding:0;}
	.cart p { padding: 10px 0 0 0;text-align:center;}
	.cart span { padding:0 1px; color:#069; }
	
#topbox .LanguageNavigation {
	list-style-type: none;
	position:absolute;
	z-index: 5;
	top: 0;
	right: 150px;
	border-bottom:1px solid #aaa;
	-webkit-box-shadow: 1px 1px 1px #ddd;
	-moz-box-shadow: 1px 1px 1px #ddd;
	-o-box-shadow: 1px 1px 1px #ddd;
	box-shadow: 1px 1px 1px #ddd;
	border-radius: 3px;
}

#topbox .LanguageNavigation li {
	background: none;
	padding:0;
}

#topbox .LanguageNavigation .fi, #topbox  .LanguageNavigation .en {
	display:inline-block;
	list-style-type: none;
	background: url(../i/fi.png) no-repeat 10px 12px;
	height: 16px;
	line-height: 16px;
	margin:0;
	padding:10px 10px 5px 31px;
}

#topbox .LanguageNavigation .en {
	background-image: url(../i/gb.png);
}
	
/* Navibar
----------------------------------------------------------------------------------------------------*/

#navibar { background: url(../i/bg_topnavbar.gif) no-repeat center top; height:36px; margin-bottom:10px; } 

ul#topnav, ul#searchnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
}

ul#topnav li, ul#searchnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
}

ul#topnav li:hover {background: url(../i/bg_topnavbar.gif) repeat-x -2px bottom;}
ul#topnav li.NavShop:hover {background: url(../i/bg_topnavbar.gif) repeat-x 0 bottom;}
ul#topnav li a, ul#searchnav li a {
	float: left; padding:10px 20px; margin:0; text-decoration:none;
}
ul#topnav li h2 a, ul#searchnav li h2 a {color:#fff;}
ul#topnav li:hover a, ul#topnav li a:hover { background-position:left top; color:#069; } /*--Hover State--*/
ul#topnav .NavShop a {background: none;}
ul#topnav .NavOutlet a,ul#topnav .NavCompanies a,ul#topnav .NavCampaign a {background: url(../i/bg_nav_sepa.gif) no-repeat left top;}
ul#searchnav a.search {	background: url(../i/bg_topnavbar_dark.gif) repeat-x;}

ul#topnav li .sub, ul#searchnav li .sub {
	font-family: Georgia, "Times New Roman", Times, serif;
	background: url(../i/bg_navdown.gif) no-repeat left -5px #fafafa;
	position: absolute; /*--Important--*/
	top: 36px; left: 0;
	z-index: 99999;
	padding: 15px 10px 15px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
}


ul#topnav .sub {margin-left:4px;}
ul#searchnav li .sub { background: url(../i/bg_navdown.gif) no-repeat -5px top #fafafa; }
ul#searchnav li .sub p {font-family:Arial, Helvetica, "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;}

ul#topnav li .row, ul#searchnav li .row{ /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

ul#searchnav li .row { padding:0; text-align:center;}

ul#topnav li .sub ul, ul#searchnav li .sub ul {
	list-style: none;
	margin: 0; padding: 0;
	width: 200px;
	float: left;
}
ul#topnav .sub ul li, ul#searchnav .sub ul li {
	width: 100%;background:none; /*--Override parent list item--*/
}

ul#topnav .NavCompanies .sub ul { width:770px; }
ul#topnav .NavCampaign .sub ul { width:241px; }
ul#topnav .NavCompanies .sub ul li {float:left; width:190px;}

ul#topnav .sub ul li h2, ul#searchnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding:0 0 10px 0;  margin: 0;
	font-size: 16px;
	font-weight:bold;
	color:#069;
}

ul#searchnav .sub h2 {color:#069; text-align:center;}

ul#topnav .sub ul li h2 a, ul#searchnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	background: url(../i/ico_dot.gif) no-repeat 0 9px;
	padding: 2px 5px 2px 15px;
	display: block;
	text-decoration: none;
}

ul#topnav .sub .LastNavigationItem a {border-bottom: none;}

ul#searchnav .row a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: 16px; /*--Override height from parent list item--*/
	background: none;
	padding:0;
	margin:0;
	text-decoration: none;
}

ul#topnav .sub ul li a:hover {
	background:url(../i/ico_dot.gif) no-repeat 0 -101px ;color:#09f;/*--Override background position--*/
}

ul#searchnav div.searchcolor {padding:11px 0 7px 0;border:1px solid #D9D9D9;background:#fff;	/*-- rounded corner--*/
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;}

/* SearchForm */

#SearchForm { 
	float: right; clear: none; margin:0; padding:0;
	background: none; border:none;color:#000;
}

#SearchForm p { padding:10px;}
#SearchForm .FormItem { border: 0; padding: 0; background: none; margin:0 15px 0 0; }
#SearchForm label { width: auto; display:none; }
#SearchForm input { width: 200px; padding:4px 0; margin:0 2px; display:block; background:#fff; }
#SearchForm button { margin-right: 0; padding:2px 5px; }
	
/* Category center
----------------------------------------------------------------------------------------------------*/
	
	#CategoryBar { margin-top:10px;margin-bottom:10px;}
	#CategoryMain, #ProductListMain  { margin-bottom:20px; z-index:0;}
	
	.Shop, .Outlet, .Campaign, .News { background: url(../i/bg_navdown_light.gif) no-repeat 160px 31px #fafafa;
		/*--Bottom right rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;}	
	.Shop h2, .Outlet h2, .Campaign h2, .News h2 {  padding:10px; margin:0 0 10px 0; text-align:center; background: #fff; color:#fff;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;}
	.Shop h2, .Outlet h2, .Campaign h2 { margin:0;background: url(../i/bg_leftnavbar_dark.gif) no-repeat center bottom #fff;}
	.News h2 {  padding:10px; margin:0 0 10px 0; text-align:center; background: url(../i/bg_bluebar.gif) no-repeat left -324px #fff;}
	.Shop h2 a, .Outlet h2 a, .Campaign h2 a, .News h2 a {color:#fff; text-transform:uppercase;}
	.Shop h2 a:hover, .Outlet h2 a:hover, .Campaign h2 a:hover, .News h2 a:hover {}
	.News h2 a {color:#fff;}
	.Shop .subShow, .Outlet .subShow, .Campaign .subShow {display:none;}
	
	
	.UnderImg .ProductImage {
	display: block; position: relative;
	margin: 0; padding: 0;
	height: 230px; width: 230px;
	background: #FFF; border: 0px solid #D9D9D9;
	text-align: left;}
	
	.UnderImg .ProductImage img {
	display: block; position: absolute;}
	
	.OverText { display:block;position:absolute;top:191px;background: url(../i/bg_down.gif) no-repeat 0 0; filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8; width:220px; padding:25px 5px 0 5px;margin:0;z-index:7; height:50px;}
	
	.OverText .Prices dt { display: none; } /* @ productlist */
	.OverText .Prices dd { display: inline; } /* @ productlist */
		
	#CategoryBar .News {overflow:hidden;margin-bottom:0;}
	.News {margin-bottom:10px;}
	.NewsList, .Campaign .Categories {margin:0;padding:0 10px; list-style-type:none; height:220px;}
	.RightNav .NewsList { height:auto; padding:0 10px 10px; }
	.RightNav .NewsList li { margin:0;padding:0 0 5px 15px; background: url(../i/ico_dot.gif) no-repeat 0 6px; }
	.RightNav .NewsList li:hover { background: url(../i/ico_dot.gif) no-repeat 0 -104px; }
	.RightNav .NewsList li.Current { background: url(../i/ico_dot.gif) no-repeat 0 center; font-weight:bold; }
	
	.NewsList li, .NewsList ol { margin:0;padding:0 0 10px 0; }
	.NewsList span  { font-size:10px; padding-left: 5px; color: #565656; }
	.NewsList h4 a { font-size:12px; }
	.NewsList .Overview  { font-size:12px; padding:0 0 5px 5px; height:28px; overflow:hidden; }
	.NewsList a  { font-size:12px; }
	
	.InfoPageID-6 .News, .InfoPageID-11 .News {display:none;}
			
/* TopSellerBox tabs and CustomerBox
----------------------------------------------------------------------------------------------------*/

	.TopSellerBox {background:#fff; height: 162px;
	/*--rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/*--rounded corner--*/
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px; }
	
	.ProductList li { border-bottom: 0px dotted #D9D9D9; }
	.ListProduct  {width:150px; float:left; overflow:hidden; }
	.ListProduct .ListImage { float:left; overflow:hidden; }
	
	.TopSellerBox .simpleTabsContent {background: url(../i/bg_navdown_light.gif) no-repeat -19px 0 #fafafa; padding-top:20px; clear:left;}	
	.TopSellerBox ul.simpleTabsNavigation {margin:0; padding:0;}
	
	.TopSellerBox ul.simpleTabsNavigation li {
	display: inline; list-style: none; outline:none; margin-right:2px;
	text-decoration: none;
	float: left;
	}

	.TopSellerBox .simpleTabsNavigation a { outline:none;font-size:15px;margin:0; padding:10px;float: left;font-weight: bold; }
	
	.TopSellerBox ul.simpleTabsNavigation li a.current { outline:none; color:#fff;
	 background:url(../i/bg_bluebar.gif) repeat-x center 0 #6AC8E5;
	/*--rounded corner--*/
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	/*--rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;}
	
	.RegisterBox {height:162px; text-align:center; background: url(../i/bg_navdown.gif) no-repeat 0 31px #6AC8E5;
	/*--rounded corner--*/
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	/*--rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;}
	.RegisterBox h2 { color:#fff; margin:0;padding:10px;background:#069;
	/*--rounded corner--*/
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	/*--rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px; }
	.RegisterBox p { margin:15px 0 15px 0;padding:0 10px;color:#fff; line-height:20px; font-weight:bold;}
	.RegisterBox img { margin:0 5px;padding:0;}
	.grid_3 .RegisterBox {height:184px; background: url(../i/bg_navdown.gif) no-repeat 10px 31px #6AC8E5;margin-bottom:10px;}
	.grid_3 .RegisterBox p { text-align:left;margin:15px 0 15px 0;padding:0 10px;color:#fff;line-height:16px; font-weight:normal;}
	.grid_3 .RegisterBox img { margin:0 2px 0 0;padding:0;}
	
	
/* Banners
----------------------------------------------------------------------------------------------------*/

.BannerDiv { margin-top:10px;margin-bottom:-4px; padding:0;}
.BigBanners {margin:0;padding:0;}
.BigBanners a {margin:0;padding:0;}
.BigBanners img {margin:0;padding:0;}


/* Designers of month
----------------------------------------------------------------------------------------------------*/

ul.kks {margin-bottom:20px;}
.kks li {margin:2px; list-style-type:none;}
.kks a {margin-right:10px;display:inline-block; width:140px;}

.kksMonth {
	background: #fafafa;
	margin:10px 0;
	padding:20px;
	clear:both; 		
	/*--rounded corner--*/
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;}
	
.kksBlock {	clear:both;margin:10px 0;padding:0;	min-height: 220px; }
	
.kksMonth h2 {clear:both; }
.kksMonth .BoxHeader {background:url(../i/bg_bluebar.gif) repeat-x left -144px; }
	
.kksMonth img {float:left; margin-right:10px; }


/* Bottom Companies
----------------------------------------------------------------------------------------------------*/

.BottomCompanies { padding:10px; text-align:justify; background:#fff; border-top:1px dotted #D9D9D9;}
.BottomCompanies h3 {margin:0;padding:0; font-family: Georgia, "Times New Roman", Times, serif;
    font-size:24px;
	color:#d9d9d9;
	text-align: right;
    font-weight:lighter;}
.BottomCompanies a { margin:5px 10px 0 0;padding:0; color:#999;}
.BottomCompanies a:hover {color:#666;}
.BottomCompanies .Shop, .BottomCompanies .Outlet, .BottomCompanies .Campaign {display:none;}


/* Footer
----------------------------------------------------------------------------------------------------*/

.Footer {padding:10px 0 10px 0; margin-top:10px;background:#fff; color:#999;}
.Footer .Contact {padding:0 10px;}
.right {text-align:right;}
.Footer a {color:#999; text-decoration:underline;}
.Footer a:hover {color:#666;}