@charset "utf-8";
body { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #FFFFFF; margin: 0; padding: 0; text-align: center; color: #000000; }
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-variant: small-caps; color: #036087; padding: 0px 10px 5px 0px; margin: 0px 20px 0px 0px; letter-spacing: 0.01em; }
/*------------------ ROUNDCORNERBOX ---------------------------------
ft : footer
tr : topright
tl : topleft
hd : header
mr : middleright
bl : bottomleft
br : bottomright
*/

.roundBox { width:100%; margin:0px; color:#333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.roundBox .hd .c, .roundBox .ft .c { font-size:1px; height:13px; }
.roundBox .ft .c { height:14px; }
.roundBox .hd { background:transparent url(../img/roundbox/tl.gif) no-repeat 0px 0px; }
.roundBox .hd .c { background:transparent url(../img/roundbox/tr.gif) no-repeat right 0px; }
.roundBox .bd { background:transparent url(../img/roundbox/ml.gif) repeat-y 0px 0px; }
.roundBox .bd .c { background:transparent url(../img/roundbox/mr.gif) repeat-y right 0px; padding: 0px 10px 0px 10px }
.roundBox .bd .c .s { margin:0px 8px 0px 4px; background:#000 url(../img/roundbox/ms.jpg) repeat-x 0px 0px; padding:1em; }
.roundBox .ft { background:transparent url(../img/roundbox/bl.gif) no-repeat 0px 0px; }
.roundBox .ft .c { background:transparent url(../img/roundbox/br.gif) no-repeat right 0px; }
.roundBox .bd .content { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; padding-left: 5px; text-align: left; padding-bottom: 5px; }
.roundBox .bd .heading { padding: 5px 0px 10px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: green; text-align: left; }
.PicRight { float: right; margin-left: 10px; margin-bottom: 6px; border: 0px solid #000; margin-right: 0px; margin-top: 20px; }
a:link, a:visited { text-decoration: none; color: green; background-color: transparent; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-variant: small-caps; }
a:hover { color: orange; font-family: Arial, Helvetica, sans-serif; }
.rolloverLueLisaa a { display:block; width: 79px; height: 20px; padding:0px 0px 0px 0px; background: url(../images/lueLisaa.gif) 0 0 no-repeat; text-decoration: none; }
.rolloverLueLisaa a:hover { background-position: 0 -20px; color: #049; }
.rolloverLueLisaa a:active { background-position: 0 -20px; color:#fff; }
.emailTxt{ line-height: 14px;  }

/*     ----------- CORE LAYOUT ----------*/
.twoColLayout #container { width: 800px; margin: 0 auto; border: 0px; text-align: left; background: #FFFFFF; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; }
.twoColLayout #mainContent { margin: 20px 0px 0px 220px; ; width: 350px; padding: 15px 0px 0px 0px; background-color: #FFFFFF; }
.twoColLayout #sidebarRight { float: right; width: 200px; margin-top: 20px; background-color: #FFFFFF; text-align: right; }
.twoColLayout #sidebarLeft { float: left; width: 200px; margin-top: 20px; background-color: #FFFFFF; }
.twoColLayout #header { width: 800px; margin: 0 auto; text-align: left; background: #FFFFFF url(../img/kukkaotsikko.jpg) no-repeat; padding: 0px; height: 126px; }

.twoColLayout #sidebarLeft p, .twoColLayout #sidebarRight p { padding: 0px 0px 0px 10px; }
.fltrt { float: right; margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.linkkiLuettelo { font-family: Geneva, Arial, Helvetica, sans-serif; text-transform: capitalize; list-style-position: outside; list-style-type: square; color: #000000; font-size: 85%; }
#footerWthShadow { margin: 0 auto; width: 800px; height: 39px; background-image: url(../img/footer.jpg); background-repeat: no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; font-variant: small-caps; text-align: right; color: #FFFFFF; }
#footerWthShadow .txt { padding-top: 23px; padding-right: 20px; }
#footerWthShadow .txt a:link,#footerWthShadow .txt a:visited{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; font-variant: small-caps; color: #FFFFFF;text-decoration: none; }
.alertBox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-variant: small-caps; color: #FF0000; padding: 5px; float: right; width: 150px; border: 1px solid #FF0000; }
#kielet { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9px; color: #666666; padding: 4px; line-height: 15px; text-transform: none; }
#kielet a:link, #kielet a:visited{ text-decoration: none; font-variant: normal; font-family: Georgia, "Times New Roman", Times, serif; font-size: 9px; color: #666666; line-height: 15px; text-transform: none; }
#kielet ul { list-style-type: none; margin: 0; padding: 0px; }
#kielet li { display: inline; padding: 0px 0px 5px 10px; }

.roundBox .bd .content { }
.roundBox .bd .heading { }

/* --------------- MAKSUJATOIMITUS, HERBALIFE LAUSUNNOT -------------- */
#navLausunnot { width: 220px; float: left; padding: 10px 0px 10px 0px;}
#navLausunnot ul { list-style-type: none; padding: 10px 0px 0px 0px; margin: 0px; }
#navLausunnot li { padding: 2px 0px 2px 10px;margin: 5px 0px 5px 0px; border-left-width: 5px; border-left-style: solid; border-left-color: #5BB834; }
#textColLausunnot { width: 550px; float: right; padding: 10px;}
#textColLausunnot h2{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; padding: 5px; }
#textCol { width: 550px; float: right; padding: 10px; }
#textCol h1, #textColLausunnot h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-variant: small-caps; color: #FFFFFF; background-color: #92DE12; padding: 5px; }
#textCol p, #textColLausunnot p { padding: 0px 0px 0px 15px; }