* { font-family:Arial, Helvetica, sans-serif; }
body {margin: 0px}

body#shop{margin: 0px;background: url('../images/backgrounds/2015-01.jpg');background-repeat:no-repeat;background-position:0px 0px;}
#bg1{background: url('../images/backgrounds/2015-02.jpg');background-repeat:no-repeat;background-position:0px 1178px;}
#bg2{background: url('../images/backgrounds/2015-03.jpg');background-repeat:no-repeat;background-position:0px 2356px;}
#bg3{background: url('../images/backgrounds/2015-01.jpg');background-repeat:no-repeat;background-position:0px 3534px;}
#bg4{background: url('../images/backgrounds/2015-02.jpg');background-repeat:no-repeat;background-position:0px 4712px;}
#bg5{background: url('../images/backgrounds/2015-03.jpg');background-repeat:no-repeat;background-position:0px 5890px;}
#bg6{background: url('../images/backgrounds/2015-01.jpg');background-repeat:no-repeat;background-position:0px 7068px;}

#bg7{background: url('../images/backgrounds/2015-02.jpg');background-repeat:no-repeat;background-position:0px 8246px;}


body#popup { padding:0px; margin:0px; }
body, table { font-size:12px; }
body, table th { text-align:center; }
table { text-align:left; }
a { color:#58AE01; }
h1 { color:#58AE01; font-weight:bold; }

table.form td.label { text-align:right; vertical-align:top; padding:4px; width:200px; }

/* div#userinfo { display:none; } position:absolute; top:0px; left:670px; width:265px; height:20px;*/
div#language { text-align:right; width:400px; height:40px; position:absolute; top:-5px; right:-185px; }
div#language a {color:black}

div#tabs { padding:3px 0; margin:10px 0 0 0; border-bottom:1px solid #888888; list-style-type:none; text-align:left; }
div#tabs ul { padding:0; margin:0 10px; }
div#tabs li{ display:inline; margin:0; }
div#tabs li a, #tabs li span { text-decoration:none; padding:3px 7px; margin-right:3px; border:1px solid #888888; border-bottom:none; background-color:#EEEEEE; color:#000000; }
div#tabs li span { color:#999999; }
div#tabs li a:hover{  background-color:#FFFFCC; color:#000000; }
div#tabs li.current span, div#tabs li.current a { position:relative; top:1px; padding-top:4px; font-weight:bold; background-color:#FFFFCC; color:#000000; }

div#page { text-align:left; width:750px; position:relative; left:50%; margin-left:-470px; } /*margin-left:auto; margin-right:auto;*/
div#page #title { margin-top:10px; margin-bottom:20px; }
div#page #title .login-info { color:#999999; }
div#page #title h1 { display:inline; }
div#adds { left:50%;  width:182px; }
div#adds img { margin-bottom:3px; }
div#adds div#basket { margin-top:0px; margin-bottom:5px; width:180px; border:0px; padding:0px; }
div#adds div#quicklinks { margin-top:7px; margin-bottom:5px; width:178px; border:1px solid #555555; padding:0px; }
div#adds div#quicklinks div.title { background-color:#FFFFEE; width:100%; font-weight:bold; border-bottom:1px solid #555555; text-align:center; line-height:2em; }
div#adds div#quicklinks ul { list-style:none; margin:5px; padding:0; }
div#adds div#quicklinks ul li { margin-top:2px; }
div#adds div#quicklinks div.grey { margin:5px; }
div#adds div#quicklinks ul li, div#adds div#quicklinks a { color:#58AE01; text-decoration:none; }
div#adds div#quicklinks a:hover { text-decoration:underline; }
div#adds div#quicklinks ul li:before { content:"\0020 \0020 \0020 \00BB \0020"; }
div#adds div#quicklinks div.end { font-weight:bold; }





div.adds_absolute{
    position:absolute; top:20px; left:50%; margin-left: 381px; width:182px;
}

div.adds_fixed{
    position:fixed; top:5px; left:50%; margin-left:286px; width:182px;
}

/*div#discountproductlist { position:fixed; top:151px; left:50%; margin-left:-616px; width:128px; border:1px solid #555555; padding:5px;background-color:#FFFFEE;  }*/
div#discountproductlist{
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -520px;
    width: 128px;
    border: 1px solid #555555;
    padding: 5px;
    background-color: #FFFFEE;
}






div#discountproductlist .crop {

    height: 70px;
    overflow: hidden;
}

div#discountproductlist .crop img {

    margin-top: -15px;

}


div#discountproductlist h1 {color: red;  font-size: 1.6em;  margin: 0;  text-align: right;}




div#index, div#address, div#delivery, div#summary, div#finish, div.tabcontent { background-color:#FFFFCC; padding:10px; border-left:1px solid #888888; border-right:1px solid #888888; border-bottom:1px solid #888888; }

div#login .error, div#index .error, div#address .error { padding:5px; font-weight:bold; color:#444444; background-color:#FFBBBB; border:1px solid #444444; }
div#login .error { margin-bottom:5px; }
div#index .error, div#address .error { margin-bottom:14px; }
div#index  .top { margin-bottom:14px; }
div#index .grayout {    opacity: 0.2; /* Real browsers */    filter: alpha(opacity = 60); /* MSIE */}

div#login { text-align:center; }
div#login .title { font-weight:bold; border-bottom:2px solid #555555; color:#555555; margin: 13px 0px; font-size:16px; }
div#login .info { font-weight:bold; margin-bottom:10px; }
div#login div#lang { position:absolute; top:5px; right:10px; width:100px; height:20px; text-align:right; }
div#login input.flag[type="submit"] { margin-right:4px; border:0; background-color:transparent; background-repeat:no-repeat; cursor:pointer; }
div#login input.flag[name="submit-anonym-ch"] { background-image:url(img/flag_ch1.png); width:60px; height:60px; }
div#login input.flag[name="submit-anonym-ch"]:hover { background-image:url(img/flag_ch.png); }
div#login input.flag[name="submit-anonym-eu"] { background-image:url(img/flag_eu1.png); width:60px; height:60px; }
div#login input.flag[name="submit-anonym-eu"]:hover { background-image:url(img/flag_eu.png); }
div#login input.flag[name="submit-country-it"] { background-image:url(img/flag_it1.png); width:50px; height:50px; }
div#login input.flag[name="submit-country-it"]:hover { background-image:url(img/flag_it.png); }
div#login input.flag[name="submit-country-uk"] { background-image:url(img/flag_uk1.png); width:50px; height:50px; }
div#login input.flag[name="submit-country-uk"]:hover { background-image:url(img/flag_uk.png); }
div#login input.flag[name="submit-country-se"] { background-image:url(img/flag_se1.png); width:50px; height:50px; }
div#login input.flag[name="submit-country-se"]:hover { background-image:url(img/flag_se.png); }
div#login input.flag[name="submit-country-fr"] { background-image:url(img/flag_fr1.png); width:50px; height:50px; }
div#login input.flag[name="submit-country-fr"]:hover { background-image:url(img/flag_fr.png); }

div#login form, div#index form, div#address form, div#summary form { margin:0; }
div#login label, div#index label, div#address label, div#summary label { float:left; width:200px; margin:5px; text-align:right; }


#change_country a {color: transparent;}
#change_country a > div {background-size: 42px 42px; width:42px;height:42px; float:left;}

#change_country div#flag_uk {background-image:url(img/flag_uk1.png);}
#change_country div#flag_uk:hover {background-image:url(img/flag_uk.png);}

#change_country div#flag_fr {background-image:url(img/flag_fr1.png);}
#change_country div#flag_fr:hover {background-image:url(img/flag_fr.png);}

#change_country div#flag_se {background-image:url(img/flag_se1.png);}
#change_country div#flag_se:hover {background-image:url(img/flag_se.png);}

#change_country div#flag_it {background-image:url(img/flag_it1.png);}
#change_country div#flag_it:hover {background-image:url(img/flag_it.png);}

#change_country div#flag_eu {background-image:url(img/flag_fr1.png);}
#change_country div#flag_eu:hover {background-image:url(img/flag_fr.png);}


div#finish { padding:20px; text-align:left; }

div#summary div#summary-address, div#summary div#summary-delivery { margin-left:210px; }

div#page fieldset { border:1px solid #555555; margin:5px 0; background-color:#FFFFDD; }
div#page fieldset legend { border:1px solid #555555; background-color:#FFFFFF; font-weight:bold; }
div#page div#index fieldset legend a { text-decoration:none; color:#000000; font-weight:bold; padding-left:15px; background-image:url(img/icon-minus.jpg); background-position:2px 3px; background-repeat:no-repeat; }
div#page div#summary fieldset legend a {  text-decoration:none; }
div#page div#index fieldset legend a.plus { background-image:url(img/icon-plus.jpg); }
div#page fieldset div.hidden { margin-top:-7px; text-align:center; font-size:11px; color:#555555; }

div#index {  }
div#index fieldset.info .discount-price-normal { font-weight:bold; color:#000000; text-decoration:line-through; font-style:italic; }
div#index fieldset.info .discount-price-reduced { font-weight:bold; color:#FF0000; }
div#index fieldset.info table.products a { text-decoration:none; font-weight:normal; color:#000000; }


div#index div#user { float:right; width:124px; padding:8px; text-align:right; }
div#index div#user img#flag { position:relative; top:-20px; right:-16px; width:60px; height:60px; border:1px solid #000000; }
div#index div#user h1 { text-align:right; color:#000000; font-size:14px; margin:-62px 50px 15px 0px;   }
div#index div#user div#details { margin:5px 0px 5px 0px; }
div#index div#user a { text-decoration:none; }
div#index div#user a:hover { text-decoration:underline; }
div#user button {margin: 20px 0px;width: 124px;font-weight: bold;}


table.products { border-collapse:collapse; background-color:#FFFFDD; width:100%; }
table.products td, table.products th { border:1px solid #555555; padding-left:2px; }
table.products th, table.products .foot { background-color:#FFFFEE; padding-left:4px; }
table.products .failure { background-color:#FFBBBB; }
table.products .selected { background-color:#FFFFFF; }
table.products .status { vertical-align:top; margin-left:2px; font-size:11px; line-height:100%; font-weight:bold; color:#FF0000; }
table.products .hidden { border:0px; background-color:#FFFFDD; }
table.products .total { font-weight:bold; border-top:2px solid #555555; border-bottom:2px solid #555555; font-size:20px; }
table.products a { text-decoration:none; color:#000000; margin-left:2px; }
table.products a.prod { font-weight:bold; }
#adds div#basket table.products a { text-decoration:none; color:#58AE01; }
#adds div#basket table.products a:hover { text-decoration:underline; color:#58AE01; }
table.products a img { margin-left:-2px; }

table.gift2 a { text-decoration:none;font-weight:bold ; color:#000000; margin-left:2px; }

div#summary table.products { background-color:#FFFFDD; }
div#summary table.products th, div#summary table.products .foot { background-color:#FFFFEE; }
div#summary fieldset.summary_products, div#summary table.products .hidden { background-color:#58AE01; }
div#summary table.products .htop { border-top:1px solid #58AE01; }
div#summary table.products .hbottom { border-bottom:2px solid #58AE01; }
div#summary fieldset p { margin:3px 0px; padding-left:2px; }
div#summary table td.label { text-align:left; width:100px; padding-left:0px; }

div#adds table.products tr th { height:20px; }
div#adds table.products .total { font-size:14px; }

div#address fieldset legend { font-weight:bold; padding-left:4px; }
div#delivery table td.label { text-align:left; width:100px; padding-left:0px; }
div#delivery p { padding-left:2px; }

div#page div.box { border:1px solid #555555; background-color:#FFFFDD; margin-top:14px; padding:9px; }
div#page div.box-important { border:1px solid #555555; background-color:#800000; color:#FFFFFF; margin-top:14px; padding:14px; font-weight:bold; font-size:18px; text-align:center; }
div#page div.submit-box { border:1px solid #555555; background-color:#FFFFEE; margin-top:14px; padding:9px; }

.grey { color:#777777; font-weight:normal; }
.y-bg { background-color:#FFFFDD; }
.red { color:#FF0000; font-weight:normal; }
a img { border:0px; }

input.inc { background-color:transparent; background-image:url(img/icon-add.jpg); background-repeat:no-repeat; width:13px; height:13px; border:0; }
input.dec { background-color:transparent; background-image:url(img/icon-remove.jpg); background-repeat:no-repeat; width:13px; height:13px; border:0; }
input.del { background-color:transparent; background-image:url(img/icon-delete.jpg); background-repeat:no-repeat; width:13px; height:13px; border:0; }


#page input.inc { margin:0 11px;background-color:transparent; background-image:url(img/icon-add-big.jpg); background-repeat:no-repeat; width:20px; height:20px; border:0;float:left }
#page input.dec { margin:0 11px;background-color:transparent; background-image:url(img/icon-remove-big.jpg); background-repeat:no-repeat; width:20px; height:20px; border:0;float:left }
#page form input.inc { }
#page form input.dec { }
#page form input[id^=quantity] {  float:left;width:30px}

#popup { text-align:left; }
#popup div#left { position:absolute; top:10px; left:50%; width:356px; height:345px; margin-left:-361px; border:1px solid #888888; background-color:#EEEEEE; text-align:center; }
#popup div#left img { margin:3px; }
#popup div#left ul { padding:0; margin:0; text-align:left; }
#popup div#left li { display:inline; margin:0; }
#popup div#left li img { margin:-1px 0 0 3px; border:1px solid #888888; }

#popup div#right { position:absolute; top:10px; left:50%; width:356px; height:345px; margin-left:5px; border:1px solid #888888; background-color:#EEEEEE; }
#popup div#vegan { position:absolute; bottom:5px; left:5px; width:75px; height:60px; background:transparent url('img/vegan60b.png'); z-index:1; }
#popup div#treats { position:absolute; top:5px; left:5px; width:120px; height:38px; background:left center no-repeat url('img/icon-ch.png'); padding:7px 0px 0px 45px; }
#popup div#status { position:absolute; top:10px; right:10px; width:160px; height:35px; background-color:#FFFFFF; font-weight:bold; font-size:24px; color:#FF0000; text-align:center; }
#popup div#name { position:absolute; top:65px; left:5px; width:340px; height:25px; font-weight:bold; font-size:20px; letter-spacing:-0.7px; border-bottom:2px solid #000000; white-space:nowrap; }
#popup div#subtitle { position:absolute; top:95px; left:5px; width:340px; height:47px; }
#popup div#details { position:absolute; top:155px; left:5px; width:130px; height:90px; background-color:#FFFFFF; text-align:right; padding:5px; color:#FF0000; }
#popup div#infos { position:absolute; top:150px; right:10px; width:210px; text-align:right; }
#popup div#price { position:absolute; top:210px; right:15px; width:290px; height:45px;  font-weight:bold; font-size:32px; color:#000000; text-align:right; }
#popup div#cart { position:absolute; bottom:10px; right:20px; width:230px; height:45px; }

#popup div#details .h { font-weight:bold; font-size:1.5em; }
#popup div#details .l { text-decoration:line-through; }
#popup div#cart input[type="text"] { display:block; width:20px; font-size:15px; font-weight:bold; text-align:left;float: left;margin-top: 10px}
#popup div#cart input[type="button"] { display:block; width:180px;margin-left: 5px; height:100%; font-size:15px; font-weight:bold; color:#58AE01;float: left; background:left center no-repeat #FFFFFF url('img/icon-cart.png'); border:0px; text-align:left; padding-left:53px; }
#popup div#cart input[type="button"]:hover { text-decoration:underline; cursor:pointer; }
#popup div#price small { font-size:11px; font-weight:normal; }

#popup div#url { color:#777777; margin-top:25px; margin-bottom:-30px; margin-left:-10px; }
#popup div#url a { color:#777777; }
#popup div#bottom { position:absolute; top:360px; left:50%; width:722px; margin-left:-361px; }

#summary  #specialproducts div { padding:2px; }
#summary  #specialproducts div.product { width:154px; height:205px; border:1px solid #777; text-align:right; padding:1px; margin:0px auto; background-color:#FFFF77; }

#summary  #specialproducts div.name { width:144px; text-align:left; font-weight:bold; margin-left:2px; }
#summary  #specialproducts div.name a { color:#000000; text-decoration:none; }
#summary #specialproducts div.cart { width:50px; height:35px; }
#summary  #specialproducts div.cart:hover { cursor:pointer; }
#summary #specialproducts div.price { width:144px; height:35px; margin-top:-35px; font-weight:bold; font-size:20px; color:#FF2222; }
#summary #specialproducts div.price small { font-weight:bold; font-size:11px; color:#000000; }
#summary #specialproducts div.price:hover { cursor:pointer; }

body#popup div#info { padding:10px; }

div#address fieldset .failure { background-color:#FFBBBB; }

#imgpreview { position:absolute; border:1px solid #DDDDDD; background-color:#444444; margin:0px; padding:2px; display:none; }
#imgpreview p { color:#DDDDDD; margin:3px; }

.ajaxloadingbg { background-color:transparent; background-repeat:no-repeat; background-position:8px 5px; }

table.recipes a { color:#000000; text-decoration:none; font-weight:bold; }
table.recipes p { margin:3px 0px; }

sup.status { font-weight:bold; color:#FF0000; }

.product_search_area input, .product_search_area button { font-size: 18px;width: 96%}

.ui-menu-item {text-align: left }


.flow {

    height: 121px;
    background: rgba(73,155,234,1);
    background: -moz-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(88,167,240,1) 42%, rgba(255,252,239,1) 67%, rgba(255,252,239,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(42%, rgba(88,167,240,1)), color-stop(67%, rgba(255,252,239,1)), color-stop(100%, rgba(255,252,239,1)));
    background: -webkit-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(88,167,240,1) 42%, rgba(255,252,239,1) 67%, rgba(255,252,239,1) 100%);
    background: -o-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(88,167,240,1) 42%, rgba(255,252,239,1) 67%, rgba(255,252,239,1) 100%);
    background: -ms-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(88,167,240,1) 42%, rgba(255,252,239,1) 67%, rgba(255,252,239,1) 100%);
    background: linear-gradient(to bottom, rgba(73,155,234,1) 0%, rgba(88,167,240,1) 42%, rgba(255,252,239,1) 67%, rgba(255,252,239,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#fffcef', GradientType=0 );
}

.flow_down {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #FFFFFF),
        color-stop(1, #57AE01)
        );
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #57AE01 100%);
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #57AE01 100%);
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #57AE01 100%);
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #57AE01 100%);
    background-image: linear-gradient(to top, #FFFFFF 0%, #57AE01 100%);
}


.nav {

    width: 100%;
    float: left;
    margin: 95px 0 0 0;
    padding: 0;
    /*background-color: #009933;*/
    /*border: 1px solid #ccc;*/ 

    /*   background-color: #f2f2f2;*/
}
.nav ul { 
    margin: 0;
    padding: 0;

}



.nav li {
    float: left;
    list-style: none;
    border-left: 1px solid #ccc; 
    border-right: 1px solid #ccc; 
    border-top: 1px solid #ccc; 
    background-color: #00AA33;
    margin: 0px -1px 0px;
    height: 17px;
    padding: 4px 15px;
    line-height: 17px;
}
.nav li a {
    display: block;

    text-decoration: none;
    font-weight: bold;
    color: #FFF;
}

.nav li a:hover {text-decoration:none;font-weigth:bold;color:#FFF300}
.nav .home {    
    background-image: url('../de/images/home.png');
    background-repeat: no-repeat;
    background-position: 5px 4px;
    padding: 4px 4px;
}
.nav .home:hover {    
    background-image: url('../de/images/home-yellow.png');
    background-repeat: no-repeat;
    background-position: 5px 4px;    
}


.header-logo-de {
    background: url('../de/images/kopf.svg') no-repeat 0px 15px/100%;
    height:124px;
}



.header-logo-en {
    background: url('../en/images/kopf.png') no-repeat;
    height:124px;
}


.centred {			
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 940px;    
}

.ui-menu-item{
    font-size: 18px;
}

#page .product_search_area { 
    margin: 8px 0 4px 4px; 
}

.product-search-error{
    display:none;
    font-weight: bold;
    color: red; 
}

.product_added_text{
    display:none;
    font-weight: bold;
    color: green; 
}

/*div#page div.box#change_country {*/
div#page div#change_country {
    width: 178px;
    height: 76px;
    margin-top: 7px;
    padding: 0px;
}
div#page div#change_country div:first-child {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-weight: bold;
    text-align: center;    
    background-color: #FFFFEE;
    line-height: 2em;
    padding: 0px;
}
div#page div#change_country div {
    padding: 4px;    

}
div#change_country img {width:40px;}

#nutrition_content .scroll_horizontal {

    /*height: 190px;*/
    overflow: auto;
    overflow-y: hidden;
    margin: 0 auto;
    white-space: nowrap
}


#nutrition_table {
    border-spacing: 0;
    border: solid 1px;
}
/*#nutrition_table thead {
    background-color: #FDDD9B;
    
}

#nutrition_table tbody {
    background-color: #FEEFB5;
    
}*/




/*#nutrition_content thead th {
    background-color: #F9CC9D;
}*/

#nutrition_table thead tr:first-child th {
    padding-top: 10px;    
}

#nutrition_table thead tr:last-child th {
    padding-bottom: 10px; 
    border-bottom: solid 1px
}

#nutrition_table thead tr th:first-child {
    padding-left: 15px;        
}

#nutrition_table thead tr th:last-child {
    padding-right: 15px;        
}


#nutrition_table tbody tr:first-child td {
    padding-top: 10px;    
}

#nutrition_table tbody tr:last-child td {
    padding-bottom: 10px;    
}


#nutrition_table  tbody tr td:first-child {
    padding-left: 15px;        
}

#nutrition_table tbody tr td:last-child {
    padding-right: 15px;        
}