body {
    font-size            :    10px;
    text-align            :    center;
    font-family            :    Arial, Helvetica, sans-serif;
    background            :    #ebecee;
    color                :    #000;
}

textarea {
    font-family            :    Arial, Helvetica, sans-serif;
    font-size            :    1em;
}

input {
    font-family            :    Arial, Helvetica, sans-serif;
    font-size            :    1em;
}

select {
    font-family            :    Arial, Helvetica, sans-serif;
    font-size            :    1em;
}

.moduleHolder
{
  padding-bottom:20px;
}

ul.productList
{
  border-top: 1px solid #999;
  padding-left: 0px;
}

ul.productList div
{
  width:100%;
}

ul.productList li
{
  list-style: none;
  border-bottom: 1px solid #999;
  padding: 5px 10px;
}

ul.productList .productName
{
  font-weight: bold;
  font-size: 1.0em;
}

ul.productList .productDesc
{
  padding-left: 20px;
}

a {
    text-decoration    :    none;
    color            :    #4279c9;
}

a:hover {
    text-decoration    :    underline;
}

#contentHolder a {
    font-weight        :    bold;
}


#pagewidth {
    font-size        :    1.2em;
    width            :    760px;
    background        :    #fff;
    color            :    #424242;
    margin-left        :    auto;
    margin-right    :    auto;
    text-align        :    left;
}

#header {
    height            :    92px;
    background        :    url('/files/mcrolls/html/img/header.jpg') no-repeat;
}

#navi {
    background        :    url('/files/mcrolls/html/img/navibg.gif') repeat-x #1c7031;
    position            :    relative;
    z-index                :    2;
    white-space            :    nowrap;
  height: 30px;
}

.mlddm {
    margin            :    0px;
    padding            :    0px;
}
.mlddm li {
    list-style        :    none;
    display            :    inline;
    margin            :    0px;
    padding            :    0px;
    float            :    left;
    background        :    url('/files/mcrolls/html/img/navisepa.gif') repeat-y right top;
}

.mlddm li a {
    display            :    block;
    line-height        :    30px;
    font-size        :    1em;
    padding            :    0px    15px;
    margin            :    0px;
    text-decoration    :    none;
    color            :    #fff;
}

.mlddm li a:hover {
    background        :    url('/files/mcrolls/html/img/navisepa.gif') repeat-y right top #0A904D;
}

.mlddm li a.active {
    background        :    url('/files/mcrolls/html/img/navisepa.gif') repeat-y right top #0A904D;
    text-decoration    :    underline;
}

.mlddm ul {
    z-index                :    100;
    position            :    absolute;
    visibility            :    hidden;
    margin                :    0 0 0 20px;
    padding                :    0;
    background            :    #13803f;
    border                :    1px solid #045e28;
}

.mlddm ul li {
    float                :    none;
    background: none;
}

.mlddm ul li a {
    display                :    block;
    width                :    auto;
    margin                :    0px;
    padding                :    0 16px 0 10px;
    line-height            :    22px;
    font-size            :    12px;
    font-weight            :    normal;
    color                :    #fff;
    background            :    transparent;
    border-width        :    0;
}

.mlddm ul li a:hover {
    background            :    #0a904d;
}

.mlddm ul li.active {
    background            :    none;
}
.mlddm ul li a.active {
    color                :    #fff;
    font-weight            :    bold;
    background            :    none;
    text-decoration        :    none;
}
.mlddm ul ul {
    margin                :    0px;
}

.mlddm ul li a.active:hover {
    
}

.mlddm ul li a.hsub {
    background            :    transparent no-repeat right url(/files/mcrolls/html/img/arrow.gif) !important;
}

.mlddm ul li a.hsub:hover {
    background            :    #0a904d no-repeat right url(/files/mcrolls/html/img/arrow.gif) !important; 
}

.mlddm ul li a.hsubActive {
    font-weight            :    bold;
    background            :    transparent no-repeat right url(/files/mcrolls/html/img/arrow.gif) !important;
}

.mlddm ul li a.hsubActive:hover {
    background            :    #0a904d no-repeat right url(/files/mcrolls/html/img/arrow.gif) !important;
}


#navishdw {
    line-height        :    1px;
    font-size        :    1px;
    height            :    4px;
    background        :    #f0f;
    clear            :    both;
    background        :    url('/files/mcrolls/html/img/navishdw.gif') repeat-x;
}

#fptopboxes {
    margin            :    14px 20px 0px 18px;
    color            :    #fff;
}

#fptopboxes a {
    color            :    #fff;
    text-decoration    :    underline;
}

#fptopboxleft {
    overflow        :    hidden;
    width            :    504px;
    height            :    236px;
    float            :    left;
    background        :    url('/files/mcrolls/html/img/fpbigbox.gif') no-repeat #087742;
}    

#fptopboxright {
    overflow        :    hidden;
    width            :    208px;
    height            :    236px;
    float            :    right;
    background        :    url('/files/mcrolls/html/img/fplittlebox.gif') no-repeat #087742;
}

#fptopboxleftcont {
    margin            :    60px 30px 10px 30px;
}

#fptopboxrightcont {
    margin            :    20px 10px;
}

#firstHiddenHeader {
    display            :    none;
}
#fpbtmboxes {
    margin            :    14px 20px 0px 20px;
    color            :    #424242;
}

#fpbtmboxes a {
    font-weight        :    bold;
}

#fpbtmboxleft {
    width            :    350px;
    float            :    left;
}

#fpbtmboxright {
    width            :    350px;
    float            :    right;
}

#fptopboxright h1 {
    font-size        :    2em;
    color            :    #fff;
}

.fpBottomBox h2 {
    background        :    url('/files/mcrolls/html/img/fplittleh2.gif') no-repeat #087742;
    font-size        :    1.2em;
    font-weight        :    normal;
    margin-bottom    :    5px;
    margin-top        :    0px;
    padding-left    :    10px;
    line-height        :    1.8em;
    color            :    #fff;
}

.content h1 {
    font-size        :    1.4em;
    font-weight            :    bold;

}

.content h2 {
    font-size        :    1.3em;
    font-weight            :    bold;

}

.content h3 {
    font-size        :    1.2em;
    font-weight            :    bold;

}

.content h4 {
    font-size        :    1.1em;
    font-weight            :    bold;

}

.content h5 {
    font-size        :    1em;
    font-weight            :    bold;

}

.content h6 {
    font-size        :    0.8em;
    font-weight            :    bold;

}

.content h1 {
    width            :    350px;
    border-bottom    :    6px solid #fffcd4;
    margin-top        :    0px;
    padding-bottom    :    10px;
    color            :    #00663a;
}

.mainHeaderLong {
    border-bottom    :    6px solid #fffcd4;
    margin-top        :    0px;
    padding-bottom    :    10px;
    color            :    #00663a;
}

/*
.fpECM1 {
    width:450px;overflow:hidden;
}



.fpECM2 {
    width:185px;overflow:hidden;
}

.fpECM3 {
    width:350px;overflow:hidden;
}

.fpECM4 {
    width:350px;overflow:hidden;
}
*/


#footer {
    margin            :    0px 4px;
    padding            :    5px 0px;
    border-top        :    1px solid #32815f;
}
.footerblock {
    width            :    145px;
    margin-right    :    5px;
    float            :    left;
}

#footerline {
    width            :    575px;
    background        :    url('/files/mcrolls/html/img/greenline.gif') no-repeat 20px bottom;
    font-size        :    1px;
    line-height        :    1px;
    height            :    10px;
    float            :    left;
}
#footer2 {
    text-align        :    right;
    font-size        :    0.9em;
    padding-left    :    163px;
    background        :    url('/files/mcrolls/html/img/bppattern.gif') repeat-y; 
}

.footerblock2 {
    width            :    113px;
    float            :    left;
    padding-left    :    3px;
    text-align        :    left;
}


span.hs {
    line-height        :    3em;
    font-size        :    0.8em;
    color            :    #a6a6a6;
    display            :    block;
    text-align        :    center;
}

span.hs a {
    color            :    #a6a6a6;
    text-decoration    :    none;
}

span.hs a:hover {
    text-decoration    :    underline;
}

#mainHolder {
    background        :    url('/files/mcrolls/html/img/bppattern.gif') repeat-y; 
}

#subNaviHolder {
    width            :    163px;
    overflow        :    hidden;
    float            :    left;
    background        :    url('/files/mcrolls/html/img/greenshdw.gif') repeat-x;
}

#subNavi {
    margin            :    20px 6px 10px 6px;
    font-size        :    1em;
}

#subNavi ul {
    margin            :    0px;
    padding            :    0px;
    list-style        :    none;
}

#subNavi ul li.emptyLi {
    border-bottom    :    1px solid #fff;
    margin            :    0px;
    padding            :    0px;
}

#subNavi ul li {
    margin            :    2px 0px 0px 0px;
    padding            :    0px 0px 2px 0px;
    border-bottom    :    1px solid #fff;
}

#subNavi ul li a {
    line-height        :    1.5em;
    text-decoration    :    none;
    color            :    #fff;
    display            :    block;
    width            :    132px;
    padding-left    :    19px;
    background        :    url('/files/mcrolls/html/img/subnavibox.gif') no-repeat 6px center;
}

#subNavi ul li a:hover {
    background        :    url('/files/mcrolls/html/img/subnavibox.gif') no-repeat 6px center #096636;

}

#subNavi ul li ul {
    border-top        :    1px solid #fff;
    margin-top        :    2px;
    padding-top        :    2px;
}

#subNavi ul li ul li {
    border            :    none;
    margin            :    0px;
    padding            :    0px;
  padding-left: 5px;
}

#subNavi ul li ul li a {
    background        :    url('/files/mcrolls/html/img/subsubnavi.gif') no-repeat 6px center;
    width            :    127px;
}
#subNavi ul li ul li a:hover, #subNavi ul li ul li a.active {
    background        :    url('/files/mcrolls/html/img/subsubnavi.gif') no-repeat 6px center #096636;
}


#subNavi ul li ul li ul li a {
  width            :    122px;
}

#subNavi ul li a.active {
    background        :    url('/files/mcrolls/html/img/subnavibox.gif') no-repeat 6px center #096636;
    
}
#subNavi ul li.noBG a, #subNavi ul li.noBG ul li.noBG a {
    background        :    none;
    padding            :    0px;
    margin            :    0px;
    width            :    auto;
    display:inline;
}
#subNavi ul li.noBG a:hover, #subNavi ul li.noBG ul li.noBG a:hover {
    background        :    none;

}


#contentHolder {
    width            :    597px;
    float            :    right;
    background        :    url('/files/mcrolls/html/img/contentshdw.gif') no-repeat;
}

#inlineNavi {
    color            :    #979797;
    padding            :    10px 20px;    
}
#inlineNavi a {
    font-size        :    0.9em;
    color            :    #979797;
    font-weight        :    normal;
    text-decoration    :    none;
}
#inlineNavi a:hover {
    text-decoration    :    underline;
}


#content {
    margin            :    10px 30px 30px 30px;
}

.clear {
    line-height        :    1px;
    font-size        :    1px;
    clear            :    both;
}

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

.clearfix{display: inline-table;}

/* piilotellaan IE-macilta \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* lopetellaa piilottelu */ 

.productGroup {
    margin                :    5px 0px;
}
.productGroup a {
    color                :    #4279c9;
    text-decoration: none;
}
.productFirst, .prodInfoFirst  {
    background            :    #E9F8FD;
    margin                :    1px 0px;
    padding                :    3px;
}

.productSecond, .prodInfoSecond {
    background            :    #DCF6ED;
    margin                :    1px 0px;
    padding                :    3px;
}

.productFirst, .productSecond {
    cursor                :    pointer;
}


.productHeader {
    border-bottom        :    3px solid #FFFCD4;
    margin                :    1px 0px;
    padding                :    3px;
}
.productHeader .productID {
    font-size            :    1em;
}

.productID {
    width                :    100px;
    float                :    left;
    font-size            :    0.9em;
}
.productName {
    width                :    425px;
    float                :    left;
}

.productDescLong, .productDescShorty {
    padding-bottom        :    10px;
}
.productDescShorty {
    font-weight            :    bold;
}
.productDescShort {
    width                :    180px;
    float                :    left;
}

.productDescLong p {
    padding                :    0px;
    margin                :    0px;
    margin-bottom        :    1.3em;
}


.productName a,
.prodNameUL a,
.searchresults a,
.backlink,
#printpage a {
    color                :    #4279c9;

    font-family            :     Arial, Helvetica, sans-serif;
    font-size            :     1em;
    font-weight            :     normal;
}

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

.productName a:hover,
.prodNameUL a:hover,
.searchresults a:hover,
a.backlink:hover,
#printpage aa:hover {
    text-decoration        :    underline;

}

.prodPic {
    width                :    150px;
    float                :    left;
    text-align            :    left;
    margin-bottom        :    10px;
}

.prodInfo {
    width                :    385px;
    float                :    left;
}


.prodNameUL {
    border-bottom        :    6px solid #FFFCD4;
    color                :    #00663A;
    padding                :    0px 0px 5px 0px;
    margin                :    10px 0;
    font-weight            :    bold;    
}

.prodnameUl .name {
    font-size            :    1.4em;
}

.searchresults{

}

.FormField input, .FormField textarea, .FormField select {
    width                :    250px;
    font-family            :    Arial, Helvetica, sans-serif;
    font-size            :    1em;
}
.FormField2 {
    width                :    250px;
    text-align            :    right;
    padding                :    0px;
    margin                :    0px;
}
.FormField2 input {
    margin                :    0px;
    padding                :    0px;
    width                :    50px;
}
.palauteSend {
    margin:0px;
    padding:0px;

}

#printpage {
    text-align        :    right;
    padding            :    3px;
    margin-top        :    0px;
    margin-right    :    20px;
    margin-bottom    :    0px;
    margin-left        :    250px;
}

.formError{
    font-weight        :    bold;
    color            :    #990000;    
}


#printLogo {
    position        :    absolute; 
    left            :    -10000px;
}

/*printtailut*/ 
@media print{ 


#printLogo {
    position        :    relative;
    left            :    auto;
    display            :    block;
    background        :    none;
}

#header {
    display            :    none;
}
#navi {
    display            :    none;
}
#footer {
    display            :    none;
}
#printpage {
    display            :    none;
}
#inlineNavi {
    display            :    none;
}

#fptopboxleft, #fptopboxright, #fpbtmboxleft, #fpbtmboxright {
    width            :    100%;
    display            :    block;
    float            :    left;
    color            :    #000;
    background        :    none;
}

#firstHiddenHeader {
    display            :    block;
    background        :    none;
}
#footer2 {
    display            :    none;
}
#subNaviHolder {
    display            :    none;
}
#mainHolder {
    background        :    none;
    background-color:    #FFFFFF;
}
#contentHolder {
    width            :    100%;
    background-color:    #FFFFFF;
    background        :    none;
}

#fptopboxleft {
    overflow        :    visible;
    width            :    100%;
    height            :    auto;
    float            :    left;
    background        :    none;
}    

#fptopboxright {
    overflow        :    visible;
    padding            :    20px 0;
    width            :    100%;
    height            :    auto;
    float            :    left;
    background        :    none;
}

#fptopboxleftcont {
    margin            :    0;
    background        :    none;
}

#fptopboxrightcont {
    margin            :    0;
    background        :    none;
}

.fpECM1, .fpECM2, .fpECM3, .fpECM4 {
    width            :    600px;
    overflow        :    visible;
    height            :    auto;
    background        :    none;
}

h2.fpHead {
    font-weight        :    bold;
    margin            :    0;
    padding            :    0;
    background        :    none;
}

.fp2Head {
    margin            :    0;
    padding            :    0;
    background        :    none;
}

.backlink {
    display            :    none;
    background        :    none;
}

}