@font-face {
    font-family: 'UniversLTStd47LightCondensed';
    src: url('../fonts/universltstd-lightcn-webfont.eot');
    src: url('../fonts/universltstd-lightcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/universltstd-lightcn-webfont.woff') format('woff'),
         url('../fonts/universltstd-lightcn-webfont.ttf') format('truetype'),
         url('../fonts/universltstd-lightcn-webfont.svg#UniversLTStd47LightCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UniversLTStd57Condensed';
    src: url('../fonts/universltstd-cn-webfont.eot');
    src: url('../fonts/universltstd-cn-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/universltstd-cn-webfont.woff') format('woff'),
         url('../fonts/universltstd-cn-webfont.ttf') format('truetype'),
         url('../fonts/universltstd-cn-webfont.svg#UniversLTStd57Condensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Tyylit */
p
{
	margin: 0 0 20px;
}

a, a:link, a:visited, a:active
{
	font-family: 'Calibri', Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
}

/* Tällä pakotetaan editorin sisällön linkit oikean näköisiksi
   Eli yleensä sama tyyli kuin tuossa yllä a-elementille, mutta jokaisen perään !important */
.mceContentBody a,.mceContentBody a:link, .mceContentBody a:visited
{
	font-family: 'Calibri', Arial, Helvetica, sans-serif !important;
	color: #333 !important;
	text-decoration: none !important;
}
.mceContentBody
{
	background:transparent !important;
	text-align: left;
}


a.news, a.news:link, a.news:visited
{
	color:red;
	text-decoration: none;
}
.text
{
	width:100%;
}
h1
{
	font-size: 30px;
	line-height: 30px;
}
h2
{
	font-size: 19px;
	line-height: 19px;
}
h3
{
	font-size: 15px;
	line-height: 15px;
}
h4
{
	font-size: 13px;
	margin: 20px 0 5px;
	line-height: 13px;
}

h1, h2, h3, h4 											{ font-family: 'UniversLTStd57Condensed', Arial; font-weight: normal; }

.error_message
{
	color:#ab0000;
	margin:10px 0 20px 0;
}
.success_message
{
	color:#368b1c;
	margin:10px 0 20px 0;
}

/* Dropdownmenu */
.menuarea
{
	position:absolute;
	display:none;
	width:180px;
	border:1px solid #c3c3c3;
	background-color:white;
	padding-bottom:5px;
}
#menutable .menutop_a
{
	color:#6D3A78;
	padding:0 4px;
}
#menutable .menutop
{
	color:#3c3c3c;
	padding:0 4px;
}
#menutable .menusub_a
{
	color:#6D3A78;
	padding:0 4px;
	font-weight:bold;
	display:block;
}
#menutable .menusub
{
	color:#3c3c3c;
	padding:0 4px;
	display:block;
}
.sitenews_revolver_topic
{
	display:block;
	position:absolute;
	height:100%;
}

/* ::::::::::::::::::::::::- Basic -:::::::::::::::::::::::: */

	html 														{ padding: 0; margin: 0; }

	body 														{ 
																  background: #e2e2e0 url(../img/bg.jpg) center top repeat-x;
																  font: 12px/16px 'Calibri', Arial, Helvetica, sans-serif;
																  margin: 0; padding: 0; text-align: center;
																}

	body#normal-page 											{  }

	a															{ outline: none; /* FF fix */ text-decoration: underline; }

	img															{ border: none; }

	input[type="button"], input[type="file"]					{ border: 1px solid #ccc; border-radius: 3px; color: #333; cursor: pointer; font: bold 13px/16px 'Calibri', Arial, Helvetica, sans-serif; padding: 3px 10px; }

/* ::::::::::::::::::::::::- Float cont -:::::::::::::::::::::::: */
	
	.column, .float-left, #flags a, #nav, #logo, #flags
	{ float: left; }

	.float-right
	{ float: right; }

/* ::::::::::::::::::::::- Overflow cont -:::::::::::::::::::::: */

	#header, .columns, #footer, #flags, #wrapper, .submenu-cont,
	.submenu-item-cont, .submenu, #add-marks-container
	{ overflow: hidden; }

/* ::::::::::::::::::::::::- Color cont -::::::::::::::::::::::: */

	body, a, b
	{ color: #333; }

	.white, #nav-wrapper a
	{ color: white; }

/* ::::::::::::::::::::::::- Structure -:::::::::::::::::::::::: */
	
	#wrapper 													{ background: #9c9c9c; font: 15px/20px 'UniversLTStd47LightCondensed', Arial; letter-spacing: 1.05; }

	#wrapper,
	body#normal-page.use-wide-wrapper #wrapper					{ margin: 0 auto; position: relative; text-align: left; width: 100%; }

	body.nav-slide #wrapper										{ position: absolute; top: 20px; text-align: left; width: 100%; }

	body#normal-page #wrapper									{ background: none; margin: 0 auto; padding: 20px 0; position: relative; text-align: left; width: 950px; }
		body#normal-page #wrapper a								{ font-weight: bold; }
		
		#nav-bg													{ background: rgb(156, 156, 156); border-bottom: 1px solid #bcbcbc; height: 30px; padding: 25px 0;
																  position: relative; top: 0px; width: 100%; z-index: 30;
																  transition: top .3s ease-out;
																  -webkit-transition: top .3s ease-out;	
																  -moz-transition: top .3s ease-out;	
																}
		/* if slide is active */
		body.nav-slide #nav-bg									{ top: -60px; }
			body.nav-slide #nav-bg:hover 						{ top: 0; }

		#nav-wrapper											{ margin: 0 auto; position: relative; width: 950px; }
			
			#nav												{ margin: 5px 20px 0 30px; position: relative; z-index: 9; }
				#nav li											{ display: inline; position: relative; margin: 0 0 0 10px; }
					#nav li	a									{ font-family: 'UniversLTStd47LightCondensed', Arial; font-size: 14px; letter-spacing: 0.5px; position: relative; text-transform: uppercase; z-index: 20; }
					#nav li.current	a							{ font-family: 'UniversLTStd57Condensed'; }

					#nav li a:hover 							{ color: #c0c0c0; }
			
			.submenu-cont 										{ color: white; display: none; padding: 51px 0 0; position: absolute; left: 0; top: 0; text-align: left; width: 100%; z-index: 10; }
			.submenu-cont.width-auto 							{ width: auto; }
			.submenu-cont.width-auto ul							{ list-style: none; padding: 0; margin: 0; }
			.submenu-cont.width-auto ul li						{ display: block !important; margin: 0 0 10px !important; }

			/*#nav li:first-child .submenu-cont 					{ display: block; }*/ /* DEBUG */

				#nav li:hover > .submenu-cont					{ display: block; }

				.submenu 										{ background: rgb(156, 156, 156); padding: 20px 30px; }
					.submenu-cont.width-auto .submenu 			{ padding: 20px 10px; }
						.submenu-cont.width-auto .submenu ul	{ padding: 0; }
					.submenu h3									{ font-size: 13px; font-weight: bold; margin: 0 0 15px; text-transform: uppercase; }
					.submenu .divider.warm-grey 				{ margin: 30px 0 20px; }

				.submenu-item-cont 								{ border-right: 1px solid #b0b0b0; float: left; margin: 0 20px 0 0; padding: 0 20px 0 0; text-align: left; width: 100px; }
					.submenu-item-cont ul,
					#nav li .submenu-item-cont li,
					#women-product-labels,
					#women-product-labels li 	 				{ margin: 0; padding: 0; }

					#nav li .submenu-item-cont li a 			{ padding: 0 0 15px; text-transform: none; }

					#women-product-labels li 					{ margin: 0 15px 0 0; }
						#women-product-labels li a 				{ text-transform: none; }

					#input-container 							{ background: white url(../img/icons/icon-search.png) right center no-repeat; border: 1px solid #c2c2c2; display: inline-block; height: 25px; margin: 0 0 0 5px; width: 160px; }

					#search input								{ background: white; border: none; margin: 0; padding: 0; }
					#search input[type="text"] 					{ font-size: 11px; outline: none; padding: 4px; }
					#search input[type="submit"] 				{ background: transparent; height: 23px; width: 23px; }

			#flags 												{ margin: 7px 0 0; }
				#flags a										{ background: url(../img/flags/flags-all.png) no-repeat; display: block; height: 11px;
																  margin: 0 0 0 5px; width: 16px; }

				#flags a#flag-fi:hover 							{ background-position: 0 -11px; }

				#flags a#flag-se 								{ background-position: -60px 0; }
				#flags a#flag-se:hover 							{ background-position: -60px -11px; }

				#flags a#flag-en 								{ background-position: -20px 0; }
				#flags a#flag-en:hover 							{ background-position: -20px -11px; }

				#flags a#flag-ru 								{ background-position: -40px 0; }
				#flags a#flag-ru:hover 							{ background-position: -40px -11px; }

		#big-images 											{ display: none; position: absolute; top: 0; left: 0; width: 50000px; }
			#big-images .img-cont								{ background: url(../img/preloader.gif) center center no-repeat; float: left; height: 100%; position: relative; width: 200px; }

		.image-nav 												{ background: url(../img/buttons/button-image-nav.png) no-repeat; display: none; height: 147px; margin: -70px 0 0;
																  position: absolute; top: 50%; width: 56px; z-index: 50; }

		#next 													{ background-position: -57px 0; right: 0; }
		#prev 													{ left: 0; }
		
		#bottom-image-slider 									{ background: white; bottom: 0; height: 126px; padding: 15px 0; position: absolute; text-align: center; width: 100%; }
		#bottom-image-slider.with-buttons 						{ background: none; bottom: -40px; left: 50%; width: auto; }
			#bottom-image-slider a								{ margin: 0 5px; }
				#bottom-image-slider a img						{ border: 1px solid #f4f4f4; }

			#bottom-image-slider.with-buttons a 				{ background: url(../img/buttons/button-slider.png) no-repeat; cursor: pointer; display: block; float: left; height: 15px; width: 15px; }
			#bottom-image-slider.with-buttons a.current 		{ background-position: -15px 0; }

		.column													{  } /* Floats in Float cont */
			.column-10											{ padding: 0 2%; width: 6%; }
			.column-20											{ padding: 0 2%; width: 16%; }
			.column-25											{ width: 240px; }
			.column-30											{ width: 300px; min-height: 200px;} {* padding: 0 2%; width: 26%; *}
			.column-40											{ padding: 0 2%; width: 36%; }
			.column-50											{ padding: 0 2%; width: 46%; }
			.column-60											{ padding: 0 2%; width: 56%; }
			.column-65											{ width: 620px; padding-left: 20px;}
			.column-70											{ padding: 0 2%; width: 66%; }
			.column-75											{ width: 670px; }
			.column-80											{ padding: 0 2%; width: 76%; }
			.column-90											{ padding: 0 2%; width: 86%; }
			.column-100											{ width: 100%; }

		#footer													{  }			
	
/* ::::::::::::::::::::::::- Products edit -:::::::::::::::::::::::: */
	
	#add-marks-container 										{ margin: 30px 0 0; }
		#add-marks-control										{ width: 200px; }

		#add-marks-img-holder 									{ position: relative; width: 400px; }
			.one-mark	 										{ background: url(../img/icons/icon-plus.png) no-repeat; position: absolute; height: 25px; width: 25px; }
			.one-mark.active	 								{ background: url(../img/icons/icon-plus-active.png) no-repeat; }

		.mark-info-edit label									{ display: block; }

		#content-middle
		{
			
		}
			.toolbar
			{
				background: #d6d6d6;
				border-bottom: 1px solid #ccc;
				border-top: 1px solid #ccc;
				padding: 10px;
				margin: 10px 0;
			}
				.toolbar input[type="button"]
				{
					background: #333;
					border: none;
					border-radius: 10px;
					color: white;
				}

		.product-lift
		{
			margin: 0 10px 30px;
		}

		#product-view h2
		{
			font-weight: normal;
		}

			#product-view h2 a
			{
				font-weight: bold;
			}
	
/* ::::::::::::::::::::::::- Products view -:::::::::::::::::::::::: */

	.image-info-cont
	{
		display: none;
		position: absolute;
	}
		.one-mark:hover > .mark-info
		{
			display: block;
		}
			.mark-info
			{
				background: rgb(255, 255, 255);
				background: rgba(255, 255, 255, .8);
				display: none;
				padding: 10px;
				position: absolute;
				left: 13px;
				top: 13px;
			}

				.mark-info h2
				{
					
				}

			.icon-heart, .icon-email
			{
				display: block;
			}

			.icon-heart
			{
				background: url(../img/icons/icon-heart.png) no-repeat; margin: 0 0 5px; padding: 0 0 0 25px;
			}
			.icon-email
			{
				background: url(../img/icons/icon-email.png) no-repeat; padding: 0 0 0 25px;
			}

/* ::::::::::::::::::::::::- Normal page -:::::::::::::::::::::::: */

	#normal-page #nav-bg 										{ margin-bottom: 50px; }

	#normal-page h1												{ border-bottom: 1px solid #d0d0d0; margin: 0 0 30px; padding: 0 0 20px; }
	#normal-page h2												{ margin-bottom: 30px; }

	.column.column-25 											{ float: right; }

	#googlemaps 												{ height: 370px; margin: 60px 0 0 10px; padding: 0; width: 580px; }

	.get-location 												{ background: #9c9c9c; bottom: 20px; color: white !important; padding: 5px 10px; position: absolute; }

	.box 														{ padding: 0 0 20px; float: left; width: 280px; }

	.clearfix-for-boxes 										{ border-bottom: 1px solid #d4d4d4; overflow: hidden; position: relative; margin: 40px 0; }

	.clearfix-for-boxes .box 									{ margin: 0 0 0 55px; height: 100%; }
	.clearfix-for-boxes .box:first-child 						{ margin-left: 0; }

	.box-content 												{ padding: 0 0 20px; }

	#normal-page a:hover 										{ color: #5a5a5a; }

/* ::::::::::::::::::::::::- Common -:::::::::::::::::::::::: */
	
	.divider
	{
		border-top: 1px solid #ccc;
		display: block;
		height: 1px; 
		margin: 10px 0; 
		width: 100%;
	}
		.divider.warm-grey
		{
			border-top-color: #b0b0b0;
		}

	.hide														{ display: none; }
	.clear 														{ clear: both; }

	/* ------- Removes -------- */	
	.remove-bottom-border 										{ border-bottom: none !important; }
	.remove-top-border 											{ border-top: none !important; }

	.remove-bottom-margin 										{ margin-bottom: 0 !important; }
	.remove-right-margin 										{ margin-right: 0 !important; }
	.remove-left-margin 										{ margin-left: 0 !important; }
	.remove-top-margin 											{ margin-top: 0 !important; }
	
/* other */
h1.page-title {
	margin-bottom: 55px !important;
}

h1.news-title {
	margin: 12px 0px !important;
	padding: 0 !important;
	border: 0 !important;
	line-height: 1 !important;
}

#newspage .column-25 {
	padding-left: 30px !important;
	border-left: 1px solid #d4d4d4 !important;
}

.newscontent h1 {
	font-size: 47px;
	border-bottom: none !important;
	margin-top: 18px !important;
	margin-bottom: 20px !important;
	line-height: 1;
}

.newscontent small 												{ font-size: 12px; margin: 0; }
.newscontent small + h1 										{  margin: 0 0 20px !important; }

.newscontent h2 {
	font-size: 26px;
	border-bottom: none !important;
	margin-top: 15px !important;
	margin-bottom: 30px !important;
	line-height:1;
}

#myymalat h1 {
	margin-bottom: 5px !important;
	padding-bottom: 30px !important;
	width: 300px;
}

.black-ball 																	{ display: block; position: absolute;}

#kuvasto.black-ball 															{ background: url(../img/ball-syksytalvi.png) 0 -135px no-repeat; bottom: 150px; height: 136px; left: 300px; width: 136px; }
#fc.black-ball 																	{ background: url(../img/ball-fc.png) 0 -111px no-repeat; bottom: 100px; height: 110px; left: 445px; width: 115px; }

#kuvasto.black-ball:hover,
#fc.black-ball:hover 															{ background-position: 0 0; }