/*
Theme Name: Finn Crisp
Theme URI: http://www.finncrisp.com/
Description: Finn Crisp theme.
Version:
Author: Into-Digital
Author URI: http://www.into-digital.fi/
Tags: three columns

*/

a img { border: 0px; }

body{
        margin:0; padding:0; background: #faf7ed url(gfx/bg.jpg) top center no-repeat;

        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        line-height: 18px;

        text-align: center;

}

h4 { font-size: 14px; font-weight: bold; margin: 0px; }

a{ outline-style: none;}

#page{

                text-align: left;
                margin: 0 auto;
                width: 1000px;
                position: relative;
        }


#header{
        margin:0; padding:0;
        background: url(gfx/bg-header.png) 0px 170px no-repeat!important;
        background: url(gfx/bg-header-ie.png) 0px 0px no-repeat;

        height: 280px; /*300px;*/
        width: 1000px;
        float: left;

        z-index: 1;

}
#navigation{
 height: 45px; width: 940px; margin: 0 auto; display: block; clear: both; position: absolute; top: 182px; left: 30px;
}

#navigation ul{ margin: 0; padding: 10px 0 0 0; text-align: center;}

#navigation ul li { display: inline; font-size: 22px; margin: 0; padding: 0; letter-spacing: -1px;}

#navigation ul li a{ margin: 0 8px; color: #FFF; text-decoration: none; }

#navigation ul li.current_page_item a,
#navigation ul li.current_page_ancestor a{ color: #eace81; }


a#FINN-CRISP{
        margin: 0;
        padding: 0;
        background: url(gfx/finn-crisp-logo.png) 0 0 no-repeat;
        height: 165px; width: 360px;
        display: block;
        position: absolute; top: 0; left: -21px;

        }
a#FINN-CRISP span{ display: none; }

p{ margin: 0; padding: 4px 0 12px 0;}

#main-flash{
        margin: 0; padding:0; background: url(gfx/bg-flash.png) 0 0 no-repeat;

        height: 350px;
        width: 1000px;
        display: block;

        top: 235px;
        left: 0;

        position: absolute;

        z-index: 2;

}


#flash-container{
        margin: 10px 30px 0 30px; padding:0;

        height: 340px;
        width: 940px;
        display: block;

}
#flash-temp{ background: url(gfx/flash-temp.jpg) 0px -5px no-repeat; display: block; height: 340px; width: 940px; color: #FFF; font-weight: bold; }
#flash-temp span{ padding: 8px 50px; display: block;}
#flash-temp a{ color: #FFF;}


#main-elements{
        margin: 300px 0 0 0; padding:15px 0 0 30px; background: url(gfx/bg-elements.png) 0 0 no-repeat;

        height: 245px;
        width: 970px;
        float: left;

}

#main-elements a{ color: #FFF; text-decoration: none;}

#main-elements .home-boxes{ float: left; width: 306px; height: 225px; margin: 0 11px 0 0; position: relative;}
#main-elements .home-boxes h2{ color: #fff; font-size: 29px; font-weight: normal; line-height:33px; padding: 6px 13px 9px 13px; margin: 0; }
#main-elements .home-boxes h3{ color: #000; font-size: 20px; font-weight: normal; padding: 10px 15px 10px 15px; margin: 0; line-height: 24px;}
#main-elements .home-boxes ul{ list-style: none; margin:0; padding: 0 5px 0 15px; line-height: 18px;}
#main-elements .home-boxes li{ color: #9f001e; font-size: 12px; float: left; width: 92px; margin:0; padding:0;}
#main-elements .home-boxes li a{ color: #9f001e; text-decoration: none;}

#main-elements .home-boxes img{ width: 306px; height: 175px; margin: 0; padding: 0; border:0; position: absolute; top: 50px;}



#content{
        width: 940px; margin: -45px 30px 20px 30px!important;  margin: -45px 15px 20px 15px;
        float: left;
        padding: 0;
        background: #f4edd6 url(gfx/content-bg.jpg) 0px 5px no-repeat;

}

#content .left
{
        width: 225px;
        float:left;

        height: auto!important;height: 300px;
        min-height: 300px;

}


#content .center
{
        width: 440px;
        margin: 10px 0 0 10px;
        float:left;

        padding: 8px 15px;

        height: auto!important;height: 400px;
        min-height: 400px;

        background: #fff;
}

#content #wider
{
        width: 675px;

        float:right;

        padding: 8px 15px!important;padding: 8px 0 8px 15px;

        height: auto!important;height: 300px;
        min-height: 300px;

        background: #fff;
}

#content .center h1{
        font-size: 32px; line-height: 36px; margin: 0; padding: 1px 0 5px 0; color: #000;
}

#content .center h2 {
        font-size: 20px; line-height: 20px; margin: 0; padding: 20px 0 0px 0; color: #000;
}

#content .center a {
color: #9f001e; text-decoration: none;
}

#content .center ul { margin:10px 18px 5px 18px; padding:0;}
#content .center ul li { margin:0 ; padding:0; font-size: 13px; line-height: 20px;}


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

#content .right
{
        width: 225px;
        float: right;

        margin-top: 10px;
        padding-bottom: 10px;

        height: auto!important;height: 200px;
        min-height: 200px;

        background: #fff;
}


#content .right h3 {
        font-size: 20px; line-height: 24px; margin: 0; padding: 12px 0 14px 14px; color: #000;
}

#content .right p {
        margin: 0; padding: 5px 14px 4px 14px;
}

 #content .right a img {
    display: block;
    border: 0px;
}


#content .center p
{
font-size: 13px; line-height: 20px;
}
.side-item{

        /*background: url(gfx/side-top-55.gif) 0px -6px no-repeat;*/
        padding: 0;
        margin-top: 10px;
        }

.side-item h3 {
        font-size: 22px; line-height: 24px; margin: 0; padding: 12px 0 12px 14px; color: #FFF;

        background: url(gfx/side-top-55.gif) bottom left no-repeat;
}

.side-item h3 a{
color: #FFF; text-decoration: none;
}

.side-item ul {
        font-size: 13px; margin: 0; padding: 0; list-style: none;
        background: #fff;
}

.side-item ul li{
        line-height: 16px; margin: 0; font-size: 15px; padding: 12px 14px 10px 14px; color: #9f001e; border-bottom: 1px solid #f4edd6;
}

.side-item ul a{
        color: #9f001e;
        text-decoration: none;
}

.side-item ul a:hover{
        text-decoration: underline;
}


.side-item ul li ul{
display: none;
}

.side-item ul li.current_page_item ul,
.side-item ul li.current_page_parent ul{
display: block;
}


#content .left .side-item li ul li a
{
        color: #9f001e;
}

.side-item li.current_page_item a,
.side-item li.current_page_parent a,
#content .left .side-item li ul li.current_page_item a{
color: #000000;
}


.side-item ul li ul li{
        line-height: 13px; margin: 0; padding: 14px 14px 6px 14px; color: #9f001e; border-bottom: none; font-size: 12px;
}

.content-title{ line-height: 18px; font-size: 14px; font-weight: normal;
background: url(gfx/content-title-bg.gif) left bottom repeat-x;
height: 20px; color: #FFFFFF; padding: 6px 9px 4px 9px; margin: 5px 0;
}

#content .content-title a{ color: #FFFFFF;}

#content img.alignleft{ float: left; margin: 0 10px 5px 0;}
#content img.alignright{ float: right; margin: 0 0 5px 10px;}

#gda-content{ float: left;  width: 400px; padding: 10px 20px;}
#gda-container{ float: left; width: 440px; padding: 10px 0; }

.gda-item{ margin: 0 10px; background: url(gfx/gda.png) 0 0 no-repeat; height: 106px; width: 72px; padding-right: 2px; float: left; text-align: center; }

.gda-description{ width: 70px; line-height:14px; height:22px; margin-top:15px; display: block; font-size: 12px;}
.gda-description-small{ width: 70px; line-height:12px; height:27px; margin-top:10px; display: block; font-size: 11px;}

.gda-amount{ width: 70px; line-height:20px; font-size: 18px;display: block;}
.gda-percentage{ width: 70px; margin-top: 18px; font-size: 14px;display: block;}

.nutri{ clear: both;}


#prod h2{ clear: both; }


#nutri-container{ float: left; width: 440px; padding: 10px 0; display: none; }
.nutri-table{ width: 440px; margin: 0; padding: 3px 0 10px 0; font-size: 13px;}

table{ padding: 10px 0;}
table tr{ vertical-align: top;}
table td{ padding: 10px 0;}

#prod table td{ padding: 2px 0;}

#prod table, .nutri-table table{ margin: 0; padding: 10px 0; border: 0;}
#prod table tbody, .nutri-table tbody{ margin: 0; padding: 0; border: 0;}
#prod table thead, .nutri-table thead { font-weight: bold;}

#prod table tr{ vertical-align: top; margin: 0; padding: 0;}
#prod table td{ vertical-align: top; margin: 0; padding: 2px 0;}
#prod table .tieto{ width: 210px; }
#prod table .f1{ width: 210px; }
#prod table .per100g{ width: 140px; }


#prod table .sisennys{ font-size: 13px; padding-left: 10px; }

.nutri-text{ width: 440px; }

.gda{ clear: both;}

.ingredients{ clear: both;}
#ingredients-container{ float: left; width: 440px; padding: 10px 0; }


/*-Products  --------------*/
.products { line-height: 22px; font-size: 14px; font-weight: normal;
background: #ededed url(gfx/content-title-bg.gif) bottom left repeat-x;
color: #FFFFFF; padding: 0 0; margin: 10px 10px 10px 0px;
width: 210px; float: left;
}

#content .products a img{ border: 0; text-decoration: none;}
.products span{ padding: 6px 6px 8px 6px; margin: 0; display: block; line-height: 18px; }
#content .products span a{ color: #fff;}
.products .product_thumb{ padding: 0; margin: 0; height: 80px; width: 208px; height: 208px; background: #fff; border: 1px solid #cc0022; display: block; overflow: hidden; }


/*-Product gategory --------------*/
.product { line-height: 22px; font-size: 14px; font-weight: normal;
background: #ededed url(gfx/content-title-bg.gif) bottom left repeat-x;
color: #FFFFFF; padding: 0 0; margin: 10px 10px 10px 0px;
/*height: 100px;*/ width: 140px; float: left;
}

#content .product a img{ border: 0; text-decoration: none;}
.product span{ padding: 6px 6px 8px 6px; margin: 0; display: block; line-height: 18px; }
#content .product span a{ color: #fff;}
.product .product_thumb{ padding: 0; margin: 0; height: 80px; width: 138px; height: 138px; background: #fff; border: 1px solid #cc0022; display: block; overflow: hidden; }


#product-list img {display: none;}

/*-Recipe gategory --------------*/
.recipe { line-height: 18px; font-size: 14px; font-weight: normal;
background: #ededed url(gfx/content-title-bg.gif) bottom left repeat-x;
color: #FFFFFF; padding: 0 0; margin: 0 15px 0 0px;
min-height: 262px; height: auto!important; height:262px; width: 210px; float: left;
}

.recipe-list-container{ width: 440px;float: left;margin: 10px 0 10px 0;}

#content .recipe a img{ border: 0; text-decoration: none;}
.recipe span{ padding: 8px 10px 8px 10px; margin: 0; display: block; line-height: 18px; }
#content .recipe span a{ color: #fff;}
.recipe .recipe_thumb{ padding: 0; margin: 0; width: 208px; height: 208px; background: #ededed; border: 1px solid #cc0022; display: block; overflow: hidden; }


.form-row{ float: left; width: 440px; padding: 6px 0;}
.form-label{ float: left; width: 140px;}
.form-field{ float: right; width: 280px;}

.form-field select, .form-field input, .form-field textarea{ width: 240px; height: 18px; padding:3px 5px 3px 5px; font-size: 13px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; background: #fcfcfc; border: 1px solid #cacaca;}
.form-field select{height: 25px; padding-top: 1px; width: 251px;}
.form-field textarea{height: 80px; }
.form-field .submitBtn{height: 31px; width: 82px; background:url(gfx/send-btn.gif) 0 0 no-repeat; border: none; }

input.competition { width: 428px; height: 18px; padding:3px 5px 3px 5px; font-size: 13px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; background: #fcfcfc; border: 1px solid #cacaca; }

#footer { height: 100px; width: 940px; margin: 0 auto; display: block; clear: both; }

#footer ul{ text-align: right; font-family: Helvetica, Arial; color: #000; list-style: none; margin: 0; padding: 0; float: right;}
#footer ul li{ display: inline; font-size: 15px; color: #7e010d; margin: 0; padding: 0;  vertical-align: middle; }
#footer ul li a{color: #7e010d; text-decoration: none; float: left; margin: 0px 6px 0 6px; line-height: 45px; }
#prod { position: relative; float:left; width: 440px; min-height: 270px; height: auto!important;height: 270px;}
/*#prod p{ float: right; width: 180px; clear: both;}
#prod img.alignleft { position: absolute; left: 20px;}
*/
#prod img { border: 1px solid #cc0022; float: left; margin: 2px 10px 40px 0;}

/* Email Form */

#byEmail {
    display: none;
}

#emailForm input.text, #emailForm textarea,
#sampleForm input.text, #sampleForm textarea {
    width: 185px;
    margin: 0px;
    padding: 3px 4px 4px;

    font: 13px Arial, Helvetica, sans-serif;

    border: 1px solid #cacaca;
    background: #fbfbfb;
}

.slider { display: block; height: 30px; }
#SliderLeft { background: url("gfx/slider-left.gif") no-repeat; }
#SliderCenter { background: url("gfx/slider-center.gif") no-repeat; }
#SliderRight { background: url("gfx/slider-right.gif") no-repeat; }
#SliderLeft.active, #SliderCenter.active, #SliderRight.active {
    background-position: bottom left;
}

.recipe-slider{ background: url("gfx/slider-bg.gif") 0 0 no-repeat; height: 30px; width: 441px; display: block; position: relative;}
#sliderBar { height: 30px; width: 365px; display: block; position: absolute; margin: 0 27px; }
#sliderBar a{ background: url("gfx/slider.gif") 0 0 no-repeat; height: 30px; width: 24px; display: block; position: absolute; }



/* GALLERY*/

/*-Recipe gategory --------------*/
.gallery-thumbnail-box { line-height: 18px; font-size: 14px; font-weight: normal;
background: #FFFFFF url(gfx/content-title-bg.gif) bottom left repeat-x;
color: #FFFFFF; padding: 0 0; margin: 0 15px 15px 0px;
min-height: 280px; height: auto!important; height:262px; width: 210px; float: left;
}


.gallery-thumbnail{ padding: 0; margin: 0; height: 208px; width: 208px; background: #fff; vertical-align: middle; text-align: center; border: 1px solid #cc0022; display: block; overflow: hidden; }
.gallery-thumbnail table{ padding: 0; margin: 0; height: 208px; width: 208px;}
.gallery-thumbnail table tr{ padding: 0; margin: 0;}
.gallery-thumbnail table td{ padding: 0; margin: 0;}

.gallery-thumbnail img{ padding: 0; margin: 0 auto; background: #fff; display: block; overflow: hidden; }

.gallery-thumbnail-box span{ padding: 8px 10px 8px 10px; margin: 0; display: block; line-height: 18px; }
#wider .gallery-thumbnail-box span a{ color: #fff;}


.image-thumbnail{ padding: 5px; margin: 0; height: 60px; width: 60px; background: #fff; vertical-align: middle; text-align: center; border: 1px solid #cc0022; display: block; overflow: hidden; }
.image-thumbnail table{ padding: 0; margin: 0; height: 60px; width: 60px;}
.image-thumbnail table tr{ padding: 0; margin: 0;}
.image-thumbnail table td{ padding: 0; margin: 0;}
.image-thumbnail-box img{ padding: 0; margin: 0 auto; background: #fff; display: block; overflow: hidden; }


.galleryoverview table .img-thumb{ width: 90px; }
.galleryoverview table .img-name{width: 215px; color: #9f001e; padding-right: 10px;  }
.galleryoverview table .img-date{width: 100px; padding-right: 10px;  }
.galleryoverview table .img-tags{width: 100px; padding-right: 10px;  }
.galleryoverview table .img-download{ }



#tagCloudContainer{ float: right; display: block; height: 50px; width: 330px; padding: 10px 0; }
#tagCloudContainer2{ float: left; display: block; width:665px; padding: 10px 0; }

#tagCloudContainer span.title, #tagCloudContainer2 span.title{display:block; padding: 0 0 10px 0;}




/* ----------- Gallery navigation -------------*/

.ngg-navigation {
        font-size:0.9em !important;
        clear:both !important;
        display:block !important;
        padding:15px 0;
        text-align:center;

}

.ngg-navigation span {
        font-weight:bold;
        margin:0pt 6px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev,
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
        border:1px solid #DDDDDD;
        margin-right:3px;
        padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover,
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
        background-color: #0066CC;
        color: #FFFFFF !important;
        text-decoration: none !important;
}


#lightbox{
    display:none;
    position: absolute;
    top:50%;
    left:50%;
    z-index:9999;
    width:*300px;*
    height:*300px;*
    margin:-250px 0 0 -250px;
    background:#fff;
    text-align:center;
    vertical-align: 50%;
    border: 2px solid black;
}

#lightbox.done #lbContent{
    display:block;
    width: *280px;*
    height: *280px;*
    border: 10px solid white;
}