html {
 margin: 0;
 padding: 0;
 width: 100%;
 height: 100%;
}

body {
 margin: 0 auto 0 auto;
 padding: 0;
 width: 100%;
 height: 100%;
 font-family: Arial, Helvetica, Verdana, sans-serif;
 font-size: 14px;
 font-weight: normal;
 color: #484848;
 line-height: 18px;
 background:#f2f9fe url('../img/bg.jpg') scroll no-repeat top; 
 background-attachment:scroll;
}

#etusivu {
 margin: 0;
 padding: 0;
 width: 100%;
 height: 100%;
 background:#f2f9fe url('../img/bg.jpg') scroll no-repeat top;
 background-attachment:scroll;
}

#holder {
 margin: 0;
 margin-top: -20px;
 padding: 0;
}

#container {
 margin: 0 auto 0 auto;
 padding: 0;
 z-index: 2; 
 position: relative;
 width: 981px;
}

/* TEXT STYLES */

#otsikko {
 width: 900px;
 height: 133px;
 margin: 0;
 padding: 0;
}

h1 {
 color: white;
 font-style: italic;
 font-size: 46px;
 font-weight: normal;
 margin: 0;
 padding: 0;
 line-height: 40px;
}

#h1_content {
 padding: 60px 0 0 12px;
}

.alaotsikko_vasen {
 width: 410px;
 height: 70px;
 margin-left: 12px;
 padding: 0;
}

.alaotsikko_oikea {
 width: 452px;
 height: 70px;
 margin-left: -20px;
 padding: 0;
}

.alaotsikko_vasen_3line {
 width: 410px;
 height: 130px;
 margin-left: 12px;
 padding: 0;
}

.alaotsikko_oikea_3line {
 width: 452px;
 height: 130px;
 margin-left: -20px;
 padding: 0;
}

.alaotsikko_small {
 width: 410px;
 height: 55px;
 margin-left: 30px;
 padding: 0;
}

h2 {
 font-size: 28px;
 font-weight: normal;
 color: #ec2ea6;
 margin: 0;
 padding: 0;
 line-height: 28px;
}

h3 {
 font-size: 24px;
 font-weight: normal;
 color: #ec2ea6;
 margin: 0;
 padding: 0;
 line-height: 24px;
}

a:active,a:focus {outline: 0;} /*Firefox dotter border fix*/

p {
 margin: 0 0 18px 0;
}

.pvasen {
 margin: 0 0 18px 32px;
}

.pvasen_small {
 margin: 0 0 0 32px;
}

.pic {
 margin-bottom: 20px;
}

.hr_top {
 margin: 0 0 45px 10px;
 padding: 0px;
 border-top: 1px solid #96d4f9;
 width: 864px;
 height: 1px;
}

.h1_product {
 color: #00afde;
 font-size: 32px;
 font-style: normal;
 font-weight: normal;
 margin: 0;
 padding: 0;
}

.h1_product_content {
 padding: 40px 0 0 0;
}

.text18pxgrey {
 color: #9b9b9b;
 font-style: italic;
 font-size: 18px;
}

.text12blue {
 font-size: 12px;
 color: #005f9d;
}

#product_content_texts {
 clear: left;
 font-size: 12px;
 color: #0095cc;
 margin: 5px 0 0 9px;
 width: 450px;
}

#tuotenavi {
 background: url('../img/navi/bg.gif') repeat-x top left;
 width: 969px;
 height: 33px;
 text-align: center;
 margin-left: 6px;
}

.kysylomake {
 font-family: Arial, Helvetica, Verdana, sans-serif;
 font-size: 14px;
 font-weight: normal;
 color: #484848;
 line-height: 18px;
}

.kysytextarea {
 width: 593px;
 height: 117px;
 border: 0px none;
 margin: -1px 0 0 0;
 padding: 10px;
 background: none;
 font-family: Arial, Helvetica, Verdana, sans-serif;
 font-size: 16px;
 color: #484848;
}

.kysytextfield {
 width: 340px;
 height: 18px;
 border: 0px none;
 padding: 10px;
 background: none;
 font-family: Arial, Helvetica, Verdana, sans-serif;
 font-size: 16px;
 color: #484848;
}

/* NAVI STYLES */

#navi {
 margin: 0;
 padding: 0;
 width: 981px;
 height: 84px;
}

#logo {
 float: left;
}

#naviContent {
 float: left;
 width: 850px;
 /*height: 84px;*/
 text-align: right;
}

#naviContent img {
 margin: 48px 0 0 0;
 padding: 0;
}
/* CONTENT STYLES */

#mainContent {
 background:url('../img/bg-content-top.jpg') no-repeat top left;
 width: 981px;
 margin: -22px 0 0 0;
 padding: 0;
 position: relative;
 min-height: 400px;
 height:auto !important;
 height:400px;
}

#contentLeft {
 width: 6px;
 height: 396px;
 position: absolute;
 bottom: 0;
 margin-bottom: 87px;
}

#contentRight {
 width: 6px;
 height: 396px;
 position: absolute;
 bottom: 0;
 margin: 0 0 87px 975px;
}

#contentCenter {
 margin: 0;
 padding: 0;
 width: 975px;
 min-height: 400px;
 height:auto !important;
 height:400px;
}

#contentCenterInner {
 margin: 0 55px 60px 65px;
 padding: 0;
}

#contentBottom {
 background:url('../img/bg-content-bottom.gif') no-repeat top left;
 height: 87px;
 margin: 0;
 padding: 0;
 text-align: right;
}

#contentBottomCampaign {
 background:url('../img/bg-content-bottom-campaign.gif') repeat-x top left;
 height: 60px;
 margin: 0;
 padding: 0;
 text-align: right;
}

#contentBottomFrontpage {
 background:url('../img/bg-content-bottom-frontpage.gif') repeat-x top left;
 height: 50px;
 margin: 0;
 padding: 0;
 text-align: right;
}

#facebook-link {
 margin: 36px 15px 0 0;
 float: right;
}

#facebook-image {
 margin: 21px 58px 0 0;
 float: right; 
}

#facebook-linkCampaign {
 margin: 16px 15px 0 0;
 float: right;
}

#facebook-imageCampaign {
 margin: 1px 58px 0 0;
 float: right; 
}

#facebook-linkFrontpage{
 margin: 16px 15px 0 0;
 float: right;
}

#facebook-imageFrontpage {
 margin: 1px 58px 0 0;
 float: right; 
}

#facebook-link a:link, #facebook-link a:active, #facebook-link a:visited, 
#facebook-linkCampaign a:link, #facebook-linkCampaign a:active, #facebook-linkCampaign a:visited,
#facebook-linkFrontpage a:link, #facebook-linkFrontpage a:active, #facebook-linkFrontpage a:visited {
 font-size: 13px;
 color: #004fa3;
 font-weight: normal;
 text-decoration: none;
}

#facebook-link a:hover, #facebook-linkCampaign, #facebook-linkFrontpage a:hover {
 font-size: 13px;
 color: #484848;
 font-weight: normal;
 text-decoration: none;
}

#flashcontent {
 width: 981px;
 margin: 0;
 padding: 0;
}

#productContent {
 margin: 0;
 padding: 0;
 width: 975px;
 min-height: 400px;
 height:auto !important;
 height:400px;
 /*margin-left: 6px; */
}

#productContentInner {
 background-color: white;
 padding: 0;
 margin: 0 0 0 6px;
}

#productContentLayer {
 background-color: white;
 margin: 0 100px 0 83px;
}

#productpic {
 margin: 40px 0 0 0;
}

.hr_product {
 margin: 10px 0 25px 0;
 padding: 0;
 border-top: 1px solid #c5e2e9;
 width: 460px;
 height: 1px;
}

.product_bg {
 background:url('../img/bg-product-table.gif') repeat-x top center;
}

#nostot {
 background:url('../img/bg-nostot.gif') repeat-x top center;
 height: 220px;
}

table {
 font-size: 12px;
 color: #0095cc;
}

#danonelogo { 
 position: absolute;
 right: 0px;
 bottom: 0px;
 z-index: 999;
}

div > div#danonelogo {
 position: fixed;
 z-index: 9999;
}

/* FOOTER STYLES */

.footerBox {
 font-weight: normal;
 font-size: 13px;
 color: #00afde;
 float: left;
 width: 170px;
 margin: 23px 0 0 20px;
 padding-bottom: 25px;
 min-height: 150px;
 height:auto !important;
 height:150px;
}

.footerBox a:link, .footerBox a:active, .footerBox a:visited {
 font-size: 13px;
 color: #93d1e2;
 font-weight: normal;
 text-decoration: none;
}
.footerBox a:hover {
 font-size: 13px;
 color: #484848;
 font-weight: normal;
 text-decoration: none;
}

a.boldlink:link, a.boldlink:active, a.boldlink:visited {
 color: #00afde;
 font-weight: bold;
}

a.boldlink:hover {
 color: #484848;
 font-weight: bold;
}

#hr_footer {
 clear: both;
 margin: 14px 0 0 10px;
 padding: 0px;
 border-top: 1px solid #c5e2e9;
 width: 960px;
 height: 1px;
}

.hr_1px {
 display: none;
}

#blockHolder {
 position: relative;
}

#backgroundBlocks {
 margin:0;
 padding:0;
 position: absolute;
 bottom: 0px;
 width: 100%;
 height: 570px;
 z-index: 1;
}

* html #backgroundBlocks {
 margin:0;
 padding:0;
 position: absolute;
 bottom: 0px;
 width: 100%;
 height: 570px;
 z-index: 1;
}

#faq {
 width: 610px;
 background: #ffffff url('../img/faq/bg.gif') repeat-y top left;
 font-family: Arial, Helvetica, Verdana, sans-serif;
 font-size: 14px;
 color: #00afde;
}

.faqdiv {
 width: 574px;
 height: 24px;
 margin-left: 2px;
 padding: 4px 16px 0 16px;
 background-color: white;
}

.faqdivdark {
 width: 574px;
 height: 24px;
 margin-left: 2px;
 padding: 4px 16px 0 16px;
 background-color: #e5f5ff;
}

.faqvastaus {
 background-color: #09b0df;
 margin-left: 0px;
 padding: 0; 
 color: white;
}

.faqarrow {
 float: right;
}

a:link, a:active, a:visited {
 font-size: 14px;
 color: #00afde;
 font-weight: normal;
 text-decoration: none;
}

a:hover {
 font-size: 14px;
 color: #00afde;
 font-weight: normal;
 text-decoration: none;
}