body, div, ul, li, h1, h2, h3, h4, h5, h6, form, fieldset, p { padding:0; margin:0; font-weight:normal; } 
*{ margin:0; padding:0}
img, fieldset{ border:none}
a{ text-decoration:none; outline:none;}
:focus{outline:none;}
.curve{ float:left; width:100%}
.curve img{ float:left}
body{font-size:12px; line-height:16px; font-family:Arial, Helvetica, sans-serif; background:url(../images/body_bg.jpg) repeat 0 0}
.owrapper{ width:1200px; margin:0 auto}
#wrapper{ width:1072px; margin:0 auto}
#main_outer{float:left; background:url(../images/main.png) repeat-x 0 0; width:100%}
#main{float:left; background:url(../images/main_bg.jpg) no-repeat center 0; width:100%; }
#header{ float:left; width:100%; padding:25px 0 0 0}
.logo{ float:left; margin-left:4px; margin-bottom: 30px;}
.header_right{ float:right; width:500px; position:relative; z-index:99; padding-top:10px}
.header_right span{ text-align:right; display:block; font-size:16px; line-height:18px; color:#8b634a; padding-bottom:10px; padding-top: 10PX;}
.header_right span a{ text-align:right; display:block; font-size:16px; line-height:18px; color:#8b634a;}
.header_right img{ float:right}

#menu{ float:left; background:url(../images/menu_bg.png) no-repeat 0 0; width:1074px; height:80px; margin:-21px -2px 0 0; position:relative; z-index:9}
#menu ul{ float:left; width:auto; padding:0 0 0 4px; list-style:none}
#menu ul li{ float:left; background:url(../images/sep.png) no-repeat right 0; padding-right:2px; text-align:center}
#menu ul li a{ display:inline-block; min-width:170px; width:auto!important; text-align:center; text-decoration:none; padding:14px 0}
#menu strong{ color:#ffffff; font-size:20px; line-height:22px; display:block}
#menu strong a{ color:#ffffff; text-decoration:none}
#menu ul li a.first{ min-width:132px}
#menu small{color:#ab814c; font-size:16px; line-height:18px;}
#menu small a{color:#ab814c; text-decoration:none}

.basket_box{ float:right; width:224px; padding-top:13px}
.basket_box img{ float:left; margin-right:16px}

#body_cotainer{ float:left; width:100%; }
.common_box{ float:left; width:100%; margin-top:11px}
.common_box.space{ margin-top:116px}
.common_details{ float:left; width:1065px; background:url(../images/common_details.png) repeat-y 0 0; padding:0 4px;}
.common_details.pad{ margin-bottom:-7px}

#slider_container{ float:left; width:490px; background:#251a17; padding:6px 6px; height:490px; position:relative; z-index:9; margin:0px 0 0 20px}
.slider{ float:left; width:490px; height:490px; overflow:hidden}
.slider .slide{ float:left; width:100%; height:490px}
.paging_container{ position:absolute; bottom:0; left:0px; width:100%; text-align:center}
ul.paging{ display:inline-block; *display:inline; list-style:none; background:url(../images/paging_bg.jpg) repeat-x 0 0; padding:8px 10px 0 17px; height:25px;-webkit-border-radius:8px 9px 0 0;-moz-border-radius:8px 9px 0 0;border-radius:8px 9px 0 0; behavior: url(PIE.htc); position:relative; z-index:13;}
ul.paging li{display:inline; padding-right:8px}
ul.paging li a{ display:inline-block; background: url(../images/paging.png) no-repeat 0 0; width:15px; height:15px}
ul.paging li a:hover , ul.paging li.active a{ background-position:0 bottom}

ul.gallery_container{float:right;width:522px; list-style:none}
ul.gallery_container li{float:left; border:6px solid #251a17; width:229px; height:229px; -moz-box-shadow:0 0 6px 2px #327252;
-webkit-box-shadow:0 0 6px 2px #327252; box-shadow:0 0 6px 2px #327252; margin:0 20px 20px 0;behavior: url(PIE.htc); position:relative; z-index:9; cursor:pointer;}
ul.gallery_container li img{ width:229px; height:229px; float:left}
ul.gallery_container li.second{-moz-box-shadow:0 0 6px 2px #2a2c5f;-webkit-box-shadow:0 0 6px 2px #2a2c5f; box-shadow:0 0 6px 2px #2a2c5f;}
ul.gallery_container li.third{-moz-box-shadow:0 0 6px 2px #812542;-webkit-box-shadow:0 0 6px 2px #812542; box-shadow:0 0 6px 2px #812542;}
.heading{position:absolute; bottom:10px; left:0px; padding:14px 0 14px 15px; width:214px}
.heading a{ color:#ffffff; font-size:30px; line-height:32px; display:block;}
ul.gallery_container li.gratis{-moz-box-shadow:0 0 6px 2px #82614e;-webkit-box-shadow:0 0 6px 2px #82614e; box-shadow:0 0 6px 2px #82614e; background:url(../images/gratis.jpg) no-repeat 0 0}
ul.gallery_container li .text{ font-size:15px; line-height:16px; margin-top: 2px; color:#ffffff}
ul.gallery_container li h4{ color:#c9bbb2; font-size:60px; line-height:62px; position:absolute; top:30px; left:20px}
ul.gallery_container li .gray_text{ position:absolute; top:88px; left:62px; color:#ab814c; font-size:26px; line-height:28px}

.common_container{float:left; width:1035px; margin:-7px 15px 0 15px; background:#f0e3db;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;behavior: url(PIE.htc); position:relative; z-index:9; border-top:1px solid #716661; border-bottom:1px solid #716661}
.common_container.space{width:1000px; padding:0 0 42px 35px; margin-bottom:8px}
.common_container .product_box{ float:left; width:1016px; padding:0 0 0 17px}
.product_box .box{ float:left; width:457px; padding-top:14px}
.product_box .box .col{ float:left; width:230px; margin-right:11px}
.product{ float:left; width:224px; height:224px; border:3px solid #332720;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;behavior: url(PIE.htc); position:relative; z-index:9; position:relative; z-index:99; background:url(../images/widbg2.png) no-repeat 0 0;}
.product_box .box .product .product_img{ float:left; margin:18px 0 0 60px}
.lango_drink{ float:left; width:211px; padding-left:13px; margin-top:-3px}
.lango_drink img{  margin-right:3px}

.lango_drink.space{float:left; width:290px; padding-left:20px; margin-top:-7px}

.product_box .common_btn{ float:left; width:230px; background:url(../images/green_btn.png) repeat-x 0 0; height:23px; font-size:18px;line-height:20px; color:#ffffff; text-align:center; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;behavior: url(PIE.htc); position:relative; z-index:9; margin-top:3px; padding-top: 2px;}
.product_box .common_btn.blue_btn{ background:url(../images/blue_btn.png) repeat-x 0 0}
.product_box .common_btn.red_btn{ background:url(../images/red_btn.png) repeat-x 0 0}

.product_details{ float:left; width:215px}
.product_details h3{ color:#332720; font-size:18px; line-height:20px; }
.product_details h4{ color:#8b634a; font-size:20px; line-height:20px; font-weight: bold; }
.product_details h4 a{ color:#8b634a; }
.product_details p{color:#8b634a; font-size:15px; line-height:18px; padding-top:20px}
.sterkte{ display:block; padding-top:13px;color:#8b634a; font-size:18px; line-height:20px;}
.sterkte small{color:#332720; font-size:18px; line-height:20px;}
.coomon_group{ float:right; width:84px; min-height:284px; height:auto !important; background:#088c5c; -webkit-border-radius:10px 6px 6px 10px;-moz-border-radius:10px 6px 6px 10px;border-radius:10px 6px 6px 10px;-moz-box-shadow: 2px 2px 5px #138458;-webkit-box-shadow:2px 2px 5px #138458; box-shadow:2px 2px 5px #138458;behavior: url(PIE.htc); position:relative; z-index:9; margin-right:-2px; text-align:center; margin:-1px -2px 0 0 }
.coomon_group img{ margin-top:64px}
.coomon_group.blue{ background:#272c6d;-moz-box-shadow: 2px 2px 5px #2d2e67;-webkit-box-shadow:2px 2px 5px #2d2e67; box-shadow:2px 2px 5px #2d2e67}
.coomon_group.red{ background:#8e183c;-moz-box-shadow: 2px 2px 5px #881c3b;-webkit-box-shadow:2px 2px 5px #881c3b; box-shadow:2px 2px 5px #881c3b}

.top_container{ float:left; width:100%; margin-top:-122px}
.top_row{float:left; width:100%; background:url(../images/top_row_bg.png) no-repeat 0 0; width:100%; position:relative; z-index:9; height: 5px;}
.top_row .deli_text{ background:url(../images/deli_text.png) no-repeat 0 0; width:149px; height:65px; float:left;margin:-18px 0 0 -17px; position:relative; z-index:9; font-size:20px; line-height:22px; color:#ffffff; padding-top:44px; text-align:center}

.top_row a{ color: white; }

.top_row .deli_text.a{background:url(../images/lim_text.png) no-repeat 0 0; }
.top_row .deli_text.b{background:url(../images/deli_text.png) no-repeat 0 0; }
.top_row .deli_text.c{background:url(../images/for_text.png) no-repeat 0 0; }

.slider_content{float:left;  width:775px; height:109px; margin:-18px 0 0 -47px; position:relative; z-index:99; padding:0 66px}
.slider_content.a{ background:url(../images/slider_con_bg2.png) no-repeat 0 0; }
.slider_content.b{ background:url(../images/slider_con_bg3.png) no-repeat 0 0; }
.slider_content.c{ background:url(../images/slider_con_bg.png) no-repeat 0 0; }
.top_row .arrow{ position:absolute; z-index:99; left:47%; bottom:-14px; display: none;}
.slider_content .left_arrow{ float:left; margin-top:50px}
.slider_content .right_arrow{ float:right; margin-top:50px}
.slider_content .slide_content{ float:left; width:747px; padding-top:30px; text-align:center}
.slider_content .slide_content h3{ color:#ffffff; font-size:32px; line-height:42px; margin-top: 3px;}

.top_row .for_text{  width:153px; height:65px; float:left;margin:-18px -81px 0 -59px; position:relative; z-index:9; font-size:20px; line-height:22px; color:#ffffff; padding-top:44px; text-align:center}

.top_row .for_text.a{ background:url(../images/for_text.png) no-repeat 0 0; }
.top_row .for_text.b{ background:url(../images/lim_text.png) no-repeat 0 0; }
.top_row .for_text.c{ background:url(../images/deli_text.png) no-repeat 0 0; }

.top_container .pic{ float:left; height: 164px; width:100%; margin:-3px 0 0 -17px}
.top_box{ float:left; width:100%; padding:34px 0 0 0}
.left_box{ float:left; width:359px; position:relative; z-index:9}
.probbar{top:59px;}
.probbar, .probbar2{ position:absolute; z-index:99; left:-142px;  background:url(../images/probbar.png) no-repeat 0 0; }
.probbar img, .probbar2 img{margin-top: 12px; margin-left: 24px;}
.probbar{ width:95px; height:95px;}
.probbar2{ width:95px; height:95px;}
.probbar2{ position:absolute; z-index:99; left:-142px; top:155px}

.product.wid{ width:320px; height:320px; background:url(../images/widbg.png) no-repeat 0 0;}
.product.wid .pro_img{float:left; margin:26px 0 0 88px}
.product .rain{ position:absolute; top:-21px; right:-19px; z-index:999}
.star_text{ display:block; float:left; font-size:16px; line-height:18px; color:#332720;}
.star_text small{ color:#774f36; font-size:16px; line-height:18px; }
.rating_box{ float:left; width:351px; margin-left: 35px;}
.rating_box span{font-size:16px; line-height:18px; color:#332720; float:left; margin-right: 5px; }
.rating_box ul.rating{ float:left; width:auto; list-style:none; padding-left:10px}
ul.rating li{display:inline; float:left}
ul.rating li a{ float:left; background:url(../images/rating.png) no-repeat 0 0; width:32px; height:33px}
ul.rating li a:hover ,ul.rating li.active a{background-position:0 bottom}

.product2{ margin-top: 15px; padding: 8px; float:left; width:310px; font-size: 16px; height:67px; border:0px solid #332720;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;behavior: url(PIE.htc); position:relative; z-index:9; position:relative; z-index:99; color: white;}
.product2 a{color: white;}
.product2 .lleft{float: left; margin-right: 8px; margin-left: 12px;}
.product2 strong{ margin-left: 10px;  font-size: 17px;
}
.left_content{ float:left; width:445px; margin-left:6px; padding-top:42px}
.left_content p{ color:#322721; font-size:18px; line-height:22px; padding-bottom:22px}
.left_content td p, .left_content td{ color:#322721; font-size:16px; line-height:18px; padding-top: 0px; padding-bottom:0px}

.right_details{ float:right; width:562px; margin-right:60px}
.right_details h3{ color:#91684c;font-size:30px; line-height:32px; padding-bottom:20px}
.right_details h3 span{ color:#332720}
.right_details p{ color:#322721; font-size:16px; line-height:20px; padding-bottom:5px}

.left_content h1{ color:#91684c;font-size:26px; line-height:28px; padding-bottom:20px}
.left_content h3{ color:#91684c;font-size:24px; line-height:26px; padding-bottom:20px}
.left_content h3 span{ color:#332720}
.left_content h4{ color:#91684c;font-size:20px; line-height:22px; padding-bottom:10px; padding-top: 10px;}
.left_content p{ color:#322721; font-size:16px; line-height:20px; padding-bottom:15px}

.breed{width: 950px; padding-top: 0px;}

ul.text{ float:left; width:100%; list-style:none}
ul.text li{ float:left; width:100%; font-size:18px; line-height:20px}
ul.text li strong{ color:#8b6349}

.bottom_row{ float:left; width:100%;}
ul.logo_container{ float:left; width:auto; list-style:none; padding:9px 0 0 7px}
ul.logo_container li{display:inline}
 .wil_box{ float:right; background:url(../images/wil_bg.png) no-repeat 0 0; width:247px; height:70px;    position:absolute; 
    bottom:0; 
    right:0; padding:17px 0 0 17px; margin-right:53px}
 .wil_box strong{ color:#ffffff; font-size:22px; line-height:25px;}
 .wil_box span{ color:#ab814c; font-size:16px; line-height:18px; display:block }
 .wil_box img{ float:left; margin-right:27px; margin-left: 5px; margin-top: 6px;}

.right_box{ float:right; width:447px; margin:42px 28px 0 0}
.right_box p{ color:#322721; font-size:16px; line-height:20px; }
.map{float:right; margin-right:25px; position:relative; z-index:9}
.map .coffe_logo{position:absolute; left:23px; bottom:36px; z-index:99}
.graph{ float:right; margin:25px 34px 0 0; background:url(../images/sloe_rosting.png) no-repeat 0 0; width:271px; height:69px; padding:71px 84px 0 0; text-align:right; position:relative; z-index:9}
.graph h3{ color:#d8b097; font-size:24px; line-height:26px;}
.graph .grafiek{ position:absolute; left:20px; bottom:-13px; z-index:99}
.graph .grafiek1{ position:absolute; left:54px; top:68px; z-index:99}
.graph .grafiek2{ position:absolute; left:120px; top:34px; z-index:99}
.graph .grafiek3{ position:absolute; right:84px; top:22px; z-index:99}
.graph .grafiek4{ position:absolute; right:20px; bottom:-10px; z-index:99}
.mountain{ float:right; margin-top:36px}

.common_container.content_box{width:486px; margin:0 0 0 15px; padding:18px 21px 0 19px; min-height:367px; height:auto !important}
.content_box .row{ float:left; width:100%}
.content_box h3{ float:left; color:#322721; font-size:18px; line-height:20px; padding:4px 0 0 6px}
.content_box .row img{ float:right}
.content_box form{ float:left; width:100%; padding-top:10px}
.content_box .text_area{ float:left; width:474px; height:78px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;behavior: url(PIE.htc); position:relative; z-index:9;border:1px solid #322721; padding:13px 0 10px 10px}
.content_box .text_area textarea{ float:left; width:474px; height:78px; font-size:18px; line-height:20px; color:#a78a77; overflow:auto; resize:none; background:none; border:none}
.content_box .btn{ float: right; font-size:20px; line-height:22px; color:#f0e3db; text-decoration:none; padding:0 36px 4px 13px; background:#322721 url(../images/btn_arrow.jpg) no-repeat 90% 60%;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;behavior: url(PIE.htc); position:relative; z-index:9; margin-top:2px}

.content_box .box{ float:left; width:482px; padding:8px 0 0 2px}
.content_box .box p{ margin-bottom: 15px; margin-left: 8px; font-size: 13px;}
.content_box .box ul{ float:left; width:100%; list-style:none; padding-top:32px}
.content_box .box ul li{ float:left; width:100%; padding-bottom:6px}
.content_box .box ul li strong{ float:left; font-size:16px; line-height:18px; color:#322721; }
.content_box .box ul li .rating{ float:right; width:142px}

.common_container.social{width:237px; margin:0 0 0 18px; min-height:362px; height:auto !important; padding:0;border-right:1px solid #716661; border:none}
.social .twitter{ margin:11px 0 0 17px}
.social .facebook{ margin:12px 0 0 12px}

#footer{ float:left; width:100%; margin-top:10px; padding-bottom:50px}
.footer_top{ float:left; width:100%; }
.footer_details{ float:left; width:1029px; background:url(../images/footer_bg.png) repeat-y 0 0; padding:12px 0 10px 43px; }
.footer_details .col{ float:left; width:247px; margin-right:10px; min-height: 159px;}
.footer_details .col h3{ color:#ab814c; font-size:20px; line-height:22px; padding-bottom:12px}
.footer_details .col h3 a{ color:#ab814c;}
.footer_details .col ul{ float:left; width:100%; list-style:none}
.footer_details .col ul li{float:left; width:100%; color:#82695a; font-size:15px; line-height:17px; padding-bottom:14px}
.footer_details .col ul li a{color:#82695a; text-decoration:none}
.footer_details .col ul li a:hover, .footer_details .col ul li.active a{ color:#ffffff}
#footer p{ display:inline-block; padding:11px 0 0 38px; font-size:15px; line-height:17px; color:#695448}

.voegtoe h3{ float:left; color:#322721; font-size:24px; line-height:28px; padding:4px 0 22px 0px; width: 420px;}
.voegtoe p{color:#322721; font-size:16px; line-height:20px; }


.voegtoe p .euro{font-family: Verdana, Geneva, sans-serif;}


#producttable {
	border-collapse:collapse;
	width: 450px;
	
		border: solid #332620 1px;
		
}
#producttable td {
	text-align: left;
	background-color: #EBDACF;
	vertical-align: top;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 4px;
	

}


#producttable tr.off td {
	text-align: left;
	background-color: #E4CFC0;
	vertical-align: top;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: px;
}
#producttable tr.off td input[type="radio"]{
margin-left: 3px;
}


#producttable th {
	text-align: left;
	background-color: #332620;
	color: white;
	vertical-align: top;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 4px;
	border-bottom: 1px #332620 solid;

}
#producttable th p{
color: white;	
padding-bottom: 0px;
}

#producttable td p, #producttable td, #producttable th p, #producttable th  {
font-size: 13px;	
}
#producttable td img {
	clear: both;
	float: none;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#producttable td h3 {
	font-size: 12px;
	line-height: 12px;
}
#producttable td p a {
	font-weight: bold;
	text-decoration: none;
}


img.myClass{
	  opacity:.5;
  filter:alpha(opacity=5);
  -webkit-transition: opacity 0.2s linear;
	  -moz-transition: opacity 0.2s linear;
	  -o-transition: opacity 0.2s linear;
	  transition: opacity 0.2s linear;
		  z-index: 1000;
  }
  
  img.myClass:hover{
	  opacity:1;
  filter:alpha(opacity=100);
  -webkit-transition: opacity 0.1s linear;
	  -moz-transition: opacity 0.1s linear;
	  -o-transition: opacity 0.1s linear;
	  transition: opacity 0.1s linear;
		  z-index: 1000;
  }



























ul{
	margin:0;
	padding:0;
}

ul.container{
	/* The topmost UL */
	width:450px;
	margin-top: -5px;
}

li{
	list-style:none;
	text-align:left;
}

li.menu{
	/* The main list elements */
	padding:5px 0;
	width:100%;
}

li.button a{
	/* The section titles */
	display:block;
	font-size:13px;
	height:20px;
	overflow:hidden;
	padding:5px;
	position:relative;
	width:436px;
	background-color: #332620;

	color: white;
	vertical-align: top;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 8px;
	border: 1px #332620 solid;
}

li.button a.green{
background-color: #272C6D;
margin-bottom: 5px;
}

li.button a:hover{
	/* Removing the inherited underline from the titles */
	text-decoration:none;
}

li.button a span{
	/* This span acts as the right part of the section's background */
	height:25px;
	position:absolute;
	right:0;
	top:0;
	width:4px;
	display:block;
}

/* Setting up different styles for each section color */


/* The hover effects */

li.button a:hover{ background-position:bottom left;}
li.button a:hover span{ background-position:bottom right;}

.dropdown{
	/* The expandable lists */
	display:none;
	width:100%;
	height: auto;
}

.dropdown li{
	/* Each element in the expandable list */
	background-color:#373128;
	border:1px solid #40392C;
	color:#CCCCCC;
	margin:5px 0;
	padding:4px 18px;
}
.shadow{
width: 14px;
height: 639px;
float: left;
background-image:url(../images/shadow.png);
margin-top: 25px;
margin-left: 10px;
background-repeat:no-repeat;
}

input[type="submit"], input[type="button"]  {
	font-size: 12px;
	color: white;
	display: block;
	border: 1px solid #CCC;
	background-color: #29201B;
	margin-top: 5px;

	padding: 5px;
	padding-left: 38px;
	padding-right: 15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 10px;
	background-repeat:no-repeat;
	background-position: 0px 5px;
	background-image: url(../images/bean.png); /* fallback */
	background-image: url(../images/bean.png), linear-gradient(bottom, rgb(95,74,63) 0%, rgb(41,32,27) 63%);
	background-image: url(../images/bean.png), -o-linear-gradient(bottom, rgb(95,74,63) 0%, rgb(41,32,27) 63%);
	background-image: url(../images/bean.png), -moz-linear-gradient(bottom, rgb(95,74,63) 0%, rgb(41,32,27) 63%);
	background-image: url(../images/bean.png), -webkit-linear-gradient(bottom, rgb(95,74,63) 0%, rgb(41,32,27) 63%);
	background-image: url(../images/bean.png), -ms-linear-gradient(bottom, rgb(95,74,63) 0%, rgb(41,32,27) 63%);
	background-image: url(../images/bean.png), -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(95,74,63)),
	color-stop(0.63, rgb(41,32,27))
);
	clear: both;
	float: none;
	cursor:pointer;
}
input[type="text"], input[type="password"], textarea {
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 1px 1px 5px #CCCCCC inset;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 18px;
    padding: 3px 3px 3px 10px;
    position: relative;
    width: 230px;
    z-index: 9999;
	margin: 2px;
	font-size: 14px;
}
input[type="text"].cart{
width: 16px;
padding-left: 2px;
height: 14px;
font-size: 14px;
font-size: 11px;
border-radius: 3px;
}
input[type="text"].aanmeld, input[type="password"].aanmeld{
width: 190px;
padding-left: 2px;
height: 14px;
font-size: 12px;
font-size: 11px;
border-radius: 3px;
}
textarea{
	
	height: 55px;
	width: 300px;
}
a.back{
font-size: 16px;
margin-bottom: 10px;
color: #392D26;
text-decoration: underline;
}
.left_content a{color: #332620; text-decoration: underline;}

.beloftes img{
	
	border-radius: 4px;
    box-shadow: 1px 1px 5px #999 inset;
	-moz-box-shadow:0 0 6px 2px #999 ;-webkit-box-shadow:0 0 6px 2px #999 ; box-shadow:0 0 6px 2px #999 ;
	margin: 5px;
}
  #infoWindow {
    width: 250px;
	height:100px;
}
.ifr{
	
	border-radius: 4px;
    box-shadow: 1px 1px 5px #999 inset;
	-moz-box-shadow:0 0 6px 2px #999 ;-webkit-box-shadow:0 0 6px 2px #999 ; box-shadow:0 0 6px 2px #999 ;
	margin: 5px;
}


.beloftes h3{
font-size: 17px;	
padding-top: 4px;
padding-bottom: 8px;
line-height: 18px;
}
.beloftes p{
	font-size: 12px;	
}
.beloftes p a{
color: #036;	
}



/***********************************************************************
  jQuery Coda-Slider v3.0 - kevinbatdorf.github.com/codaslider
  Copyright (c) 2012 Kevin Batdorf
  This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
************************************************************************/
/********************************************
SASS stylesheet.

No idea what CSS preprocessing is all about? No problem... just use the style.css file instead.
If you want to learn more, check out this article by Chris Coyier

css-tricks.com/musings-on-preprocessing/

********************************************/

.coda-slider-wrapper {
  /*******************************************************
  *
  * Most common stuff you'll need to change 
  * will be below this line.
  *
  ********************************************************/
  /******************************************************
  * 
  * Main wrapper padding 
  *
  *******************************************************/
  padding: 20px 0; 
}
  
  .coda-slider-wrapper .coda-slider {
    /******************************************************
    * 
    * Inner wrapper styles 
    *
    *******************************************************/
    background: #f2f2f2;
    /******************************************************
    * 
    * Width of the container. Typically you will want to 
    * match this with the width of the panel as well. 
    *
    *******************************************************/
    width: 430px; 
  }
    
    .coda-slider-wrapper .coda-slider .panel {
      /******************************************************
      * 
      * Width of each individual panel. 
      * Typically you will want to match this with the width 
      * of the container as well. 
      *
      *******************************************************/
    width: 430px; 
    }
      
      .coda-slider-wrapper .coda-slider .panel .panel-wrapper {
        /******************************************************
        * 
        * Panel wrapper styles 
        *
        *******************************************************/
        padding: 20px; 
      }
  
  .coda-slider-wrapper .coda-nav {
    /******************************************************
    * 
    * Tab styles 
    *
    *******************************************************/ 
  }
    
    .coda-slider-wrapper .coda-nav .current {
      /******************************************************
      * 
      * Current tab styles 
      *
      *******************************************************/
      background: #0090FF; 
    }
    
    .coda-slider-wrapper .coda-nav a {
      /******************************************************
      * 
      * Tab styles 
      *
      *******************************************************/
      background: #322721;
      color: #fff;
      margin-right: 1px;
      padding: 3px 6px; 
    }
    
    .coda-slider-wrapper .coda-nav a:hover {
      /******************************************************
      * 
      * Tab styles 
      *
      *******************************************************/
      background: #322721;
      color: #fff;
      text-shadow: none; 
    }
  
  .coda-slider-wrapper .coda-nav-left, .coda-slider-wrapper .coda-nav-right {
    /******************************************************
    * 
    * Arrow Styles 
    *
    *******************************************************/ 
  }
    
    .coda-slider-wrapper .coda-nav-left a, .coda-slider-wrapper .coda-nav-right a {
      /******************************************************
      * 
      * Arrow Styles 
      *
      *******************************************************/
      background: #322721;
      color: #fff;
      padding: 5px;
      width: 10px; 
    }
  
  .coda-slider-wrapper .coda-nav-left-arrow {
    /******************************************************
    * 
    * Graphical arrow styles 
    *
    *******************************************************/
    width: 10px;
    height: 10px;
    background: url(../img/arrow.png) no-repeat top left; 
    margin-top:50px;
  }

.coda-slider-wrapper .coda-nav-left-arrow a {
    /******************************************************
    * 
    * Graphical arrow styles 
    *
    *******************************************************/
    width: 0;
    height: 0;
    border:none;
  }

  .coda-slider-wrapper .coda-nav-left-arrow:hover {
    /************************************************
    * 
    * Graphical arrows hover left
    *
    *************************************************/
    background: url(../img/arrow.png) no-repeat bottom left; 
  }
  
  .coda-slider-wrapper .coda-nav-right-arrow {
    /******************************************************
    * 
    * Graphical arrow styles 
    *
    *******************************************************/
    width: 25px;
    height: 25px;
    background: url(../img/arrow.png) no-repeat top right; 
    margin-top:50px;
  }
.coda-slider-wrapper .coda-nav-right-arrow a {
    /******************************************************
    * 
    * Graphical arrow styles 
    *
    *******************************************************/
    width: 0;
    height: 0;
    background: none; 
    margin-top:0;
    border:none;
  }

  .coda-slider-wrapper .coda-nav-right-arrow:hover {
    /************************************************
    * 
    * Graphical arrows hover right
    *
    *************************************************/
    background: url(../img/arrow.png) no-repeat bottom right; 
  }

  .coda-slider-wrapper .coda-nav-left-arrow:active, .coda-slider-wrapper .coda-nav-right-arrow:active {
    /************************************************
    * 
    * Graphical arrows active
    *
    *************************************************/
    margin-top: 55px; 
  }
  
  .coda-slider-wrapper .loading {
    /******************************************************
    * 
    * Style for preloader 
    *
    *******************************************************/
    height: 100%;
    padding: 20px;
    text-align: center; 
  }

  


.arrows .coda-slider {
  /******************************************************
  * 
  * Margin between slider and arrows 
  *
  *******************************************************/
  margin: 0 10px; 
}

/**********************************************************************
*
* Don't change anything below here unless you know what you're doing 
*
***********************************************************************/

.coda-slider-wrapper {
  /************************************************
  * 
  * Wrapper styles 
  *
  *************************************************/
  clear: both;
  overflow: auto; 
}
  
  .coda-slider-wrapper .coda-slider {
    /************************************************
    * 
    * slider styles 
    *
    *************************************************/
    float: left;
    overflow: hidden;
    position: relative; 
  }
    
    .coda-slider-wrapper .coda-slider .panel-container {
      /************************************************
      * 
      * Panel container styles 
      *
      *************************************************/
      position: relative; 
    }
      
      .coda-slider-wrapper .coda-slider .panel-container .panel {
        /************************************************
        * 
        * Panel styles 
        *
        *************************************************/
        display: block;
        float: left; 
      }
  
  .coda-slider-wrapper .coda-nav {
    /************************************************
    * 
    * Navigation tabs 
    *
    *************************************************/ 
  }
    
    .coda-slider-wrapper .coda-nav ul {
      /************************************************
      * 
      * Navigation tabs 
      *
      *************************************************/
      clear: both;
      display: block;
      margin: auto;
      overflow: hidden; 
    }
      
      .coda-slider-wrapper .coda-nav ul li {
        /************************************************
        * 
        * Navigation tabs 
        *
        *************************************************/
        display: inline; 
      }
        
        .coda-slider-wrapper .coda-nav ul li a {
          /************************************************
          * 
          * Navigation tabs 
          *
          *************************************************/
          display: block;
          float: left;
          text-decoration: none; 
        }
  
  .coda-slider-wrapper .coda-nav-left-arrow, .coda-slider-wrapper .coda-nav-right-arrow {
    /************************************************
    * 
    * Graphical arrows 
    *
    *************************************************/
    cursor: pointer;
    float: left;
  }
    
    .coda-slider-wrapper .coda-nav-left-arrow a, .coda-slider-wrapper .coda-nav-right-arrow a {
      /************************************************
      * 
      * Graphical arrows 
      *
      *************************************************/
      display: block; 
    }
  
  .coda-slider-wrapper .coda-nav-left, .coda-slider-wrapper .coda-nav-right {
    /************************************************
    * 
    * Html arrows 
    *
    *************************************************/
    float: left; 
  }
    
    .coda-slider-wrapper .coda-nav-left a, .coda-slider-wrapper .coda-nav-right a {
      /************************************************
      * 
      * Html arrow styles 
      *
      *************************************************/
      display: block;
      text-align: center;
      text-decoration: none; 
    }
  
  .coda-slider-wrapper .coda-nav-left, .coda-slider-wrapper .coda-nav-left-arrow {
    /************************************************
    * 
    * Html and graphical arrow styles 
    *
    *************************************************/
    clear: both; 
  }
  .blatekst{
	height: 90px;
	color: white;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 13px;
  }
  .promo img{
	background-color:#F3EFED;
	border-radius: 15px 15px 15px 15px;
	padding: 13px;
  }
  
    .promo img.noborder{
		background: none;
	border-radius: none;
	padding: 0px;
  }
  
  .promo td{
	color: white;  
  }
  
  
  
  




/*inner_container starts*/
.inner_container{ float:left; width:100%; margin:3px 0 0 0}
.inner_right_header{ float:right; padding: 0 0 61px;margin: 10px 0 0;}
.header_right .icon_sec{ float:left; width:49px;margin: 0 23px 0 0;}
.header_right small{ float:right; font-size:14px; line-height:24px; color:#fff; width:355px}

.slider_bg{ float:left; width:100%; }
.slider_outer_container{position:relative; float:left; height:167px; overflow:hidden; margin-left: 0px; text-align:center; }
.slider_container{ position:relative; float:left; width:100%; height:167px; overflow:hidden; margin-left: -1072px; }
.slider1{ float:left; width:100%; position:relative;height:167px; overflow:hidden; }
.slide_img{ float:left; width:100%;  margin: 0 0 0 2px;}
.slide_img img{ float:left}

.slide_content{ position:absolute; top:0; left:0}
.brown{ position:absolute; left:72px; top:27px; color:#211515;  font-size:30px; line-height:34px;font-family: 'impact_labelregular';}
.right_slide_content{ position:absolute; right:59px; bottom:10px;}
.yellow{ font-size:23px; line-height:30px;font-family: 'impact_labelregular'; color:#fbaf03; background:#412a15 ;box-shadow: 2px 3px 4px #000000;behavior: url(PIE.htc); position:relative;}
.white{font-size:23px; line-height:30px;font-family: 'impact_labelregular'; color:#fff; background:#412a15;box-shadow: 2px 3px 4px #000000;behavior: url(PIE.htc); position:relative;}
.slider_left_arrow{ float: left;
    position: relative; z-index:99; margin-left: 36px;}
.slider_right_arrow{ float: right;
    position: relative; z-index:99; margin-right: 36px;}


.top_col{ float:left; width:100%; margin:20px 0 0 2px}
.top_col_left{ float:left; width:362px;}
.square_one{ float:left; width:100%; background:#bd7e57; border:solid 1px #906245; padding:19px 0 16px 26px}
.square_one h3{ background:#bd7e57; color:#211515; font-size:23px; font-family: 'impact_labelregular'; line-height:31px}
.square_one h3.rotate{ font-size:20px; padding:0 0 22px 0;margin: 0 0 0 143px;transform:rotate(-3deg);
-ms-transform:rotate(-3deg); /* IE 9 */
-webkit-transform:rotate(-3deg); /* Safari and Chrome */}
.square_one ol{ float:left; width:1%; padding: 0 0 0 35px;}
.square_one ol li{ float:left; width:100%; font-family: 'impact_labelregular'; font-size:23px; margin: 0 0 2px; color:#211515}
.square_one ul{ float:left; width:80%; list-style:none}
.square_one ul li{ float:left; width:100%; font-size:16px; line-height:26px; color:#211515;font-family: "MyriadPro-Regular";}
.btn1{ float:right; color:#fff; font-size:23px;font-family: 'impact_labelregular'; background:#3b281c; margin:20px 15px 0 0; box-shadow:0 4px 6px #000; line-height:27px;behavior: url(PIE.htc); position:relative;}

.square_three{ float:left; width:100%; position:relative; margin:24px 0 0 0}
.square_three h3{ position:absolute; top:152px; left:120px;font-family: 'impact_labelregular';color:#211515; background:#a3c0de; font-size:23px; width: 263px; line-height:36px;}
.square_three h3 a{ color:#211515}
.square_three h3.rotate_two{  font-size: 20px; top:122px; left:67px; line-height:23px;transform:rotate(-3deg);
-ms-transform:rotate(-3deg); /* IE 9 */
-webkit-transform:rotate(-3deg); /* Safari and Chrome */ }

.top_col_right{ float:right; width:655px; }
.square_two{ float:left; width:633px; margin:0 0 0 -10px; padding:19px 0 0 22px ;border:solid 1px #b99274; background:#eebd95}
.square_two h3{ color:#211515; font-size:23px; padding:0 0 20px 0; line-height:25px; background:#eebd95;font-family: 'impact_labelregular';}
.square_two p{ font-size:16px; line-height:20px; color:#211515; padding:0 0 18px 0;font-family: "MyriadPro-Regular"; }
.square_two .product_list{ float:left; width:420px; list-style:none}
.square_two .product_list li{ float:left;}
.square_two .product_list li a{ float:left}
.square_two .product_list li a img{ float:left}
.square_two .right_text{ float:left; width: 170px;margin: 32px 0 0 35px;}
.square_two .right_text small{ font-size:24px;font-family: 'impact_label_reversedregular'; line-height:24px; line-height:44px}
.square_two .right_text a{font-family: 'impact_labelregular'; color:#fff; font-size:23px; box-shadow:0 2px 3px #000; background:#413328;behavior: url(PIE.htc); position:relative;}

.square_four{ float:left; width:298px; padding:22px 0 105px 18px; min-height:188px; margin:15px 0 0 -9px; background:#fceacf url(../images/square_four_bg.jpg) no-repeat right bottom; border:solid 1px #ad9c88}
.square_four h3{ font-size:23px; line-height:23px; color:#211515;font-family: 'impact_labelregular'; padding:0 0 26px 0}
.square_four p{font-size:16px; line-height:20px; color:#211515; padding:0 0 18px 0;font-family: "MyriadPro-Regular";}

.square_five{ float:right; width:298px; margin:15px 8px 0 0; padding:17px 0 6px 19px; border:solid 1px #627948; background:#82b165}
.square_five h3{ font-size:23px; color:#211515; line-height:23px;font-family: 'impact_labelregular';}
.square_five h3.rotate_five{font-size: 20px; line-height:34px; padding:0 0 30px 0; margin:0 0 0 117px ;transform:rotate(-3deg);
-ms-transform:rotate(-3deg); /* IE 9 */
-webkit-transform:rotate(-3deg); /* Safari and Chrome */ }
.square_five p{font-size:16px; line-height:20px; color:#211515; padding:0 0 16px 6px;font-family: "MyriadPro-Regular";}
.btn5{ float:left;  margin: 14px 0 0 6px; color:#fff; background:#212d1a; font-size:23px; line-height:27px; box-shadow:0 4px 5px #000;font-family: 'impact_labelregular';behavior: url(PIE.htc); position:relative;}
.organic_logo{ float:right;  margin: -28px 6px 0 0;}

.square_six{ float:left; width:100%; position:relative; z-index:10; margin:20px 0 0 2px}
.square_six img{ float:left;}
.btn6{ position:absolute; font-size:23px; color:#fff; background:#010005; line-height:23px;font-family: 'impact_labelregular'; bottom:18px; right:20px}

.middle_col{ float:left; width:100%; margin:22px 0 0 0}
.middle_col_left{ float:left; width:598px;}
.square_seven_inner{ float:left; width:255px}
.square_seven{ float:left; padding:16px 0 21px 160px; width:438px; background:#f6f6f4 url(../images/square_seven_bg.png) no-repeat 0 0}
.square_seven h3{ font-size:23px; line-height:23px; background:#f6f6f4; color:#211515;font-family: 'impact_labelregular';}
.square_seven p{font-size:16px; line-height:20px; margin:27px 0 0 0; color:#211515; padding:0 0 16px 0;font-family: "MyriadPro-Regular";}
.btn7{float:right; color:#fff; font-size:23px;font-family: 'impact_labelregular'; background:#3b281c; box-shadow:0 4px 6px #000; line-height:27px;behavior: url(PIE.htc); position:relative;margin: 0 8px 0 0;}

.square_eight_outer{ float:left; position:relative; margin:24px 0 0 0; width:100%;height:214px; overflow:hidden;}
.slide_box{ float:left; width:100%; height:214px; overflow:hidden}
.square_eight{ float:left;  position:relative}
.square_eight_inner{ z-index:9; position:absolute; left:229px; top:13px; width:144px;}
.square_eight_inner h3{ color:#211515; text-align:center; font-size:23px; line-height:30px;font-family: 'impact_labelregular';}
.text1{ font-size:19px; background:#585858;font-family: 'impact_labelregular'; line-height:23px; box-shadow:0 3px 4px #000; color:#fff;margin: 36px 0 0; float:left;behavior: url(PIE.htc); position:relative;}
.prev_next{ position:absolute; top:105px; left:230px;font-size:23px; background:#585858;font-family: 'impact_labelregular'; line-height:29px; box-shadow:0 3px 4px #000; color:#fff; z-index:99;behavior: url(PIE.htc);}
.prev_next a{font-family: 'impact_labelregular'; line-height:29px; color:#fff;}

.middle_col_right{ float:right; width:448px; }
.square_nine{ float:left; width:100%; position:relative; margin: 0 0 0 -9px;}
.slide_box9{ float:left; width:448px; height:448px; overflow:hidden}
.slide_img_box{ float:left; height:448px;}
.prev9{ position:absolute; top:-8px; left:200px; z-index:99}
.next9{ position:absolute; bottom:-14px; left:200px; z-index:99}


.square_ten{ float:left; width:100%; position:relative;    margin: 0 0 0 1px;}
.square_ten img{ float:left; margin:19px 0 0 0 }
.ten_text{ position:absolute; width:365px; right:21px; bottom:15px;}
.ten_text h3{ font-size:23px;  color:#fff; text-align:center; line-height:32px;font-family: 'impact_labelregular';}
.ten_text h3.rotate_ten{color:#211515;  line-height:43px; float:left;font-family: 'impact_labelregular'; transform:rotate(-3deg);
-ms-transform:rotate(-3deg); /* IE 9 */
-webkit-transform:rotate(-3deg); /* Safari and Chrome */}
.ten_text a.btn10{ clear:both;font-size:30px;  color:#fff; line-height:30px; text-align:center;font-family: 'impact_labelregular'; display:block;}

.green{ float:left; width:100%; background:url(../images/green_bg_cb.png) no-repeat 0 0;}
.violet{ float:left; width:100%; background:url(../images/violet_bg.png) no-repeat 0 0;}
.dark_pink{ float:left; width:100%; background:url(../images/dark_pink_bg.png) no-repeat 0 0}
.common_box1{ float:left; width:318px; min-height:327px; padding:22px 0 0 24px; margin:19px 18px 0 0; position:relative}
.common_box1.first{ margin:19px 18px 0 4px}
.common_box1.last{ margin:19px 0 0 0}
.common_box1 h3{ float:left; width:160px; color:#fff;font-family: 'impact_labelregular'; font-size:23px; line-height:23px}
.common_box1 h3 span{font-family: 'helveticaregular'; text-transform:lowercase; text-shadow:0 4px 2px #000;margin: 0 0 0 5px;}
.product_rating{ float:right; width:95px; list-style:none; margin:9px 25px 0 0 }
.product_rating li{ float:left; margin:0 3px 0 0}
.product_rating li a{ float:left; width:14px; height:14px; background:url(../images/rating_sprite.png) no-repeat 0 0}
.product_rating li a:hover{ background:url(../images/rating_sprite.png) no-repeat 0 -14px}
.product_rating li.active a{ background:url(../images/rating_sprite.png) no-repeat 0 -14px}
.common_box1 p{font-size:16px; line-height:20px; margin:27px 0 0 0; color:#fff; padding:20px 0 16px 0;font-family: "MyriadPro-Regular";}
.order_btn{ color:#fff; position:absolute; bottom:-10px; right:7px; font-size:30px; line-height:32px;font-family: 'impact_labelregular'; box-shadow:0 3px 4px #000;behavior: url(PIE.htc);}
.order_btn.last{ bottom:10px}
.order_box{ float:left; position:relative; width:100%}
.green_product{ float:right; position:relative; margin: 0 30px 0 0; top: -9px;}
.green_product.last{ top:-29px}
.hand_width_coffee{ position:absolute; bottom:-177px; left:38px}



@media screen and (-webkit-min-device-pixel-ratio:0) {
   .square_one ol li{margin: 0 0 16px;} /* Webkit-specific CSS here */
}

.btn6 {
      right: 35px \0/; /* IE8+9  */
}

.square_one ol li{
	margin:0 0 14px 0 \0/;
}


/*inner_container ends*/














#carousel img {
display: block;
float: left;
}
#prev, #next {
	cursor: pointer;

}
#prev:hover, #next:hover {
}
#prev {
}
#next {
}
#pager {
margin-left: -470px;
position: absolute;
left: 50%;
bottom: 10px;
}
#pager a {
border: 2px solid #fff;
border-radius: 10px;
display: inline-block;
width: 10px;
height: 10px;
margin: 0 5px 0 0;
}
#pager a:hover {
}
#pager a span {
display: none;
}
#pager a.selected {
background-color: #fff;
}