body, html {
    background-color: #fbe9b9;
    font-size: 12px;
}

a, div, label, li, input, textarea {
    color: #666;
}

a {
    text-decoration: none;
}

/* Structure */
div#body {
    width: 994px;
    margin: 0 auto;
    background: transparent url("/images/customer/bgtile-header.gif") repeat-x;
    border: solid 1px #fff;
    border-top: none;
    z-index: 1;
    position: relative;
}

table#page-structure { width: 100%; }
    table#page-structure td { }
    
    tr#header td.header-cell {
        height: 104px; width: 50%; vertical-align: top;
    }
    
    td#header-logo {
        text-align: left;
        padding-left: 33px;
    }
    
    td#header-quicksearch {
        text-align: right;
        background: transparent url("/images/customer/bg-header-slogan.gif") no-repeat right top;
    }
    
        td#header-quicksearch div#quicksearch { margin: 72px 11px 0 0; }
    
    td#body {}
    
    td#footer {}
    
    
/* Content page structure */
    table#content-structure { width: 100%; }
        table#content-structure td { vertical-align: top; }
    
        tr#content-defs {}
        
            td#content-navigation {
                text-align: left;
                height: 276px;
            }
            
            td#content-body {
                background: #fff;
                text-align: left;
            }
            
            div#content-holder {
                position: relative;
                padding-bottom: 28px;
            }
            
            td#content-teaser {
                height: 170px;
            }
            
        .subpage-wideleft { width: 395px; }
        .subpage-narrowleft { width: 218px; }
        
        
/* Content styles */
    div#content-container-path { padding: 17px 17px 0 17px; }

    td#content-body div#content-container { padding: 0px 17px 32px 17px; position: relative; background: #fff; z-index: 1; }
    
    div#right-sidebar { width: 144px; min-height: 300px; margin-left: 20px; position: absolute; right: 17px; top: 42px; }
    div#right-sidebar-faq { width: 144px; min-height: 300px; margin-left: 20px; float: right; margin-top: 40px; }
    
    /* Content element styles */
    div#content-container ul { margin-left: 14px; }
        div#content-container ul li { list-style-type: disc; margin-bottom: 0.2em; }
    
    ol { margin-left: 20px; }
        ol li { list-style-type: decimal; margin-bottom: 0.5em; }
        
    div#content-container ul,
    div#content-container ol { margin-bottom: 6px; }
    
    ul#category-list,
    ul#category-list li { margin-left: 0 !important; list-style-type: none !important; }

    
/* Footer */
    div#footer {
        text-align: right;
        text-transform: uppercase;
        color: #666;
        font-size: 10px;
        padding: 16px 14px 5px;
        
        position: absolute;
        bottom: 0;
        right: 0;
    }
    
        div#footer a {
            color: #666;
            text-decoration: none;
            padding: 0 7px;
        }
        
        div#footer a:hover,
        div#footer a:active,
        div#footer a.active {
            color: #c00;
        }

/* Components */
    /* Frontpage */
    table#fp_content {
        width: 100%;
        margin-bottom: 18px;
    }
    
    table#fp_content td {
        vertical-align: middle;
    }
    
    table#fp_content a {
        color: #666;
        font: normal 17px Georgia;
        text-decoration: none;
    }
    
    table#fp_content a:hover,
    table#fp_content a:active {
        color: #c00c0d;
    }
    
    td#fp_teaser {
        width: 660px;
    }
    
    ul#fp_links {  }
    
        ul#fp_links li {
            padding: 0 0 0 16px;
            background: transparent url("/images/customer/arrow-red.gif") no-repeat 7px 6px;
            text-align: left;
        }
        

    ul#fp_products {
        margin: 8px 0 0 17px;
        padding: 0;
    }
        ul#fp_products li {
            float: left;
            /*height: 176px;*/
        }
        
        ul#fp_products li.fp_item {
            width: 160px;
        }
        
        ul#fp_products li.fp_separator {
            height: 140px;
            width: 50px;
            background: transparent url("/images/customer/fp-teaser-separator.gif") no-repeat center bottom;
        }
        
        ul#fp_products a {
            display: block;
        }
        
        table.fp_item_holder {
            width: 100%;
        }
        
        table.fp_item_holder td.caption { height: 24px; vertical-align: bottom !important; padding-bottom: 6px;  }
        table.fp_item_holder td.image { height: 130px; }
        
    /* FAQ */
    div.faq_group {
        margin-bottom: 12px;
    }
    
    div.faq_group_caption {
        font: normal bold 12px Arial;
    }
    
    span.faq_timestamp { color: #aaa; }
    
    ul.faq_kysymyslista { list-style-type: none !important; margin-left: 0px !important; }
        ul.faq_kysymyslista li {
            list-style-type: none !important;
            margin-left: 0px;        
            padding: 0 0 0 10px;
            background: transparent url("/images/customer/arrow-orange.gif") no-repeat 2px 4px;
            text-transform: uppercase;
            font-size: 11px;
        }
    
        ul.faq_kysymyslista a {
            text-decoration: none;
        }
        
        ul.faq_kysymyslista a:hover,
        ul.faq_kysymyslista a:active {
            color: #c00;
        }
    
    div#right-sidebar-faq h1 { font: normal bold 12px Arial !important; color: #666 !important; }

    div.sb_link_item,
    div.sb_link_item_internal_link {
        background: transparent url("/images/customer/arrow-orange.gif") no-repeat 2px 4px;
        padding: 0 0 0 10px;
    }
    
    div.sb_link_item:hover,
    div.sb_link_item_internal_link:hover {
		background-image: url("/images/customer/arrow-red.gif");
    }
    
    
    
    ul#recipe-right-list { margin: 0 !important; }
        ul#recipe-right-list li { margin: 0 !important; list-style-type: none !important; }

	/* top ten recipes */
	h2.topten-recipes 
	{
		background: transparent url("/images/customer/logo_topten_recipes.gif") no-repeat top right;
		margin-bottom: 0 !important; padding: 12px 0 6px 0;
		
	}
	div.topten-recipes { border: solid thin #ffe28a; }
	
	div.topten-recipes .title { background: #ffe28a; font-weight: bold; padding: 2px 5px; }
	
	div.topten-recipes ol { padding: 5px 5px 0 10px; }
        div.topten-recipes ol li { list-style-type: decimal; margin-bottom: 1px; line-height: 12px; }
    
    div#search-recipes
    {
    	background-color: #ffe28a;
    	padding: 5px 5px 0 0;
    }
    
    .search-button-holder {
		background: transparent url("/images/customer/graphic-arrow-halfisc-yellow.gif") no-repeat left 3px;
		padding-left: 10px;
    }
    
    /* Sitemap */
    div#sitemap-container {
        padding: 17px 17px 28px 17px;
    }
    
    div#sitemap td.level_1 {
        padding: 0 16px 0 0;
        width: 160px;
    }

    div#sitemap span,
    div#sitemap li {
        font: normal 10px Arial;
        text-transform: uppercase;
        text-align: right;
        padding: 0 13px 0 4px;
    }
    
    div#sitemap span.level_1,
    div#sitemap span.level_2 {
        display: block;
    }
    
    div#sitemap span.level_1 {
        background: #fbe9b9 url("/images/customer/arrow-red-flip.gif") no-repeat right center;
    }
    
    div#sitemap ul.level_2 {
        
        margin-top: 1px;
    }
    
    div#sitemap li.level_2 {
        background: #fdf0ce url("/images/customer/arrow-orange-flip.gif") no-repeat right center;
        margin: 0 0 1px 0;
    }
    
    div#sitemap a:hover { color: #c00; }
    
    /* Breadcrumbs */
    div#breadcrumbs {
        margin: 0 0 16px 0;
    }
    
        div#breadcrumbs a.path_link {
            font: normal 9px Arial;
            color: #666;
            text-transform: uppercase;
            padding: 0 8px 0 8px;
            background: transparent url("/images/customer/arrow-orange.gif") no-repeat left 2px;
            text-decoration: none;
        }
        
    /* Navigation */
        div.stripe1 { position: absolute; right: 0; width: 13px; height: 100%; background: #fff; }
        div.stripe2 { position: absolute; right: 13px; width: 13px; height: 100%; background: #fbf8f3; }
    
        div#navi-holder {
            height: 276px;
            border-bottom: solid 1px #fff;
        }
    
        div#navi-holder a { zoom: 1; width: 132px; }
    
        div#navi-holder ul.level_1 {
            opacity: 0.80;
            filter: alpha(opacity=80);
            background: #f3e9df;
            
            position: absolute;
            top: 120px;
            left: 35px;
            min-height: 245px;
        }
        
        div#navi-holder ul.level_2 {
            opacity: 0.85;
            filter: alpha(opacity=85);
            background: #f3e9df;
            z-index: 1000;
            
            position: absolute;
            top: 120px;
            left: 191px;
            min-height: 245px;
        }
        
        div#navi-holder ul.level_3 {
            opacity: 0.95;
            filter: alpha(opacity=95);
            background: #f3e9df;
            z-index: 2000;
            
            position: absolute;
            left: 349px;
            top: 120px;
            min-height: 245px;
        }
        
        div#navi-holder ul.level_3 a {
            z-index: 2500;
        }
    
        div#navi-holder ul.level_1 a.link-item,
        div#navi-holder ul.level_2 a.link-item,
        div#navi-holder ul.level_3 a.link-item {
            display: block;
            font: normal 10px Arial;
            text-transform: uppercase;
            text-decoration: none;
            border-top: dotted 2px #fff;
            color: #000;
            padding: 4px 8px 4px 12px;
        }
        
        div#navi-holder ul.level_3 a.link-item {
            border-top: dotted 2px #ba8f8f;
        }
        
        div#navi-holder ul a.link-item:hover {
			color: #c00c0d;
        }
        
        div#navi-holder a.first {
            display: block;
            font: normal 10px Arial;
            text-transform: uppercase;
            text-decoration: none;
            color: #000;
            padding: 4px 8px 4px 12px;
        }
        
        a.active-arrow {
            background-image: url("/images/customer/arrow-red.gif");
            background-repeat: no-repeat;
            background-position: 98% center;
            
            color: #c00 !important;
        }
        
        /*
        div#navi-holder ul.level_1 > li { margin: 0 26px 0 2px;}
        div#navi-holder ul.level_2 > li { margin: 0 26px 0 2px;}
        */
        
        div#navi-holder ul.level_2 {
            z-index: 200;
            left: 192px;
            min-height: 245px;
            /*background-image: url("/images/customer/nav-bg-l2.png");*/
       } 
    
        div#navi-holder ul.level_3 {
            z-index: 300;
            left: 349px;
            min-height: 245px;
            /*background-image: url("/images/customer/nav-bg-l3.png");
            background-position: bottom right;*/
        }
        
        div#navi-holder ul.level_2,
        div#navi-holder ul.level_3 {
            display: none;
        }
        
        
        
    /* Teaser */
    table#teaser-body { width: 100%; margin-top: 12px; }
    
        span.teaser-title {
            display: block;
            font: normal 17px Georgia;
            margin-bottom: 3px;
        }
        
        td.teaser-item a {
            display: block;
        }
        
        td.teaser-item a:hover {
            color: #c00;
        }
    
    
    /* Quicksearch specific */
    table#table-quicksearch {
        float: right;
    }
    
    /* Product category list */
    ul#category-list { }
        li.category-row {
            /*margin-left: 12px;*/
            /*margin-bottom: 18px;*/
             list-style-type: none !important;
            margin-bottom: 4px;
            padding-left: 8px;
            font-size: 11px;
            background: transparent url("/images/customer/arrow-orange.gif") no-repeat left 3px;
        }
        
        li.category-row a {
            color: #666;
            text-transform: uppercase;
            text-decoration: none;
        }
    
    /* Product sidebar list */
    ul#product-list-right { margin-top: 8px; margin-left: 0 !important; }
    
        ul#product-list-right li.product-item {
        	 list-style-type: none !important;
            margin-left: 4px;
            margin-bottom: 2px;
            padding-left: 8px;
            font-size: 10px;
            background: transparent url("/images/customer/arrow-orange.gif") no-repeat left 3px;
        }
        
        ul#product-list-right li.product-item a {
            text-decoration: none;
            text-transform: uppercase;
            color: #666;
        }
    
    /* Feedback */
    div#feedback-container {
        width: 366px;
        padding: 5px;
    }
    
    div#feedback-container textarea {
        height: 100px;
    }
    
    div#feedback-container .input-text {
        width: 310px;
    }
    
    div#feedback-container span.form-info {
        display: block;
        margin: 5px 0;
    }
    
    div.form-submit {
        text-align: right;
        width: 376px;
        margin: 10px 0;
    }
    
    #form-submit {
        width: 102px;
        height: 16px;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 10px;
        border: 0;
        background: transparent url("/images/customer/button-white.gif") no-repeat center center;
        cursor: pointer;
    }
    
    .form-input-submit {
        background-image: url("/images/customer/button-red.gif") !important;
        color: #fff;
    }
    
    /* Forms */
    .input-label {
        font: normal 10px Arial;
        text-transform: uppercase;
        padding: 0 6px 0 0;
    }
    
    .input-quicksearch { 
        border: solid 1px #b7b7b7;
        font: normal 10px Arial;
        width: 104px;
        padding: 2px;
    }
    
    .input-quicksearch-button {
        background: transparent url("/images/customer/arrow-red.gif") no-repeat 4px 3px;
        padding: 0 3px 0 8px;
        border: 0;
        font: normal 10px Arial; text-transform: uppercase;
    }
    
    input.error,
    textarea.error {
        border: solid 1px #c00 !important;
    }
    
    div.form-item label {
        font-weight: bold;
        display: block;
        margin: 5px 0;
    }
    
    div.form-item input.input-text,
    div.form-item textarea.input-text {
        border: solid 1px #b3b3b3;
        background-color: #fff;
        padding: 2px;
    }
    
    /* Product page & GDA-table */ 
    table#gda {}
        table#gda th strong { font-weight: bold; }
        
        table#gda td,
        table#gda th { padding: 4px; color: #666; }
        
        table#gda td strong { font-weight: normal; }
        
        table#gda tr.zebra td { background-color: #fbe9b9; }
    
    /* Recipe */
    div.recipe-container {
        width: 545px;
    }
    
    table#recipe-body {
        border: solid 1px #fbe9b9;
        width: 100%;
    }
    
        td#recipe-content {
            background: #fbe9b9;
            width: 385px;
        }
            td#recipe-content div.recipe-content-body {
                padding: 8px;
            }
        
        
        td#recipe-sidebar {
            background: #fff;
            width: 160px;
            font-size: 11px;
        }
        
        td#recipe-sidebar div.recipe-sidebar-image 
        {
        	padding-bottom: 2px;
            margin-bottom: 10px;
            background-color: #fbe9b9;
        }
        td#recipe-sidebar div.recipe-sidebar-image img 
        {
        	margin-bottom: 2px;
		}
		
		td#recipe-sidebar span.enlarge-link {
			background: transparent url("/images/customer/graphic-arrow-disc-yellow.gif") no-repeat 3px 2px;
			display: block;
			padding: 2px 2px 2px 20px;
		}
		
		td#recipe-sidebar span.enlarge-link:hover { color: #c00; background-image: url("/images/customer/graphic-arrow-disc-red.gif"); }
        
        td#recipe-sidebar div.recipe-difficulty { margin-left: 1px; padding: 0px; margin-bottom: 4px; }
        
        td#recipe-sidebar div.lm { padding-left: 6px; }
        
        td#recipe-sidebar div.sb_link_item {
            margin-left: 6px;
        }
        
        td#recipe-sidebar a.internal_link {
            font-size: 10px;
            text-transform: uppercase;
        }
        
        td#recipe-sidebar a.internal_link:hover,
        td#recipe-sidebar a.internal_link:active {
            color: #c00;
            
        }
    
        div.recipe-right-float 
        {
        	position: relative;
            float: right;
            width: 190px;
            margin: 8px 0 0 0;
            font-size: 11px;
        }
        
        div.recipe-right-float h1, 
        div.recipe-right-float h2 { font-size: 11px; color: #666; font-weight: bold; margin-bottom: 4px; }
        
        div.recipe-right-products {
            background: #ffe28a;
            padding: 14px 0;
        }
        
        div.recipe-productlist-holder {
            margin: 0 1px;
            padding: 4px;
            background: #fff;
        }
        
        div.recipe-productlist-holder a:hover {
            color: #c00;
        }
        
    table.recipe-difficulty-explanation {
        border: solid 1px #fbe9b9;
        width: 385px;
    }
		table.recipe-difficulty-explanation td,th 
		{
			padding: 3px;
		}

    #input-recipesearch { 
        border: solid 1px #b7b7b7;
        font: normal 10px Arial;
        width: 140px;
        padding: 2px;
    }
    
    #input-recipesearch-button {
        background: transparent;
        border: 0;
        padding: 2px 0 2px 0;
        font: bold 11px Arial;
        cursor: pointer;
    }
    
    #input-recipesearch-button:hover { color: #c00;}
    
        
    /* Search */
        table.results {
            width: 100%;
            margin-top: 12px;
        }
        
            table.results td.number {
                
            }
            
            table.results td.target {
                padding-bottom: 4px;
            }
            
            a.search_result {
                padding-left: 11px;
                background: transparent url("/images/customer/arrow-orange.gif") no-repeat 2px 3px;
                font: normal 10px Arial;
                text-transform: uppercase;
            }
            
            a.search_result:hover { color: #c00; }
            
            div.result_path {
                padding-left: 11px;
                font-size: 11px;
            }
            
        table.search-form {
            width: 300px;
            margin-bottom: 12px;
        }
        
        table.search-form td.field input {
            width: 260px;   
            padding: 2px;
            font: normal 11px Arial;
            border: solid 1px #b7b7b7;
        }
        
        table.search-form td.submit input {
            background: transparent url("/images/customer/arrow-red.gif") no-repeat left 6px;
            border: 0;
            margin-left: 8px;
            padding: 2px 2px 2px 6px;
            font: normal 11px Arial;
            text-transform: uppercase;
        }
        
        div#search_pages {
            margin-top: 10px;
            font: normal 11px Arial;
            text-transform: uppercase;
            padding-left: 4px;
        }
        
        div#search_pages a:hover {
            color: #c00;
        }
        
        div#search_pages span.previous a {
            background: transparent url("/images/customer/arrow-orange-flip.gif") no-repeat left;
            padding-left: 10px;
        }
        
        div#search_pages span.next a {
            margin-left: 8px;
            background: transparent url("/images/customer/arrow-orange.gif") no-repeat right;
            padding-right: 10px;
        }
    
/* Helpers */
    .redarrow { background-image: url("/images/customer/arrow-red.gif") !important; }
    
    .container-bg { background: #fbe9b9; }

    div.clear { clear: both; }
    
    strong { font-weight: bold; }

    .right-styles { padding-left: 12px; }
    .right-styles a { font: normal 10px Arial; text-transform: uppercase; }

    .back-link {
        background: transparent url("/images/customer/arrow-orange-flip.gif") no-repeat left;
        padding-left: 10px;
        font: normal 11px Arial;
        text-transform: uppercase;
    }

    .searchbox_text {
        font: normal 10px Arial;
        text-transform: uppercase;
    }
    
    .searchbox_text a:hover {
        color: #c00;
    }

    input.error { border: solid 1px #f00; }