/* @override 
	http://localhost:8888/alfmix/themes/alfmix/css/styles.css
	http://www.alfmix.com/2008/themes/alfmix/css/styles.css
*/

/* ------------------------------------------------------------

	Global Elements

------------------------------------------------------------ */

html {

}

body {
	background-color:#ca2626;
	padding:0px;
	margin: 0 0 20px 0;
}

img {
	border:0px;
}

.clearfloats {
	display: inline-block;
}

.clearfloats:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

* html .clearfloats {
	height: 1%;
}

.clearfloats {
	display: block;
}




/* ------------------------------------------------------------

	Typography

------------------------------------------------------------ */

a {
	font-family:Verdana;
	font-size:11px;
	color:#e27c19;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	text-decoration:underline;
}

.readmore {
	xdisplay:block;
	background-image:url(../images/icons/arrow.gif);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right: 15px;
}

p {
	font-family:Verdana;
	font-size:11px;
	color:#484848;
	line-height: 1.5; /* Unitless for proper inheritance */
	
}

div.heading {
	height:28px;
}

div.heading h1 {
	color:#d41919;
	margin:0px;
	font-size:26px;
}
div.current img {
	padding-left: 40px;
}

h2 {
	margin: 0px;
	padding-top: 10px;
	color:#d41919;
	font-size: 15px;
	margin-left: 20px;
	font-family: verdana, arial;
}

h3 {

}

h4 {

}

b {

}

strong {
	font-weight: bold;
}

/* ------------------------------------------------------------

	Layout

------------------------------------------------------------ */

div#container {
	width:940px;
	margin:0px auto 20px auto;
}

div#container div#header {
	height:77px;
	background-image:url(../images/header/background.jpg);
	background-repeat:no-repeat;
	position: relative;
}

div#container div#header div#navigation {
	float:right;
	padding:10px 31px 0px 0px;
	height:23px;
}

div#container div#header div#navigation ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
}

div#container div#header div#navigation ul li {
	display:inline;
}

div#container div#header div#navigation ul li a {
	color:#ffffff;
	font-size:10px;
	font-family:Arial;
	font-weight:bold;
	text-decoration:none;
	
	display:block;
	background-repeat:no-repeat;
	float:left;
	height:12px;
}

div#container div#header div#navigation ul li a:hover {
	text-decoration:underline;
}

div#container div#header div#navigation ul li a.pictures {
	padding:0px 11px 0px 0px;
	border-right:1px solid #ffffff;
}

div#container div#header div#navigation ul li a.print {
	background-image:url(../images/header/navigation/print.gif);
	padding:0px 11px 0px 20px;
	margin:0px 0px 0px 11px;
	border-right:1px solid #ffffff;
}

div#container div#header div#navigation ul li a.fi {
	background-image:url(../images/header/navigation/flags/fi.jpg);
	margin-left:14px !important;
}

div#container div#header div#navigation ul li a.en {
	background-image:url(../images/header/navigation/flags/eng.jpg);
}

div#container div#header div#navigation ul li a.se {
	background-image:url(../images/header/navigation/flags/se.jpg);
}

div#container div#header div#navigation ul li a.dk {
	background-image:url(../images/header/navigation/flags/dk.jpg);
}
div#container div#header div#navigation ul li a.no {
	background-image:url(../images/header/navigation/flags/no.jpg);
}

div#container div#header div#navigation ul li a.fi,
div#container div#header div#navigation ul li a.en,
div#container div#header div#navigation ul li a.se,
div#container div#header div#navigation ul li a.dk,
div#container div#header div#navigation ul li a.no {
	width:15px;
	margin:1px 0px 0px 9px;
	background-position:top left;
}

div#container div#header div#navigation ul li a.fi span,
div#container div#header div#navigation ul li a.en span,
div#container div#header div#navigation ul li a.se span,
div#container div#header div#navigation ul li a.dk span,
div#container div#header div#navigation ul li a.no span {
	display:none;
}

div#container div#header div#navigation ul li a span {

}

#menu_fi {
	width: 770px;
	padding-left: 177px;
	_padding-left: 217px;
	*padding-left: 217px;
	height: 44px;
	float: left;
	background: transparent url(../images/header/menu/fi/navi2.jpg) no-repeat 0 0;	
}

#menu_se {
	width: 770px;
	padding-left: 205px;
	_padding-left: 245px;
	*padding-left: 245px;
	height: 44px;
	float: left;
	background: transparent url(../images/header/menu/fi/navi_se.jpg) no-repeat 0 0;	
}
#menu_no {
	width: 720px;
	padding-left: 220px;
	_padding-left: 260px;
	*padding-left: 260px;
	height: 44px;
	float: left;
	background: transparent url(../images/header/menu/fi/navi_no.jpg) no-repeat 0 0;	
}
#menu_en {
	width: 720px;
	padding-left: 220px;
	_padding-left: 260px;
	*padding-left: 260px;
	height: 44px;
	float: left;
	background: transparent url(../images/header/menu/fi/navi_en.jpg) no-repeat 0 0;	
}
#menu_dk {
	width: 720px;
	padding-left: 220px;
	_padding-left: 260px;
	*padding-left: 260px;
	height: 44px;
	float: left;
	background: transparent url(../images/header/menu/fi/navi_dk.jpg) no-repeat 0 0;	
}

/*217+96+83+119+101+109+125=850*/

#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7 { 
	background: transparent url(../images/header/menu/fi/navi2.jpg) no-repeat 0 0;
	height: 44px;
	display:block;
	text-indent: -9000px;
}

#menu_se #menu1, #menu_se #menu2, #menu_se #menu3, #menu_se #menu4, #menu_se #menu5, #menu_se #menu6, #menu_se #menu7 { 
	background: transparent url(../images/header/menu/fi/navi_se.jpg) no-repeat 0 0;
	height: 44px;
	display:block;
	text-indent: -9000px;
}
#menu_no #menu1, #menu_no #menu2, #menu_no #menu3, #menu_no #menu4, #menu_no #menu5, #menu_no #menu6, #menu_no #menu7 { 
	background: transparent url(../images/header/menu/fi/navi_no.jpg) no-repeat 0 0;
	height: 44px;
	display:block;
	text-indent: -9000px;
}
#menu_en #menu1, #menu_en #menu2, #menu_en #menu3, #menu_en #menu4, #menu_en #menu5, #menu_en #menu6, #menu_en #menu7 { 
	background: transparent url(../images/header/menu/fi/navi_en.jpg) no-repeat 0 0;
	height: 44px;
	display:block;
	text-indent: -9000px;
}
#menu_dk #menu1, #menu_dk #menu2, #menu_dk #menu3, #menu_dk #menu4, #menu_dk #menu5, #menu_dk #menu6, #menu_dk #menu7 { 
	background: transparent url(../images/header/menu/fi/navi_dk.jpg) no-repeat 0 0;
	height: 44px;
	display:block;
	text-indent: -9000px;
}

#menu1 { width:96px;  background-position: -217px 0; }
#menu2 { width:83px;  background-position: -313px 0px; }
#menu3 { width:119px; background-position: -396px 0px; }
#menu4 { width:101px; background-position: -515px 0px; }
#menu5 { width:109px; background-position: -616px 0px; }
#menu6 { width:125px; background-position: -725px 0px; }
#menu7 { width:90px;  background-position: -850px 0px; }

#menu1:hover,#menu1.selected { width: 96px;  background-position: -217px -44px; }
#menu2:hover,#menu2.selected { width: 83px;  background-position: -313px -44px; }
#menu3:hover,#menu3.selected { width: 119px; background-position: -396px -44px; }
#menu4:hover,#menu4.selected { width: 101px; background-position: -515px -44px; }
#menu5:hover,#menu5.selected { width: 109px; background-position: -616px -44px; }
#menu6:hover,#menu6.selected { width: 125px; background-position: -725px -44px; }
#menu7:hover,#menu7.selected { width: 90px;  background-position: -850px -44px; }


#menu_se #menu1 { width:107px; background-position: -245px 0; }
#menu_se #menu2 { width:109px; background-position: -352px 0px; }
#menu_se #menu3 { width:108px; background-position: -461px 0px; }
#menu_se #menu4 { width:105px; background-position: -569px 0px; }
#menu_se #menu5 { width:74px;  background-position: -674px 0px; }
#menu_se #menu6 { width:101px; background-position: -748px 0px; }
#menu_se #menu7 { width:91px;  background-position: -849px 0px; }

#menu_se #menu1:hover, #menu_se #menu1.selected { width: 107px; background-position: -245px -44px; }
#menu_se #menu2:hover, #menu_se #menu2.selected { width: 109px; background-position: -352px -44px; }
#menu_se #menu3:hover, #menu_se #menu3.selected { width: 108px; background-position: -461px -44px; }
#menu_se #menu4:hover, #menu_se #menu4.selected { width: 105px; background-position: -569px -44px; }
#menu_se #menu5:hover, #menu_se #menu5.selected { width: 74px;  background-position: -674px -44px; }
#menu_se #menu6:hover, #menu_se #menu6.selected { width: 101px; background-position: -748px -44px; }
#menu_se #menu7:hover, #menu_se #menu7.selected { width: 91px;  background-position: -849px -44px; }


#menu_no #menu1 { width:89px;  background-position: -260px 0; }
#menu_no #menu2 { width:120px; background-position: -349px 0px; }
#menu_no #menu3 { width:108px; background-position: -469px 0px; }
#menu_no #menu4 { width:98px;  background-position: -577px 0px; }
#menu_no #menu5 { width:78px;  background-position: -675px 0px; }
#menu_no #menu6 { width:99px;  background-position: -753px 0px; }
#menu_no #menu7 { width:88px;  background-position: -852px 0px; }

#menu_no #menu1:hover, #menu_no #menu1.selected { width: 89px;  background-position: -260px -44px; }
#menu_no #menu2:hover, #menu_no #menu2.selected { width: 120px; background-position: -349px -44px; }
#menu_no #menu3:hover, #menu_no #menu3.selected { width: 108px; background-position: -469px -44px; }
#menu_no #menu4:hover, #menu_no #menu4.selected { width: 98px;  background-position: -577px -44px; }
#menu_no #menu5:hover, #menu_no #menu5.selected { width: 78px;  background-position: -675px -44px; }
#menu_no #menu6:hover, #menu_no #menu6.selected { width: 99px;  background-position: -753px -44px; }
#menu_no #menu7:hover, #menu_no #menu7.selected { width: 88px;  background-position: -852px -44px; }


#menu_en #menu1 { width:89px;  background-position: -260px 0; }
#menu_en #menu2 { width:107px; background-position: -349px 0px; }
#menu_en #menu3 { width:105px; background-position: -456px 0px; }
#menu_en #menu4 { width:101px; background-position: -561px 0px; }
#menu_en #menu5 { width:93px;  background-position: -662px 0px; }
#menu_en #menu6 { width:97px;  background-position: -755px 0px; }
#menu_en #menu7 { width:88px;  background-position: -852px 0px; }

#menu_en #menu1:hover, #menu_en #menu1.selected { width: 89px;  background-position: -260px -44px; }
#menu_en #menu2:hover, #menu_en #menu2.selected { width: 107px; background-position: -349px -44px; }
#menu_en #menu3:hover, #menu_en #menu3.selected { width: 105px; background-position: -456px -44px; }
#menu_en #menu4:hover, #menu_en #menu4.selected { width: 101px; background-position: -561px -44px; }
#menu_en #menu5:hover, #menu_en #menu5.selected { width: 93px;  background-position: -662px -44px; }
#menu_en #menu6:hover, #menu_en #menu6.selected { width: 97px;  background-position: -755px -44px; }
#menu_en #menu7:hover, #menu_en #menu7.selected { width: 88px;  background-position: -852px -44px; }


#menu_dk #menu1 { width:89px;  background-position: -260px 0; }
#menu_dk #menu2 { width:120px; background-position: -349px 0px; }
#menu_dk #menu3 { width:108px; background-position: -469px 0px; }
#menu_dk #menu4 { width:98px;  background-position: -577px 0px; }
#menu_dk #menu5 { width:78px;  background-position: -675px 0px; }
#menu_dk #menu6 { width:99px; background-position: -753px 0px; }
#menu_dk #menu7 { width:88px;  background-position: -852px 0px; }

#menu_dk #menu1:hover, #menu_dk #menu1.selected { width: 89px;  background-position: -260px -44px; }
#menu_dk #menu2:hover, #menu_dk #menu2.selected { width: 120px; background-position: -349px -44px; }
#menu_dk #menu3:hover, #menu_dk #menu3.selected { width: 108px; background-position: -469px -44px; }
#menu_dk #menu4:hover, #menu_dk #menu4.selected { width: 98px;  background-position: -577px -44px; }
#menu_dk #menu5:hover, #menu_dk #menu5.selected { width: 78px;  background-position: -675px -44px; }
#menu_dk #menu6:hover, #menu_dk #menu6.selected { width: 99px; background-position: -753px -44px; }
#menu_dk #menu7:hover, #menu_dk #menu7.selected { width: 88px;  background-position: -852px -44px; }


.logo {
	position: absolute;
	top: 10px;
	left: 18px;
	width: 170px;
	height: 145px;
	display: block;
	background: transparent url(../images/header/alfmixlogo.png) no-repeat 0 0;
}
.logo a {
	display: block;
	width: 170px;
	height: 145px;
	text-indent: -9000px;
}


div#container div#header div#menu_fi ul,div#container div#header div#menu_se ul,div#container div#header div#menu_no ul,div#container div#header div#menu_en ul,div#container div#header div#menu_dk ul {
	list-style-type: none;
	margin: 0;
}

div#container div#header div#menu_fi ul li,div#container div#header div#menu_se ul li,div#container div#header div#menu_no ul li,div#container div#header div#menu_en ul li,div#container div#header div#menu_dk ul li {
	float: left;
	display: block;
}


div#container div#top {
	float: left;
	display: inline;
	_width: 943px;
}

div#container div#top div#flash {
	width:656px;
	height:267px;
	float:left;
	display: inline;
	border-bottom:1px solid #d2d2d2;
}

div#container div#top div#information {
	width:284px;
	height:267px;
	float:left;
	display: inline;
	border-bottom:1px solid #d2d2d2;
	_margin-left: -1px;
}
div#container div#top div#information form {
	_padding: 0;
	_margin: 0;
	*padding: 0;
	*margin: 0;
}

div#container div#top div#information div.helper {
	background-color:#e2e2e2;
	border-left:1px solid #d8d8d8;
	height:204px;
	padding:16px 23px 0px 23px;
}

div#container div#top div#information div.helper p {
	margin:10px 0px 0px 0px;
	line-height:150%;
}

div#container div#top div#information div#search {
	height:34px;
	background-color:#d4d4d4;
	padding:13px 0px 0px 23px;
	
}

div#container div#top div#information div#search div.input {
	float:left;
}


div#container div#top div#information div#search div.button {
	float:left;
	padding:0px 0px 0px 8px;
}


div#container div#content {
	background-image:url(../images/content/background.gif);
	background-repeat:repeat-y;
	background-color:#ffffff;
	clear:both;
}

div#container div#content div#main-content {
	float:left;
	width:656px;
	padding-bottom:6px;
}

div#container div#content div#side-content {
	float:left;
	width:284px;
	padding-bottom:6px;
}

div#container div#footer {
	background-image:url(../images/footer/background.jpg);
	background-repeat:no-repeat;
	height:31px;
}

div#container div#footer ul {
	list-style-type: none;
	margin:0px;
	padding:9px 0px 0px 0px;
}

div#container div#footer ul li {
	display:inline;
	color:#ffffff;
	font-family:Verdana;
	font-size:9px;
	float:left;
}

div#container div#footer ul li.copyright {
	padding-right:130px;
	padding-left:15px;
}

div#container div#footer ul li.separator {
	padding-right:6px;
	padding-left:6px;
}

div#container div#footer ul li a {
	font-family:Verdana;
	font-size:9px;
	color:#ffffff;
	font-weight:normal;
}



/* ------------------------------------------------------------

	Frontpage elements

------------------------------------------------------------ */


div#container div#content div#main-content div.boxes {
	xclear:both;
	xfloat: left;
	border-bottom:1px solid #d8d8d8;
}

div#container div#content div#main-content div.boxes div.picture {
	width:197px;
	height:265px;
	float:left;
	background-image:url(../images/content/frontpage/products.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding:20px 0px 0px 20px;
}

div#container div#content div#main-content div.boxes div.products {
	width:219px;
	xheight:255px;
	float:left;
	border-left:1px solid #d8d8d8;
	border-right:1px solid #d8d8d8;
}

div#container div#content div#main-content div.boxes div.products ul {
	list-style-type: none;
	margin:0px;
	padding:0px 0px 0px 0px;
}

div#container div#content div#main-content div.boxes div.products ul li {
	margin:0px;
	padding:0px;
	display:inline;
}

div#container div#content div#main-content div.boxes div.products ul li a {
	display:block;
	background-image:url(../images/content/frontpage/products-background.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height:18px;
	padding:4px 0px 0px 21px;
	border-top:1px solid #e3e3e3;
	margin:0px;
	
	font-family:Verdana;
	font-size:11px;
	color:#e27d19;
	text-decoration:none;
}

div#container div#content div#main-content div.boxes div.products ul li a.first {
	background-image:url(../images/content/frontpage/products-background-first.jpg);
	height:18px;
	padding:7px 0px 0px 21px;
	border-top:none;
}

div#container div#content div#main-content div.boxes div.products ul li a.first:hover {
	background-position:0px -25px;
}

div#container div#content div#main-content div.boxes div.products ul li a:hover {
	background-position:0px -22px;
	
	color:#ffffff;
	text-decoration:none;
}

div#container div#content div#main-content div.boxes div.current {
	width:191px;
	xheight:245px;
	float:left;
	padding:19px 10px 0px 17px;
}

div#container div#content div#main-content div.boxes div.current p {
	margin: 5px 0 0 0;
}
div#container div#content div#main-content div.boxes div.current a {
	margin: 5px 0 0 0;
}
.current img {
	padding-top: 16px;
	padding-left: 2px;
}

div#container div#content div#main-content div.boxes div.current p strong {
	color:#ca2626;
}

div#container div#content div#main-content div.licenses {
	clear: both;
}

div#container div#content div#main-content div.licenses div.logos {
	float:left;
	width:250px;
	padding:39px 0px 0px 33px;
}

div#container div#content div#main-content div.licenses div.text {
	float:left;
	width:340px;
	padding:10px 0px 0px 0px;
}

div#container div#content div#main-content div.licenses div.text p {
	line-height:150%;
}


/* ------------------------------------------------------------

	Campaign (right side)

------------------------------------------------------------ */

div#container div#content div#side-content div.campaign {
	padding:16px 23px 0px 23px;
}

div#container div#content div#side-content div.campaign p {
	line-height:150%;
}
/* ------------------------------------------------------------

	company

------------------------------------------------------------ */



.textcontent h2 {
	color: red;
}

/* ------------------------------------------------------------

	Tuotteet

------------------------------------------------------------ */



div#container div#content div#main-content div.navigation {
	padding:14px 20px 12px 20px;
	border-bottom:1px solid #d2d2d2;
}

div#container div#content div#main-content div.navigation ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
}

div#container div#content div#main-content div.navigation ul li {
	display:inline;
	font-family:Verdana;
	font-size:11px;
	color:#e27c19;
	text-decoration:none;
	font-weight:bold;
	float:left;
	padding-bottom:4px;
}

div#container div#content div#main-content div.navigation ul li.separator {
	font-weight:normal;
	padding-left:7px;
	padding-right:7px;
}

div#container div#content div#main-content div.navigation ul li a {

}

div#container div#content div#main-content div.navigation ul li a:hover {
	text-decoration:underline;
}

div#container div#content div#main-content div.navigation ul li a.active {
	text-decoration:underline;
}

div#container div#content div#main-content div.head {
	padding:10px 20px 12px 20px;
	border-bottom:1px solid #d2d2d2;
}

div#container div#content div#main-content div.productslist {
	
}

div#container div#content div#main-content div.productslist div.product {
	border-bottom:1px solid #d2d2d2;
}

div#container div#content div#main-content div.productslist div.product.last {
	border-bottom:none;
}

div#container div#content div#main-content div.productslist div.product div.picture {
	width:122px;
	float:left;
	display: inline;
	padding:16px 0px 0px 20px;
}

div#container div#content div#main-content div.productslist div.product div.picture img {
	
}

div#container div#content div#main-content div.productslist div.product div.text {
	width:500px;
	float:left;
	padding:16px 14px 10px 0px;
}

div#container div#content div#main-content div.productslist div.product div.text img {
	float:right;
}

div#container div#content div#main-content div.productslist div.product div.text strong {
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	color:#ca2626;
}

div#container div#content div#main-content div.productslist div.product div.text p {
	
}

div#container div#content div#main-content div.productslist div.product div.text p.description {
	display:none;
}

div#container div#content div#main-content div.productslist div.product div.text p a.productlink {
	cursor:pointer;
	text-decoration:none;
}

div#container div#content div#main-content div.productslist div.product div.text p a.productlink:hover {
	cursor:pointer;
	text-decoration:underline;
}

div#container div#content div#side-content div.productinfo {
	padding:16px 23px 20px 23px;
	border-top:1px solid #d2d2d2;
}

div#container div#content div#side-content div.productinfo div.productinformations {
	
}

div#container div#content div#side-content div.productinfo div.productinformations div.productinformation {
	float:left;
}

div#container div#content div#side-content div.productinfo div.productinformations div.productinformation div.picture {
	float:left;
}

div#container div#content div#side-content div.productinfo div.productinformations div.productinformation div.text {
	float:left;
	font-family:Verdana;
	font-size:11px;
	color:#484848;
	padding:2px 10px 0px 4px;
}

.textcontent p{
	padding: 5px 20px 15px 20px;
	width: 600px;
	margin: 0;	
}

.textcontent p strong {
	color: #ca2626;
	font-size: 13px;
}
.textcontent p span {
	font-weight: bold;
}
.spacer {
	height: 2px;
	width: 600px;
	margin-left: 20px;
	padding-top: 10px;
	border-bottom: 1px dotted #757575;
}

.submit {
	width: 43px;
	margin: 0;
	padding: 0;
	border: 0;
	height: 22px;
	cursor: pointer;
	display: block;
	background:  transparent url(../images/icons/search.jpg) no-repeat 0 0;
	text-indent: -9000px;
}

.office {
	width: 330px;
	float: left;
	display: inline;
	padding: 10px;
	
}
.textcontent_narrow {
	width: 260px;
	padding-left: 20px;
	float: left;
	display: inline;
	_padding-top: 20px;
	*padding-top: 20px;
}