/* CSS Document */

/* Basics
----------------------------------------------- */
html, body {
font-family: Arial, Helvetica, sans-serif;
color: #003366;
margin: 0;
padding: 0 0 30px 0;
background: #fff;
}

body, p, td, th, div, blockquote, dl, ul, ol {	
font-family: Arial, Helvetica, sans-serif;
color: #003366;
line-height: 16px;
}

td, th {
text-align: left;
vertical-align: top;
}

img {
border: 0;
display: block;
}

h1 {
font-size: 22px;
font-weight: normal;
}

.etubox h1 {
font-weight: bold;
}

.rotator {
position: relative;
height: 251px;
overflow: hidden;
}

.rotator img {
position: absolute;
opacity: 0;
}

/* Header
----------------------------------------------- */

#lang_select {
height: 14px;
width: 145px;
position: absolute;
top: 8px; 
right: 283px;
}

#lang_select a {
font-size: 11px;
line-height: 18px;
color: #009caf;
text-decoration: none;
}

#lang_select a:hover {
text-decoration: underline;
}

#lang_first {
/*
padding-right: 9px;
border-right: 1px solid #407193;
*/
padding-left: 9px;
float: right;

display: inline;
}

#lang_second {
padding-left: 9px;
display: inline;

float: right;
}

#algol_kons_yla{
background: url(/files/algolpharma/images/algol_kons_bg.gif) top no-repeat;
height: 30px;
width: 112px;
position: absolute;
top: 0px; 
right: 30px;
padding:8px;
}
/* Structure
----------------------------------------------- */
#container {	
margin: 0px auto;
width: 963px;
font-size: 12px;
position: relative;
}

#header {
width: 963px;
height: 128px;
background: url(/files/algolpharma/images/header_bg.gif) top no-repeat;
position: relative;
}

#header_front {
width: 963px;
height: 128px;
background: url(/files/algolpharma/images/header_bg.gif) top no-repeat;
position: relative;
}

#pathway {
width: 963px;
height: 21px;
background: url(/files/algolpharma/images/pathway_bg.gif) top no-repeat;
}

#pathway_text {
color: #999999;
font-size: 11px;
padding-left: 211px;
padding-top: 2px;
}

#text_size {
position: absolute;
top: 9px;
right: 149px;
width: 130px;
height: 16px;
}

 
#text_size img {
cursor: pointer;
vertical-align: bottom;
float: left;
}

#navigaatio {
position: absolute;
bottom: 5px;
left: 20px;
width: 570px;
height: 36px;
}

#content {
background: url(/files/algolpharma/images/cont_bg.gif) top left repeat-y;
width: 955px;
padding-left: 4px;
padding-right: 4px;
}

#front_left {
width: 571px;
float: left; 
}

#front_left_txt {
padding: 20px 80px 20px 40px;
}

#logo_cont {
position: relative;
width: 555px;
height: 118px;
float: left; 
padding-top: 20px;
}

#logo {
position: absolute;
bottom: -5px;
left: 28px;
}


#front_right {
width: 380px;
float: right; 
margin-right: 0px;
padding-top: 20px;
}

#front_right_txt {
padding: 0  20px 20px 0px;

}

#front_top {
height: 268px;
padding-left: 30px;
padding-right: 24px;
}

/*
#front_bottom {
background: url(/files/algolpharma/images/grey_box_bg.jpg) right no-repeat;
height: 182px;
width: 380px;
position: relative;
}

#fb_text {
height: 182px;
width: 310px;
position: absolute;
top: 16px;
left: 29px;
}

*/

/* ETUSIVUN BOXI TESTI */


#front_bottom {
background-image: url(/files/algolpharma/images/middle_box.png);
width: 360px;
padding: 10px;
background: #f5f5f5;
}

#front_bottom_top {
background: url(/files/algolpharma/images/top_box.png) right no-repeat;
height: 13px;
width: 380px;
position: relative;
}

#front_bottom_bottom {
background: url(/files/algolpharma/images/bottom_box.png) right no-repeat;
height: 14px;
width: 380px;
position: relative;
}
 
#fb_text {
height: 182px;
width: 320px;
}

/* Testi */


#fbg_text {
height: 167px;
width: 211px;
float: right;
}

#fb_img { 
overflow: hidden;
float: left;
width: 109px;
height: 138px;
}

#fp_image {
position: relative; 
width:575px; 
height: 251px;
}

#fp_image_corner {
position: absolute;
right: -1px;
bottom: -1px;
}

#subnav {
float: left;
width: 175px;
font-size: 12px;
}

#main_a2  {
background: url(/files/algolpharma/images/main_a2_bg.gif) repeat-y;
width: 780px;
float: right;
position: relative;
}

#main_a1  {
background: url(/files/algolpharma/images/main_a1_bg.gif) repeat-y;
width: 780px;
float: right;
}

#main_ala_top {
background: url(/files/algolpharma/images/main_ala_top.gif) no-repeat;
width: 780px;
height: 60px;
}

#main_ala_bottom {
background: url(/files/algolpharma/images/ala_bg.gif) top left no-repeat;
width: 720px;
padding: 20px 30px;
}

#main_ala_left {
background: url(/files/algolpharma/images/ala_left_bg.gif) left top no-repeat;
clear: both;
width: 490px;
padding: 20px 30px;
float: left;
}

* html #main_ala_left em,
* html #main_ala_left i {
display: inline-block;
padding-right: 1px;
}

#main_ala_left_2 {
background: url(/files/algolpharma/images/ala_bg.gif) left top no-repeat;
width: 489px;
padding: 20px 30px;
float: left;
}

#main_ala_right_a2 {
width: 231px;
height: 247px;
float: right;
border-top: 1px solid #d4d4d4;
/*background: url(/files/algolpharma/images/kuva_bg.gif) top no-repeat;*/
position: relative;
}

#laitakuva {
position: absolute;
bottom: 53px;
right: 0px;
height: 237px;
width: 225px;
z-index: 10;
}


#main_ala_right_a1 {
width: 190px;
float: right;
border-top: 1px solid #d4d4d4;
padding: 20px;
}

#footer {
background: url(/files/algolpharma/images/footer_bg.gif) top no-repeat;
width: 963px;
}

#footer_a1 {
background: url(/files/algolpharma/images/footer_a1_bg.gif) top no-repeat;
width: 963px;
height: 189px;
position: relative;
}

#footer_a2 {
background: url(/files/algolpharma/images/footer_a2_bg.gif) top no-repeat;
width: 963px;
height: 189px;
position: relative;
}

#footer_text {
padding: 30px 65px 0px 65px;
color: #666666;
font-size: 12px;
}

#footer_text_ala {
position: absolute;
bottom: 0px;
left: 0px;
padding: 30px 65px 0px 65px;
color: #666666;
font-size: 12px;
}

#country_select {
width: 145px;
position: absolute;
bottom: 15px;
right: 215px;
font-size: 11px;
color: #666666;
}

#country_select_fi {

display: none;
}


/* Diagnoosi 
----------------------------------------------- */

#diagnostiikka_top {
width: 710px;
background: url(/files/algolpharma/images/diagnostiikka_top.gif) top no-repeat;}

#diagnostiikka_left { 
float: left; 
width: 310px;
padding-left: 25px;
margin-top: 60px;
padding-bottom: 15px;
}

#diagnostiikka_right {
float: right; 
width: 310px;
padding-right: 25px;
margin-top: 60px;
padding-bottom: 15px;
}

#diagnostiikka_bottom { 
width: 710px;
height: 60px;
background: url(/files/algolpharma/images/diagnostiikka_bottom.gif) top no-repeat;
}



/* Nav
----------------------------------------------- */
#navigaatio a {
float: left;
}
 

#subnav ul {
list-style-type: none;
margin: 0px;
}

#subnav ul li {
background:  transparent url(/files/algolpharma/images/subnav_bg.gif) top no-repeat;
background: transparent url(/files/algolpharma/images/subnav_bg2.gif) no-repeat scroll center bottom;
width: 175px;
height: 23px;
height: auto;
padding-top: 5px;
padding-bottom: 7px;
overflow: hidden;
}

#subnav ul li a {
color: #163d59;
padding: 0px 0px 0px 30px;
display: block;
}

#subnav ul li div {
margin-left: 30px;
}

#subnav ul li div a {
padding: 0;
}

/* Search
----------------------------------------------- */

#search_box_field {
position: absolute;
right: 18px;
bottom: 11px;
height: 27px;
line-height: 1px;
width: 180px;
}

#search_box_field img {
display:inline;
}
 
#search_box {
width: 110px;
height: 24px;
font-size: 12px;
background:  transparent url(/files/algolpharma/images/input_search.gif) no-repeat;
border: solid 0px #fff;
color: #333;
padding: 3px 0 0 5px;
position:absolute;
top: 0px;
right: 26px;
}

#search_box_submit {
position:absolute;
right: 0px;
top: 1px;
}

#search_text {
position:absolute;
left: -9px;
top: 2px;
}

#search_text_fi {
position:absolute;
left: 7px;
top: 9px;
}


/* Headings
----------------------------------------------- */

#front_top h1, #front_top h1.ing, #frontpage_news h1, #front_bottom h1, #front_right_txt h1 {
font-size: 36px;
/*height: 36px;*/
line-height: 36px;
/*overflow: hidden;*/
color: #009caf;
margin: 0px;
padding: 0px;
}

#frontpage_news h2 {
color: #009caf;
}
 
#front_left_txt h1{
color: #009caf;
}

div#front_top_title{
font-size: 30px;
line-height: 30px;
height: 30px;
overflow: hidden;
margin: 0px;
padding: 0px;
}

h2, span#uutisotsikko {	
height: 23px;
/*line-height: 23px;*/
margin: 0px;
/*overflow: hidden;*/
padding: 0px;
color: #555555;
font-size: 20px;
margin-bottom: 8px;
margin-top: 5px;
}



h4 {	
font-size: 13px;
color: #009caf;
margin-bottom: 4px;
}

#tuotemerkki h4 {
display: inline;
margin-bottom: 4px;
margin-top: 10px;
}

h5, h6 {	
color: #009caf;
margin-bottom: 4px;
}

h3 {
font-size: 14px;	
color: #009caf;
margin-bottom: 8px;
margin-top: 5px;
}

#ala_title, .ala_title {
font-size: 18px;
height: 25px;
color: #009caf;
font-weight: bold;
padding: 0px;
margin: 0px;
}

#product_title {
font-size: 21px;
height: 21px;
line-height: 21px;
color: #009caf;
font-weight: bold;
padding: 0px;
margin: 0px;
}


#ala_title_text  {padding: 20px 0 0 30px;}
#ala_title_text_tuote  {padding: 0px 0 0 30px;}

/* Lists
----------------------------------------------- */


.news {
    margin: 0px;
    font-size: 95%;

    text-align: right;
}
 
.news ul {
    margin: 0 0 4px 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
}
 
.news li {
    margin: 0;
    padding: 0 0 12px 0;
    line-height: 14px;
    text-align: left;
}
 
.news li a, .news li a:visited  {
    display: block;
    font-weight: bold;
    text-decoration: none !important;
}
 
.news li a:hover{
    text-decoration: underline !important;
}


/* Forms
----------------------------------------------- */
form {
	margin: 0;
}

.palaute_input {
width: 238px;
height: 24px;
font-size: 12px;
background:  transparent url(/files/algolpharma/images/input_feedback.gif) no-repeat;
border: solid 0px #fff;
color: #333;
padding: 3px 0 0 5px;
}


.palaute_textarea {
width: 238px;
height: 71px;
font-size: 12px;
background:  transparent url(/files/algolpharma/images/textarea_feedback.gif) no-repeat;
border: solid 0px #fff;
color: #333;
padding: 3px 0 0 5px;
}

.palaute_cell {
padding-bottom: 5px;
padding-right: 15px;
color: #003366;
}

/* Links
----------------------------------------------- */
a { 
color: #009caf;
text-decoration: none;
}

a:hover {
color: #009caf;
text-decoration: underline;
}

#front_left a {
color: #003366;
}

/* Misc
----------------------------------------------- */
.clearer {
	clear: both;
	height: 1px;
	line-height: 0px;
	font-size: 0;	
}
.skip {
	display: none;
}

.plus {
display: block;
background:  transparent url(/files/algolpharma/images/tree_plus.gif) left no-repeat;
margin-left: 10px;
font-weight: bold;
}

.minus {
display: block;
margin-left: 10px;
background:  transparent url(/files/algolpharma/images/tree_minus.gif) left no-repeat;
font-weight: bold;
}

.no-sub {
display: block;
margin-left: 10px;
font-weight: bold;
}

.page {font-weight: normal;}

a.plus:hover, a.minus:hover, a.taso1:hover, a.no-sub:hover {text-decoration: none; color: #003366;}


/* Tuotteet
--------------------------------- */

.tuotteet_box {
width: 350px;
height: 201px;
background:  transparent url(/files/algolpharma/images/tuotelaatikko_bg.gif) no-repeat;
position: relative;
margin: 0 0px 20px 0;
float: left;
overflow: hidden;
padding-right: 10px;
}

.tuotteet_box_img {
position: absolute;
bottom: 3px;
left: 3px;
width: 344px;
height: 190px;
overflow: hidden;
}

.tuotteet_text {
position: absolute;
top: 3px;
left: 3px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/files/algolpharma/images/tuotelaatikko_alpha.png');
width: 304px;
height: 194px;
padding: 10px 20px 10px 20px;
}

html > body .tuotteet_text {
background: url('/files/algolpharma/images/tuotelaatikko_alpha.png') no-repeat;
}

.tuotteet_text h2 {
margin: 0px;
padding: 0px;
font-size: 20px;
height: 23px;
margin-bottom: 5px;
}

.etu_box h2, #fb_text h1 {
font-size: 16px;
line-height: 16px;
height: 28px;
margin: 0px;
padding-left: 10px;
}


.tuotteet_btn {
position: absolute;
width: 83px;
top: 105px;
left: 245px;
cursor: pointer;
}

#group_listing { 
width: 710px; position: relative;}

#group_buttons {
position: relative;
top: 1px;
left: 0px;
width: 710px;
height: 38px;
}

#group_buttons img {
float: left;
}


#group_content { 
width: 710px;
padding-left: 0px;
background: url(/files/algolpharma/images/tuoteryhma_bg.gif) repeat-y;
}

#group_content ul, ul#ryhmat{
width: 170px;
margin-left: 10px;
padding: 15px;
float: left;
display: inline;
list-style-type: none;
list-style-position: outside;
}

#kayttotarkoitukset_tuotteet ul {
list-style-position: outside;
padding-left: 0px;
margin-left: 0px;
}
 

#group_content li{
margin: 0;
padding: 4px 0 4px 0;
font-size: 15px;
font-weight: bold;
}

#group_content li.secondary {
padding: 2px 0 2px 5px;
font-size: 12px;
font-weight: normal;
}

ul#ryhmat li{
padding: 2px 0 6px 5px;
font-size: 12px;
font-weight: normal;
}

#group_content a {
color: #009caf;
}

#group_content a:hover, #group_content2 a:hover, ul#ryhmat li a:hover {
color: #003366;
text-decoration: none;
}

#group_content a.disabled {color: #009caf; cursor: default; }

#group_bottom {
background: url(/files/algolpharma/images/tuoteryhma_bottom.gif) no-repeat top;
height: 60px; 

width: 710px;
padding-top: 20px;
text-align: center;
margin: auto;
}


#group_top {
background: url(/files/algolpharma/images/tuoteryhmatop.gif) no-repeat top;
height: 11px; 
width: 710px;
font-size: 0px;
}

#group_top2, #group_top3, #group_top_diag {
background: url(/files/algolpharma/images/kaksi_palstaa_top.gif) no-repeat top;
height: 11px; 
width: 710px;
font-size: 0px;
}
#group_top_diag {background: url(/files/algolpharma/images/diag_top.gif) no-repeat top;}


#group_content2, #group_content3, #group_content_diag { 
width: 700px;
padding-left: 10px;
background: url(/files/algolpharma/images/kaksi_palstaa_bg.gif) repeat-y;
}

#kayttotarkoitukset, #diagnostiikka_subgroup { 
width: 460px;
padding: 15px 0 40px;
float: left;
display: inline;
}
#diagnostiikka_subgroup {padding-left: 20px; padding-right: 20px; width: 420px;}

#kayttotarkoitukset a { 
display: block;
font-size: 15px;
font-weight: bold;
color: #009caf;
padding: 4px 0 4px 15px;
}

#kayttotarkoitukset a:hover {}

#kayttotarkoitukset a.selected { 
background: url('../images/blue-arrow-right.gif') no-repeat left ;
}

#kayttotarkoitukset_tuotteet, #diagnostiikka_products { 
width: 210px;
margin-left: 5px;
padding: 0;
float: left;
display: inline;
overflow:hidden;
}

#kayttotarkoitukset_tuotteet {widt: 190px; margin: 0; padding: 0px;}

#diagnostiikka_products {padding-top: 40px;}

#group_content2 ul {
width: 200px;
margin: 0;
padding: 15px;
float: left;
display: inline;
list-style-type: none;
}

#group_content2 li {
margin: 0;
padding: 4px 0 4px 0;
font-size: 12px;
font-weight: normal;
}

#group_bottom2, #group_bottom3, #group_bottom_diag {
background: url(/files/algolpharma/images/kaksi_palstaa_bottom.gif) no-repeat top;
height: 60px; 
width: 710px;
padding-top: 20px;
}

.kuva_box {
width: 266px;
height: 240px;
position: absolute;
margin: 0px;
right: 1px;
top: -3px;
}


.kuva_box_sivu {
width: 233px;
height: 240px;
position: absolute;
margin: 0px;
right: 1px;
top: -64px;
z-index: 2;
overflow: hidden;
}

.product_img_list {
position: absolute;
right: 1px;
top: 240px;
width: 256px;
height: 20px;
}

.tuote_kuva {
position: absolute;
bottom: 3px;
left: 3px;
width: 263px;
height: 233px;
overflow: hidden;
}

.tuote_kuva_sivu {
position: absolute;
bottom: 3px;
left: 8px;
width:  246px;
height: 233px;
overflow: hidden;
z-index: 2;
}


.tuote_kuva_img {
position: absolute;
top: 3px;
left: 3px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/files/algolpharma/images/tuoteryhma_alphakuva.png');
width: 244px;
height: 216px;
padding: 10px;
}


.tuote_kuva_img_sivu {
position: absolute;
top: 3px;
left: 3px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/files/algolpharma/images/tuoteryhma_alphakuva.png');
width: 211px;
height: 216px;
padding: 10px;
z-index: 5;
}

html > body .tuote_kuva_img {
background: url('/files/algolpharma/images/tuoteryhma_alphakuva.png') no-repeat;
}


html > body .tuote_kuva_img_sivu {
background: url('/files/algolpharma/images/tuoteryhma_alphakuva.png') no-repeat;
z-index: 5;
}

/*  Sanasto
--------------------------------*/

#sanasto {
  width: 710px;
  background: url('../images/sanasto_bottom.gif') no-repeat bottom;
  padding-bottom: 40px;
}

#sanasto_aakkoset {
  margin: 0;
  padding: 0;
  background: url('../images/sanasto_top.gif') no-repeat top;
  list-style-type: none;
  height: 40px;
  padding-left: 7px;
}

#sanasto_aakkoset li {
  margin: 7px 2px 0 0;
  padding: 8px 0 8px 0;
  width: 25px;
  float: left;
  text-align: center;
  cursor: pointer;
}

#sanasto_aakkoset li:hover, #sanasto_aakkoset li.selected {
  background: url('../images/sanasto_aakkonen.gif') no-repeat;
}

#sanasto_aakkoset #sanasto_kaikki {
  width: 66px;
  float: right;
}

#sanasto_aakkoset #sanasto_kaikki:hover, 
#sanasto_aakkoset #sanasto_kaikki.selected {
  background: url('../images/sanasto_kaikki.gif') no-repeat;
}

#sanasto_bg {
  background: url('../images/sanasto_bg.gif') repeat-y;
  padding: 0 9px 0 9px;
}

#sanasto_holder {
  position: relative;
  overflow: hidden;
  height: 320px;
}

#sanasto_slider {
  position: absolute;
  left: 0;
  width: 10000px;
}

#sanasto_slider div {
  width: 650px;
  padding: 25px 20px 10px 20px;
  position: absolute;
  top: 0;
}

#sanasto_slider div h1 {
  font-size: 15px;
  color: #00acbe;
  margin: 0 0 15px 0;
}

#sanasto_slider div hr {
  height: 0;
  border: 0;
  border-top: 1px dotted #d0d0d0;
  margin: 20px 0 20px 0;
}


/**
 * Yhteyshenkilöt
 */

#yhteyshenkilot {
  background: url('../images/henkilokortti_bg.gif') no-repeat top left;
  padding: 0 9px 0 24px;
}

#yhteyshenkilot-lista {
  float: left;
  display: inline;
  width: 209px;
  margin: 30px 9px 0 0;
  padding: 0;
  list-style-type: none;
}

#yhteyshenkilot-lista h3 {
  cursor: pointer;
}

#yhteyshenkilot-lista h3.selected {
  color: #003366;
}

#yhteyshenkilot-lista div {
  margin: 5px 0 15px 0;
}

#yhteyshenkilot-lista a {
  display: block;
  padding: 2px 0 2px 2px;
  margin-left: 15px;
}

#yhteyshenkilot-holder {
  float: left;
  display: inline;
  width: 462px;
  margin: 9px 0 0 0;
}

#yhteyshenkilot-holder div {
  padding: 20px;
}

#yhteyshenkilot-bottom {
  clear: both;
  background: url('../images/henkilokortti_bottom.gif') no-repeat left;
  height: 11px;
  margin: 0 -9px 0 -24px;
}


/* // */


.button_slide, .button_slide_back  {
display: none; 
height: 22px; 
width: 79px; 
padding: 2px 0 0 11px;
background: url('../images/button_slide.gif') left no-repeat;
color: #cccccc;
overflow: hidden;
line-height: 20px;
}

.button_slide_back {
text-align: right; 
width: 75px; 
padding: 2px 15px 0 0;
height: 22px; 
overflow: hidden;
line-height: 20px;
}

.button_cont {
width: 90px; 
height: 48px;
float: left;
}


.personnel_box {
background: url('../images/henkilokortti_bg.gif') left no-repeat;
width: 500px;
height: 176px;
position: relative;
margin-bottom: 40px;
}

.personnel_image {
width: 116px;
height: 139px;
overflow: hidden;
position: absolute;
left: 18px;
top: 18px;
}

.personnel_text {
position: absolute;
left: 158px;
top: 32px;
width: 310px;
height: 120px;
}

.filesize {
font-size: 10px; 
display: inline;
}


/*  sIFR
 ---------------------------*/



/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
/*
.sIFR-hasFlash h1 {
	visibility: hidden;
}*/

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

/*.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}*/


#main_ala_left_2 ul, #main_ala_left ul, #main_a2 ul, #main_a1 ul  {padding-left: 30px;}

#top_logo {
position: absolute;
top: 16px;
left: 33px;
width: 120px;
height: 60px;
}

#map {
z-index: 10;
}