@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	font-family: Verdana;
	font-size: 11px;
	background: #fff;
	color: #185d93;
	border: 0;
}

/* BASIC TYPOGRAPHY SETTINGS */
	h1, h2, h3, h4, h5 {
		color: #63a0dc;
		font-weight: bold;
		padding: 0;
		margin: 0;
	}
	
	/* div, p, span { margin:0;padding:0 } */
	
	h1 { font-size: 24px; }
	h3 { float: left;clear: left; font-size: 14px; color: #1989e1; }
	h3.right { clear: right; float: right; margin-right: 25em; }
/* BASIC TYPOGRAPHY SETTINGS END */
/*
div#languageBar {
	float: left;
	background: #f1f1f1;
	margin: 0 0 0 5em;
	padding: .5em .2em .2em .2em;
	border: 0;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	display: inline;
	width: 180px;
}
*/

div#languageBar {
        float: left;
        background: #f1f1f1;
        margin: 0 17em 0 0;
        padding: .5em .2em .2em .2em;
        border: 0;
        border-left: 1px solid #d0d0d0;
        border-right: 1px solid #d0d0d0;
        border-bottom: 1px solid #d0d0d0;
        display: inline;
        width: 188px;
}

/* div#languageBar img { width: 20px; height: 20px; border: 0; margin: 0 0 0 .5em; padding:0; background: transparent; }
*/

div#languageBar img { height: 30px; border: 1px solid #d0d0d0; margin: 0 0 0 .5em; padding:0; background: transparent; }

div#footerWrapper {
	float: left;
	height: 200px;
	background: transparent url('../images/footer_background_trans.png') fixed repeat-x center bottom;
	margin: 0;
	padding: 0;
}

/* THE HEADER DEFINITIONS */
	div#headerWrapper {
		width: 100%;
		background: url('../images/top_background_trans.png') repeat-x center top #fff;
		float: left;
		display: table;
		z-index: 2;
	}
	
	div#header {
		width: 1170px;
		margin: 0 auto;
		z-index: 1;
	}
	
	div#header img { border: 0; }
	
	/* THE QUICKSEARCH BOX */
		#quickSearch {
			float: right;
			width: 361px;
			padding: 0;
			margin: 0 17.2em 0 0;
			z-index: 1;
		}
	
		#quickSearch label {
			display: none;
		}
		
		#quickSearh input {
			border: 0;
			padding: 0;
			margin: 0;
		}
		
		#quickSearch input#searchString {
			float: left;
			display: inline;
			height: 23px;
			width: 177px;
			border: 0;
			background: url('../images/search_box_background.png') no-repeat left top #efefef;
			color: #bcd0e0;
			font-style: italic;
			font-size: 11px;
			padding: 0 0 0 .3em;
			margin: 0 0em 0 9.9em;
		}
		
		#quickSearch input#search {
			float: right;
			display: inline;
			height: 23px;
			width: 60px;
			border: 0;
			background: url('../images/submit_button_background.png') no-repeat left top #efefef;
			color: #185d93;
			font-size: 11px;
			font-weight: bold;
			font-style: normal;
			margin: 0 0 0 1em;
		}
	/* // THE QUICKSEARCH BOX ENDS */
	
	div#logo {
		width: 240px;
		display: inline;
		float: left;
		margin: 5em 0 0 0;
		padding: 0;
	}
	
	#logo p#slogan {
		float: left;
		display: inline;
		color: #0b2f4c;
		margin: 0 1em 0 1em;
		padding: 0 0 1.5em 0;
		font-style: italic;
	}
		
	div#headerLinks {
		float: right;
		height: 30px;
		width: 420px;
		margin: 2em 17.3em 0 0;
		padding: 0;
		color: #fff;
		border-bottom: 5px solid #32c3ff;
	}
	
	#headerLinks ul {
		float: left;
		margin: 0;
		padding: 0;
	}
	
	#headerLinks li {
		background: transparent;
		color: #fff;
		float: left;
		display: inline;
		margin: 0;
		width: 89px;
		height: 24px;
		padding: 0 3px 0 0;
	}
	
	#headerLinks a {
		float: left;
		color: #fff;
		width: 89px;
		height: 23px;
		font-weight: bold;
		text-decoration: none;
		margin: 0;
		padding: 0;
		background: url('../images/header_link_background.png') no-repeat left top #32c3ff;
		cursor: pointer;
	}
	
	#headerLinks a span {
	    float:left;
	    height: 25px;
	    display:block;
	    padding: .5em 2.2em 0 1.5em;
	    cursor: pointer;
	}
	
	#headerLinks a:hover span {
		float: left;
		width: 89px;
		height: 25px;
	    display:block;
	    background:url("../images/header_link_background_hover.png") no-repeat left top;
	    padding: .5em 2.2em 0 1.5em;
	    cursor: pointer;
	}
	
	#headerLinks a.selected span {
		float: left;
		width: 49px;
		*width: 48px;
		padding: .5em 2.20em 0 1.5em;
		background: url('../images/header_link_background_hover_selected.png') no-repeat left top #21beff;
	}
	
	#headerLinks a:hover.selected span {
		float: left;
		background: url('../images/header_link_background_hover_selected.png') no-repeat left top #21beff;
	}
	
	#headerLinks a.yhteystiedot span {
		padding: .5em 2.20em 0 .4em;
	}
	
	#headerLinks a.selected-yhteystiedot span {
		float: left;
		width: 61px;
		*width: 48px;
		padding: .5em 2.20em 0 .4em;
		background: url('../images/header_link_background_hover_selected.png') no-repeat left top #21beff;
	}
	
	#headerLinks a:hover.selected-yhteystiedot span {
		float: left;
		background: url('../images/header_link_background_hover_selected.png') no-repeat left top #21beff;
	}
/* // THE HEADER DEFINITIONS END */

div#mainContainer {
	width: 1170px;
	min-width: 900px;
	min-height: 600px;
	margin: 0 auto;
}

a:link, a:active, a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #6699cc;
}

a:hover {
	text-decoration: underline;
}

a:hover.ntr, a:link.ntr, a:active.ntr, a:visited.ntr { color: #6699CC; }

div#footerContainer {
	background: transparent;
	width: 1170px;
	min-width: 900px;
	margin: 0 auto;
}

div#footerContent {
	float: left;
	width: 977px;
	background: #fff;
	opacity: 1.0;
}

div#footerContent a:link.footerMail, div#footerContent a:active.footerMail, div#footerContent a:visited.footerMail { font-weight: normal; }

div#copyright {
	clear: both;
	border-bottom: 1px solid #8aa9c9;
	color: #8aa9c9;
}

#copyright p.copyright {
	float: left;
	padding: 0;
	margin: 0;
}

#copyright p.advert {
	float: right;
	margin: 0;
	padding: 0 0 .5em 0;
}

div#contact {
	color: #006699;
}

div#contact span.header {
	font-weight: bold;
	color: #6699cc;
}

#contact div.left {
	float: left;
}

#contact div.middle {
	float: left;
	margin: 0 0 0 15em;
}

#contact div.right {
	float: right;
}

div#mainContent {
	width: 977px;
	/* background: #fff; */
	margin: .5em .5em 0 0;
	float: left;
}


div#headerImage {
	float: left;
	background: url('../images/etusivu_woman_lrg.jpg') no-repeat transparent;
	width: 990px;
	height: 371px;
}

div#headerImageText {
    margin: 0 0 0 3em;
    width: 300px;
    height: 370px;
background: #eaf5fe;
        /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
    padding: 0;
}

div#headerImageText p {
	opacity: 1.0;
	margin: 0;
	padding: 2em 1em 1em 1em;
}

div#logoutBar {
	margin: 0 auto;
	padding: 0;
	height: 0px;
	width: 1170px;
	z-index: -1000;
}

	div#logoutBar p {
		width: 400px;
		float: right;
		margin-right: 1em;
	}

div#shoppingDiv {
    width: 220px;
    background: #fafafa;
    text-align: center;
}
    #shoppingDiv p.title { color: #185D93; font-size: 10px;width: 100%; margin: 0;text-align: center; }
    #shoppingDiv p.amount { font-size: 20px;width: 100%; font-weight: bold; margin: 0; text-align: center; }
    #shoppingDiv p.links { font-size: 11px; width: 100%; text-align: center; }

#productsInfoContainer {
    width: 220px;
    height: 100%;
    float: left;
}