@charset "utf-8";
/* -- INFO -----------------------------------------------------------------------
# Project:			Cultured Basic Style
# File:				basic.css
# Markup:			2.1
# Writer:			WebSeason GmbH
# Last Updated:		Wed, 02/10/2009 (by Daniel Knaack)
------------------------------------------------------------------------------- */

/* -- CI Guide ------------------------------------------------------------------
	## Text Colors ##
------------------------------------------------------------------------------- */

* { margin: 0; padding: 0; font: normal 100.1% Candara, Arial, Helvetica, sans-serif; }
body { background: #9e9d8b url('/res/img/bg_footer_rep.gif') repeat-y 50% 0; text-align: center; }
strong { font-weight: bold; }
em { font-style: italic; }
small { font-size: 0.94em; }
del { text-decoration: line-through; }
acronym, abbr { border-bottom: 1px dotted #a25126; cursor: help; }
blockquote { padding: 0 0 0 1.13em; }
blockquote p { font-size: 1.13em!important; font-weight: bold; font-style: italic; color: #4c7d02!important; padding: 0 0 0.94em 0; line-height: 1.2; }
img { border: none; }
input, button, textarea, select { font-family: Candara, Arial, Helvetica, sans-serif; color: #6c665e;  }

div.clear { float: none; clear: both; height: 0em; line-height: 0em; font-size: 0em; }
hr.clear { float: none; clear: both; }
.hide { display: none; }
.spacer { height: 1.13em; }
.whitespace { margin: 2em 0!important; }
.uppercase { text-transform: uppercase; }
.underline { text-decoration: underline; }
.highlight { background-color: #f4ecd3; color: #784412; }
.large { font-size: 1.71em; }
.image_left { float: left; }
.image_right { float: right; }
.image_left_margin, .image_left_border_margin { float: left; margin-right: 20px; }
.image_right_margin, .image_right_border_margin { float: right; margin-left: 20px; }
.image_border_margin, .image_left_border_margin, .image_right_border_margin { padding: 3px; background: #fff; border: 1px solid #c3c3b8; }

/*-| Layout [START] */
.wrap { width: 1240px; margin: 0 auto; }
#layout-rep { background: url('/res/img/bg_body_rep.gif') repeat-y 50% 0; width: 1240px; float: left; text-align: left; }
#layout-top { background: url('/res/img/bg_body_top.gif') no-repeat 50% 0; width: 880px; padding: 0 180px; float: left; }
#footer-rep { background: url('/res/img/bg_footer_rep.gif') repeat-y 50% 0; width: 1240px; float: left; }
#footer-top { background: url('/res/img/bg_footer_top.gif') no-repeat 50% 0; width: 880px; padding: 0 180px; float: left; height: 80px; }
#index { width: 880px; float: left; }
/*-| Layout [STOP!] */

/*-| Header [START] */
#topinfo { float: left; width: 880px; height: 91px; background: url('/res/img/bg_top.gif') no-repeat; }
#header { float: left; width: 880px; height: 170px; }
#header h1#logo { width: 270px; float: left; }
#header #visual { float: left; width: 610px; }
/*-| Header [STOP!] */

/*-| Sidebar (LEFT) [START] */
#left { float: left; width: 270px; overflow: hidden; }
#left h3 { border-bottom: 1px solid; font-size: 1.36em; font-weight: bold; padding: 9px 0 15px 0; margin: 0 0 8px 0; }
#left h3 span { display: none; }
#left .box { width: 210px; padding: 20px 30px; }
#left .box p { font-size: 0.75em; padding: 0 0 0.5em 0; }
#left input { border: none; }
#left input.text { font-style: italic; font-size: 0.88em; padding: 4px 5px 0 5px; height: 21px; float: left; width: 170px; }
#left input.formbutton { width: 30px; height: 25px; cursor: pointer; }
/*--| Search [START] */
	#left #search { background: #c3c3b0 url('/res/img/bg_sidebar_silver.gif') no-repeat 0 0; }
	#left #search h3 { border-bottom-color: #aaaa98; background: url('/res/img/h3_search.gif') no-repeat 4px 0; color: #636359; }
	#left #search form input.text { background: url('/res/img/bg_input_search.gif') no-repeat; color: #76766a; }
	#left #newsletter p { color: #636359; }
/*--| Search [STOP!] */
/*--| Navigation [START] */
	#left #nav { background: #a25126 url('/res/img/bg_sidebar_red.gif') no-repeat 0 0; }
	#left #nav ul.level_1 { list-style: none; width: 210px; float: left; }
	#left #nav ul.level_1 li { width: 210px; float: left; padding: 0; font-size: 1.09em; background: url('/res/img/bg_ul1_li.png') no-repeat 0 100%; }
	#left #nav ul.level_1 li.last { background: none; }
	#left #nav ul.level_1 li a { color: #fff; font-weight: normal; text-decoration: none; float: left; display: block; width: 210px; height: 40px; }
	#left #nav ul.level_1 li a:hover { color: #f9bf64; text-decoration: underline; }
	#left #nav ul.level_1 li span { display: none; }
	#left #nav ul.level_1 li.active { color: #231c13; }
	#left #nav ul.level_1 li.home a { background: url('/res/img/nav_home.gif') no-repeat 0 0; }
	#left #nav ul.level_1 li.home a:hover, #left #nav ul.level_1 li.active.home a { background: url('/res/img/nav_home_active.gif') no-repeat 0 0; }
	#left #nav ul.level_1 li.aboutus a { background: url('/res/img/nav_aboutus.gif') no-repeat 0 0; }
	#left #nav ul.level_1 li.aboutus a:hover, #left #nav ul.level_1 li.active.aboutus a { background: url('/res/img/nav_aboutus_active.gif') no-repeat 0 0; }
	#left #nav ul.level_1 li.shop a { background: url('/res/img/nav_shop.gif') no-repeat 0 0; }
	#left #nav ul.level_1 li.shop a:hover, #left #nav ul.level_1 li.active.shop a { background: url('/res/img/nav_shop_active.gif') no-repeat 0 0; }
	#left #nav ul.level_1 li.articles a { background: url('/res/img/nav_articles.gif') no-repeat 0 0; }
	#left #nav ul.level_1 li.articles a:hover, #left #nav ul.level_1 li.active.articles a { background: url('/res/img/nav_articles_active.gif') no-repeat 0 0; }
	#left #nav ul.level_1 li.recipes a { background: url('/res/img/nav_recipes.gif') no-repeat 0 0; }
	#left #nav ul.level_1 li.recipes a:hover, #left #nav ul.level_1 li.active.recipes a { background: url('/res/img/nav_recipes_active.gif') no-repeat 0 0; }
	#left #nav ul.level_1 li.whereweare a { background: url('/res/img/nav_whereweare.gif') no-repeat 0 0; }
	#left #nav ul.level_1 li.whereweare a:hover, #left #nav ul.level_1 li.active.whereweare a { background: url('/res/img/nav_whereweare_active.gif') no-repeat 0 0; }
	#left #nav ul.level_1 li.contactus a { background: url('/res/img/nav_contactus.gif') no-repeat 0 0; }
	#left #nav ul.level_1 li.contactus a:hover, #left #nav ul.level_1 li.active.contactus a { background: url('/res/img/nav_contactus_active.gif') no-repeat 0 0; }
	
	#left #nav ul.level_1 li.All_about_cheese a { background: url('/res/img/nav_allaboutcheese.gif') no-repeat 0 0; }
	#left #nav ul.level_1 li.All_about_cheese a:hover, #left #nav ul.level_1 li.active.All_about_cheese a { background: url('/res/img/nav_allaboutcheese_active.gif') no-repeat 0 0; }
	
	#left #nav ul.level_1 li.inthemedia a { background: url('/res/img/nav_inthemedia.gif') no-repeat 0 0; }
	#left #nav ul.level_1 li.inthemedia a:hover, #left #nav ul.level_1 li.active.inthemedia a { background: url('/res/img/nav_inthemedia_active.gif') no-repeat 0 0; }
	
	
	#left #nav ul.level_1 li ul.level_2 { width: 210px; padding: 0 0 10px 0; float: left; list-style: none; }
	#left #nav ul.level_1 li ul.level_2 li { float: left; width: 210px; padding: 0; background: none; font-size: 0.81em; border-top: 1px solid #b75f31; }
	#left #nav ul.level_1 li ul.level_2 li span { display: block; }
	#left #nav ul.level_1 li ul.level_2 li a { color: #f9bf64; background: url('/res/img/nav_icon_ul2_li.gif') no-repeat 10px 8px!important; width: 180px; padding: 4px 0 4px 30px; height: auto; line-height: 1.1; }
	#left #nav ul.level_1 li ul.level_2 li a:hover { background: #ab562a url('/res/img/nav_icon_ul2_li.gif') no-repeat 10px -31px!important; }
	#left #nav ul.level_1 li ul.level_2 li.active a { background: #ab562a url('/res/img/nav_icon_ul2_li.gif') no-repeat 10px -31px!important; }
/*--| Navigation [STOP!] */
/*--| Featured [START] */
	#left #featured { background: #423e36 url('/res/img/bg_sidebar_brown.gif') no-repeat 0 0; }
	#left #featured h3 { border-bottom-color: #68645d; background: url('/res/img/h3_featured.gif') no-repeat 4px 0; color: #c3beae; }
	#left #featured .product-teaser {}
	#left #featured .product-teaser img { background: #000; border-bottom: 2px solid #37342d; }
	#left #featured .product-teaser .price { float: right; text-align: center; padding: 10px 0; background: #3c3831 url('/res/img/bg_product_price.gif') no-repeat; width: 78px; border: 1px solid #3c3831; }
	#left #featured .product-teaser .price strong { color: #fff; font-size: 1.25em; }
	#left #featured .product-teaser h4 { font-weight: bold; font-size: 0.88em; color: #8fac1d; text-transform: uppercase; line-height: 1; }
	#left #featured .product-teaser p { padding: 0.4em 0 0 0; color: #5e5a51; font-size: 0.75em; }
	#left #featured .product-teaser p a { color: #7a756c; text-decoration: underline; padding: 0 0 0 12px; background: url('/res/img/icon_arrow_dark.gif') no-repeat 0 4px; }
	#left #featured .product-teaser p a:hover { color: #a7a196; }
/*--| Featured [STOP!] */
/*--| Newsletter [START] */
	#left #newsletter { background: #728a13 url('/res/img/bg_sidebar_green.gif') no-repeat 0 0; }
	#left #newsletter h3 { border-bottom-color: #90aa27; background: url('/res/img/h3_newsletter.gif') no-repeat 4px 0; color: #edfea7; }
	#left #newsletter form input.text { background: url('/res/img/bg_input_nl.gif') no-repeat; color: #36400c; }
	#left #newsletter p { color: #edfea7; }
/*--| Newsletter [STOP!] */
/*-| Sidebar (LEFT) [STOP!] */

/*-| Main [START] */
#main { float: left; width: 610px; overflow: hidden; }
#main h2, #main h3, #main h5, #main h6 { font-family: Georgia, "Times New Roman", Times, serif; }
#main h3 { color: #3e3e35; font-size: 1.25em; }
#main h4 { color: #728a13; font-weight: bold; font-size: 1.06em; }
#main h5 { font-size: 1em; font-weight: normal; color: #a25126; }
#main h6 { font-size: 0.94em; font-weight: normal; color: #8bb30c; }
#main hr { border: none; border-bottom: 1px solid #d4d4c5; height: 1px; margin: 0.3em 0 1em 0; padding: 0; }
#main p {  color: #292a1f; font-size: 0.88em; line-height: 1.2; padding: 0.3em 0 1em 0; }
#main p a, #main ul a { color: #728a13; text-decoration: underline; background: url('/res/img/icon_link_off.gif') no-repeat 0 5px; padding-left: 11px; }
#main p a:hover, #main ul a:hover { color: #3e3e35; background: #f0ede6 url('/res/img/icon_link_on.gif') no-repeat 0 5px; }
#main ol {}
#main ol li {}
#main ul.list { list-style: none; padding: 0 0 0.88em 0.50em; }
#main ul.list li { font-size: 0.88em; color: #38332d; background: url('/res/img/icon_li.gif') no-repeat 0 6px; padding: 0 0 0.35em 0.72em; line-height: 1.2; }
#main form { width: 550px; padding: 20px 0 0 0; }
#main form fieldset { border: 1px solid #cdcdc1; padding: 19px; width: 510px; margin: 0 0 10px 0; background: url('/res/img/bg_articles_teaser.gif') repeat-y; }
#main form fieldset legend { font-size: 1.18em; font-weight: bold; color: #a25126; padding: 0 5px; }
#main form fieldset label { font-size: 0.88em; font-family: Georgia, "Times New Roman", Times, serif; color: #6c665e; }
#main form fieldset.form_input .form-item { width: 510px; float: left; padding: 4px 0 4px 0; border-bottom: 1px solid #fff; }
#main form fieldset.form_input .form-item label { padding: 3px 10px 0 0; display: block; float: left; width: 100px; }
#main form fieldset.form_input .form-item input.text { width: 280px; }
#main form fieldset.form_textarea .form-item label {}
#main form fieldset input, #main form fieldset textarea, #main form fieldset select { font-size: 0.88em; border: 1px solid #cdcdc1; background: #fff url('/res/img/bg_input_main.gif') repeat-x 0 0; }
#main form fieldset input.text { padding: 2px 4px; }
#main form fieldset textarea { padding: 9px; margin: 5px 0 0 0; width: 490px; }
#main form input.submit {}
#main form .error { color: #6d0101; }
#main form p.error { color: #c00000; font-style: italic; background: #fffaf1; padding: 2px 4px; text-indent: 6px; margin: 3px 0 0 0; } 
#main .left { width: 256px; padding-right: 10px; float: left; overflow: hidden; }
#main .right { width: 256px; padding-left: 10px; float: right; overflow: hidden; }
#main .mod_article { position: relative; padding: 10px 30px; width: 550px; }
/*--| Main MORE LINK [START] */
	#main .morelink { position: absolute; top: 12px; right: 30px; }
	#main .morelink a { color: #a25126; text-decoration: underline; font-size: 0.75em; text-transform: uppercase; padding: 0 0 0 12px; background: url('/res/img/icon_arrow_light.gif') no-repeat 0 3px; }
	#main .morelink a:hover { color: #3e3e35; text-decoration: underline; }
/*--| Main MORE LINK [STOP] */
/*--| Main MORE BUTTON [START] */
	#main .morebutton { font-size: 0.88em; background: url('/res/img/button_link_right.gif') no-repeat 100% 0; display: inline-block; padding: 0 27px 0 0;  }
	#main .morebutton a { font-family: Georgia, "Times New Roman", Times, serif; color: #3e3e35; text-decoration: none; background: url('/res/img/button_link_left.gif') no-repeat 0 0; padding: 2px 8px 0 8px; height: 22px; display: inline-block; }
	#main .morebutton a:hover { color: #a25126; text-decoration: underline; }
/*--| Main INTRO [START] */
	#main #intro { background: #ecece0; padding: 15px 35px; margin: 0 0 15px 0; width: 540px; background: url('/res/img/bg_main_teaser.png') no-repeat 0 100%; }
	#main #intro h2 { font-size: 1.75em; line-height: 1.4; color: #47433b; }
	#main #intro p { color: #948e82; font-size: 0.94em; padding: 0 0 0.5em 0; line-height: 1.1; }
/*--| Main INTRO [STOP] */
/*--| Main TEASER [START] */
	#main #teaser { float: left; width: 570px; padding: 20px 10px 20px 30px; background: url('/res/img/bg_main_teaser.png') no-repeat 0 100%; }
	#main #teaser .morelink { top: 20px; }
	#main #teaser .teaser_image { float: left; padding: 0 20px 0 0; width: 100px; }
	#main #teaser .teaser_content { float: left; width: 450px; }
	#main #teaser ul { list-style: none; padding: 10px 0 0 0; }
	#main #teaser ul li { float: left; width: 200px; border-top: 1px solid #d8d8cc; color: #6c665e; padding: 3px 0; font-size: 0.88em; line-height: 1.1; margin: 0 20px 0 0; }
/*--| Main TEASER [STOP] */
/*--| Main SHOP-TEASER [START] */
	#main #shop_teaser h3 { padding: 0 0 5px 0; border-bottom: 2px solid #ecece1; }
	#main #shop_teaser ul { padding: 10px 0; float: left; width: 550px; }
	#main #shop_teaser ul li { width: 180px; border-right: 1px solid #c3c3b8; padding: 0 2px 10px 2px; float: left; }
	#main #shop_teaser ul li.first { padding: 0 2px 10px 0; }
	#main #shop_teaser ul li.last { padding: 0 0 10px 2px; border: none; }
	#main #shop_teaser ul li img {}
	#main #shop_teaser ul li h4 { padding: 5px 12px; }
	#main #shop_teaser ul li p { font-size: 0.81em; line-height: 1.2; color: #292a1f; padding: 0 12px 18px 12px; }
	#main #shop_teaser ul li .morebutton { margin: 0 12px; }
/*--| Main SHOP-TEASER [STOP] */
/*--| Main SHOP-TEASER [START] */
	#main #articles_teaser { background: url('/res/img/bg_articles_teaser.gif') repeat-y; padding: 20px 30px 0 30px; }
	#main #articles_teaser h3 { padding: 0; }
	#main #articles_teaser ul { padding: 10px 0 0 0; float: left; width: 550px;list-style:none; }
	#main #articles_teaser ul li { width: 265px; float: left; margin: 0 0 20px 0; }
	#main #articles_teaser ul li.first { padding: 0 9px 10px 0; border-right: 1px solid #fff; }
	#main #articles_teaser ul li.last { padding: 0 0 10px 10px; border: none; }
	#main #articles_teaser ul li img {}
	#main #articles_teaser ul li h4 { padding: 5px 8px; }
	#main #articles_teaser ul li p { font-size: 0.81em; line-height: 1.2; color: #292a1f; padding: 0 8px 18px 8px; }
	#main #articles_teaser ul li .morebutton { margin: 0 8px; background-image: url('/res/img/button_link_right_b.gif'); }
	#main #articles_teaser ul li .morebutton a { background-image: url('/res/img/button_link_left_b.gif'); }
/*--| Main SHOP-TEASER [STOP] */
/*-| Main [STOP!] */
/*-| Footer [START] */
#footer #meta { float: left; width: 840px; padding: 60px 20px 30px 20px; text-align: left; }
#footer #meta p { color: #a4a092; font-size: 0.75em; padding: 4px 0 0 0; }
#footer #meta #nav_foot { float: right; width: 600px; text-align: right; }
#footer #meta #nav_foot ul { list-style: none; }
#footer #meta #nav_foot li { display: inline; padding: 0 10px; font-size: 0.75em; border-right: 1px solid #4c4a44; }
#footer #meta #nav_foot li.last { border: none; padding-right: 0px; }
#footer #meta #nav_foot li a { color: #b7b2a3; text-decoration: underline; }
#footer #meta #nav_foot li a:hover { color: #fff; text-decoration: none; }
/*-| Footer [STOP!] */