/* Algemeen */
.tdEspressoAutomaat
{
    background-color:#ADA388;
    Width:350px;
}

body {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height: 100%;
}

body, td, div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

img {
	border: none;
}

input.text, textarea, select
{
    background: #FFFFFF url(../App_Images/Global/bgInputTxt.gif) no-repeat 0px 0px;
    border: 1px solid black;
}

.textMultiline
{
	background: #FFFFFF url(../App_Images/Global/bgInputTxt2.gif) no-repeat 0px 0px;
    border: 1px solid black;
    font-family: Arial, Verdana, MS Sans Serif;
    font-size: 12px;
}

p 
{
    margin: 7px 0px 7px 0px;
}

a
{	
	cursor: pointer;
	color: #000000;
}

/* Heading */

h1, h2, h3, h4, h5, h6, .ti {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
}

h1, .ti {
	font-size: 18px;
	margin: 10px 0px 2px 0px;
}

h2 {
	font-size: 16px;
	margin: 5px 0px 2px 0px;
}

h3, .ti3 {
	font-size: 14px;
	margin: 3px 0px 2px 0px;
}

h4, h5, h6 {
	margin: 3px 0px 3px 0px;
	font-size: 12px;
}

.tix {
	margin: 3px 0px 2px 0px;
}

/* Form */

form 
{
   	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.frm
{
	width: 695px;
}

.frm td {
	vertical-align: middle;
	padding: 0px 3px 8px 0px;
}

.frm .space {
	width: 60px;
}

.frm input.text, .frm select {
	width: 180px;
}

.frm .e {
	padding-bottom: 1px;
}

.SLMessage
{
	color: #FF0000;
}

.frmsmaller input.text, .frmsmaller textarea, .frmsmaller select  {
	width: 160px;
}

textarea.remarks 
{
	font-family: Arial, Verdana;
	font-size: 12px;
    width: 300px;
    height: 130px;
}

/* Layout */

.tMainContent
{
	width: 710px;
}

#all {
	width: 100%;
	height: 100%;
	position: absolute;
}

#site {
	width: 100%;
	height: 100%;
}

#shLeft {
	background: url(../App_Images/Global/bgLeft.gif) repeat-y right;
}

#shRight {
	background: url(../App_Images/Global/bgRight.gif) repeat-y left;
}

#shTheeLeft 
{
	background: url(../App_Images/Global/theeShLeft.gif) repeat-y right;
}

#shTheeRight
{
	background: url(../App_Images/Global/theeShRight.gif) repeat-y left;
}

#shMid {
	width: 959px;
	vertical-align: top;
}

/* Delete this style 
div, td {
	border: 1px solid red;
}
 Delete this style */

#frame, #inFrame
{
	vertical-align:top;
	width: 100%;
    height: 100%;
}

#dIncontent
{
	width: 722px;
	height:100%;
	vertical-align:top;
}

#header 
{
    height: 237px;
    vertical-align: top;
}

#headerhome 
{
    height: 30px;
    vertical-align: top;
}

#content 
{
	background-color: #FFFFFF;
    vertical-align: top;
    height: 100%;
}

.inContent 
{
	width: 710px;
	padding-left: 8px;
}

.inContentNone
{
	width: 718px;
	height: 100%;
	padding-left: 0px;	
}

.introtxt 
{
    padding: 0px 20px 20px 10px;
}

#menu 
{
	width: 241px;
    vertical-align: top;
    text-align: center;
}

#inHeader 
{
    width: 100%;
}

#topmenu .mnuBtn 
{
    height: 30px;
    vertical-align: middle;
    padding: 0px 0px 0px 28px;
    background-image: url(../App_Images/Global/blWhite.gif);
    background-position: 20px 50%;
    background-repeat: no-repeat;
}

#topmenu .mnuBtn a:link, #topmenu .mnuBtn a:hover, #topmenu .mnuBtn a:visited, #topmenu .mnuBtn a:active 
{
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

.topMenuBtn
{
	color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

.topMenuBtn:link, .topMenuBtn:hover, .topMenuBtn:active, .topMenuBtn:visited
{
	color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

#topmenu .split
{
    width: 100%;
}

.languages
{
    padding-left: 20px;
}

.sites
{
	width: 91px;
}

.sites a 
{
    float: left;
}

.languages img 
{
    float: left;
    margin: 0px 5px 0px 5px;
    width: 23px;
    height: 12px;
}

.languages .on 
{
      border: 1px solid white;
}

.languages .off
{
      border: 1px solid #6A8B7D;
}

.headerContainer 
{
    overflow: hidden;
}

#logo 
{
    width: 241px;
    height: 102px;
    margin: -105px 0px 0px 0px;
    position: relative;
}

#logo[align=center] 
{
    margin-right: 3px;
}

#header input, #header select 
{
    width: 100px;
}

.lbBlack, .lbWhite, .lbBlackInv
{
    padding: 0px 0px 0px 8px;
    background-position: 0px 50%; 
    background-repeat: no-repeat;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    
}

#MoreInfo
{
	padding: 0px 0px 0px 8px;
    background-position: 0px 50%; 
    background-repeat: no-repeat;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    background-image: url(../App_Images/Global/blBlack.gif);
    color: #000000;
}

.lbBlack 
{
    background-image: url(../App_Images/Global/blBlack.gif);
    color: #000000;
}
.lbWhite 
{
    background-image: url(../App_Images/Global/blWhite.gif);
    color: #FFFFFF;
}

.lbBlackInv
{
    padding: 0px 8px 0px 0px;
    background-position: 100% 50%;
    background-image: url(../App_Images/Global/blBlack.gif);
    color: #000000;
}

.lbSmall 
{
    font-size: 12px;
    text-transform: none;
    font-weight: normal;
}

.lbMed 
{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}
.paging 
{
    padding: 15px 10px 10px 10px;
    text-align: center;
}

.paging a:link, .paging a:hover,.paging a:visited,.paging a:active
{
    color: #000000;
    text-decoration: none;
}

.headercontrols .split .left, .headercontrols .split .right
{
    vertical-align: top;
}

.headercontrols .split .left
{
    padding-right: 0px;
    padding-bottom: 0px;
    width: 160px;
}

.headercontrols .split .right
{
	width: 160px;
    border-left: 1px solid #FFFFFF;
    padding: 0px 0px 0px 5px;
}

.headercontrols h3, .headercontrols td, .headercontrols, .headercart a, .headercart a:link, .headercontrols .headercart a:visited, .headercontrols .headercart a:hover, .headercontrols .headercart a:active
{
    color: #FFFFFF;
    text-decoration: none;
}

.headercontrols h3 
{
    margin-top: 0px;
}

.headercontrols .toplinks 
{
    height: 165px;
}

.headercontrols .toplinks .header
{
    height: 55px;
    vertical-align: top;
}

.headercontrols .toplinks .links
{
    vertical-align: top;
    font-weight: bold;
}


.headercontrols .split 
{
    width: 100%;
    height: 160px;
    margin: 5px 0px 5px 0px;
}

.headercontrols .label 
{
    padding: 3px 0px 0px 0px;
}

.headercontrols .btInloggen 
{
    padding-top: 5px;
}

.headercontrols .btOverig 
{
    padding-top: 0px;
}

.headercontrols .headercart 
{
    width: 160px;
    height: 105px;
}

.headercontrols .headercart .name 
{
    height: 17px;
    width: 100px;
}

.headercontrols .headercart .price
{
   text-align: right;
   padding-right: 5px;
}

.headercontrols .headercart .price span
{
   float:left;
   padding-left: 3px;
}

.headercontrols .headercart .line
{
    border-bottom: 1px solid #FFFFFF;
    padding-right: 0px;
}

.headercontrols .headercart .totaal
{
    height: 20px;
}

.headercontrols .headercart .naar
{
     width: 160px
}

.divgroupheader
{
	padding-top: 7px;
}

.groupheader
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-transform:uppercase;
}

#breadcrumb 
{
    width: 100%;
    padding-left: 8px;
    height: 20px;
}

#breadcrumb td, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active 
{
    color: #FFFFFF;
    text-decoration: none;
}
#breadcrumb a:hover 
{
    text-decoration: underline;
}

.breadcrumbtail
{
	color: #ffffff;
	text-decoration: none;
}

.breadtail a:hover
{
	text-decoration: none;
}

.menuBlock 
{
    width: 200px;
    margin-top: 20px;
    padding: 2px 2px 2px 2px;
}

.menuBlock td
{
    color: #898987;
}

.menuBlock h3
{
    margin-top: 10px;
}

.locatieZoeken
{
	text-align:left;
}

.locatieZoeken .postcode1
{
    width: 60px;
}

.locatieZoeken .postcode2
{
    width: 30px;
}

.infoLinks
{
	text-align:left;
}

.home 
{
	width: 710px;
    height: 100%;
}

.home .homeLeft, .home .homeRight
{
    vertical-align: top;
}

.home .homeLeft
{
    
    padding: 0px 0px 0px 5px;
}

.home .homeRight
{
    padding-left: 0px;
    background-color: #FCFBF9;
    width: 316px;
}
.theewijzer 
{
    width: 100%;
}

.theewijzer .wijzerLeft
{
    width: 50%;
    vertical-align: top;
    color: #838383;    
    padding: 3px 3px 3px 5px;
}

.theewijzer .wijzerRight
{
	width: 50%;
    vertical-align: middle;
    color: #838383;    
    text-align:right;
}

.products 
{
    width: 100%;
}

.products .productsLeft, .products .productsRight
{
    width: 50%;
    vertical-align: top;
}

.products .productsLeft
{
    padding: 0px 10px 20px 10px;
}

.products .productsRight
{
    padding: 0px 10px 20px 10px;
}

.home .products .productsLeft
{
    padding-right: 5px;
}

.home .products .productsRight
{
    padding-left: 5px;
}

.product 
{
    width: 100%;
}

.product .img 
{
    width: 70px;
    vertical-align: top;
}

.product .txt
{
	padding-left: 4px;
	padding-right: 4px;
    vertical-align: top;
}

.product .txt div 
{
    font-size: 16px;
    font-weight: bold;
}

.product .txt div sup
{
    font-size: 11px;
    font-weight: normal;
}

.product .txt a:link, .product .txt a:hover, .product .txt a:visited, .product .txt a:active 
{
    color: #000000;
    text-decoration: none;
}

.product .txt div 
{
    margin-top: 10px;
}

/* Gift Related */

.giftproduct 
{
    width: 100%;
}

.giftproduct .img 
{
    width: 70px;
    vertical-align: top;
}

.giftproduct .txt
{
	padding-left: 4px;
	padding-right: 4px;
    vertical-align: top;
}

.giftproduct .txt div 
{
    font-size: 16px;
    font-weight: bold;
}

.giftproduct .txt div sup
{
    font-size: 11px;
    font-weight: normal;
}

.giftproduct .txt a:link, .giftproduct .txt a:hover, .giftproduct .txt a:visited, .giftproduct .txt a:active 
{
    color: #000000;
    text-decoration: none;
}

.giftproduct .txt div 
{
    margin-top: 10px;
}

.special .txt h3 a:link, .special .txt h3 a:hover, .special .txt h3 a:visited, .special .txt h3 a:active, .special .txt h3,
.special .txt div a:link, .special .txt div a:hover, .special .txt div a:visited, .special .txt div a:active, .special .txt div
{
    color: #ED6E00;
    text-decoration: none;
}

/* product kleuren */

.product table
{
    width:100%;
}

.product table td 
{
    width: 50%;
    padding: 5px 3px 0px 5px;
    vertical-align: top;
    text-align: left;
    font-weight: bold;
}

.product table td ul 
{
    list-style-type: square;
    margin: 0px 0px 0px 15px;
    padding: 0px 0px 0px 0px;
}

.toon 
{
    float: right;
    width: 316px;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 30px 0px;
}

.tooncontrols
{
	 padding: 5px 0px 5px 15px;
}

.toon h3, .toon label 
{
    color: #FFFFFF;
}

.dlTable
{
}

.productdetail 
{
    width: 100%;
}

.productdetail .left, .productdetail .mid
{
    vertical-align: top;
    width: 229px;
    padding: 0px 5px 10px 5px;
}

.espressomachinedetail .left
{
    vertical-align: top;
    width: 229px;
    padding: 0px 5px 0px 5px;
}

.espressomachinedetail .right
{
	vertical-align: top;
    padding: 0px 5px 0px 5px;
}

.productdetail .mid2
{
	vertical-align: top;
    width: 448px;
    padding: 0px 5px 10px 5px;
}

.productdetail .mid3
{
	vertical-align: top;
    padding: 0px 5px 0px 5px;
}

.productdetail .right 
{
	vertical-align: top;
    padding: 5px 10px 10px 10px;
    width: 219px;
}

.productdetail .second 
{
    width: 100%;
}

.productdetail .details 
{
    margin: -5px -5px 5px -5px;
    padding: 0px 5px 5px 5px;
}

.productdetail .details h1, .productdetail .details label
{
    font-weight: bold;
    font-size: 20px;
    color: #56400E;
}

.espressomachinesdetail .details 
{
    margin: -5px -5px 5px -5px;
    padding: 0px 5px 5px 5px;
}

.espressomachinesdetail .details h1, .espressomachinesdetail .details label
{
    font-weight: bold;
    font-size: 20px;
    color: #56400E;
}


.productdetail .details label 
{
    padding-left: 5px;
}

.productdetail .details table td 
{
    padding-top: 10px;
}

.productdetail .details label sup 
{
    font-weight: normal;
    font-size: 16px;
}

.productdetail .details .order, .orderbuttons .order
{
    margin: 20px 0px 20px 5px;
    padding: 4px 4px 4px 4px;
    width: 195px;
}

.productdetail .details .order select 
{
    width: 70px;
    margin: 0px 15px 0px 5px;
}

.productdetail .infolinks
{
    margin-top: 30px;
    line-height: 23px;
}

.productdetail .zetadvies .label
{
    font-weight: bold;
    padding-right: 5px;
}

.productdetail .herkomst h3
{
    color: #FFFFFF;
    margin: 10px 0px 5px 0px;
    font-size: 15px;
}

.productdetail .herkomst h4
{
    color: #FFFFFF;
    margin: 10px 0px 5px 0px;
}

.presentRBL
{
	width: 250px;
}

.orderbuttons 
{
    text-align: right;
    padding-right: 15px;
}

.obl 
{
    text-align: right;
}

.orderbuttons .order a
{
    font-size: 16px;
}

.orderbuttons .order
{
    width: auto;
    padding: 2px 5px 2px 5px;
}

.frm .orderbuttons 
{
    text-align: left;
}

.pricing
{
	vertical-align: middle;
	font-size:16px;	
}

#homeTable 
{
    width: 960px;
    margin-top: 15px;
}

#homeTable .l 
{
    padding-left: 10px;
}
#homeTable .r
{
    padding-right: 10px;
}

#homeTable .koffiebg, #homeTable .theebg, #homeTable .prods, #homeTable .news
{
    width: 462px;
    padding: 4px 4px 4px 4px;
}

#homeTable .koffiebg
{
    background-color: #5C4714;
}

#homeTable .theebg
{
    background-color: #858705;
}

#homeTable .prods 
{
    height: 190px;
    vertical-align: top;
    padding: 10px 0px 10px 0px;
}

#homeTable .prods h3 
{
    margin-bottom: 10px;
}

#homeTable .news
{
    background-color: #EEEEEE;
    vertical-align: top;
}

#homeTable h3 a:link, #homeTable h3 a:visited,#homeTable h3 a:hover,#homeTable h3 a:active,
#homeTable .news a:link, #homeTable .news a:visited,#homeTable .news a:hover,#homeTable .news a:active
{
    color: #000000;
    text-decoration: none;
}

#homeTable .prdslide 
{
    position: absolute;
    width: 230px;
}

#homeTable ul 
{
    margin: 0px 0px 0px 25px;
    padding: 0px 0px 0px 0px;
    list-style-type: square;
}

#homeTable ul li 
{
    font-size: 12pt;
    font-weight: bold;
    color: #FFFFFF;
    padding: 1px 0px 2px 0px;
}

#homeTable ul li a:link, #homeTable ul li a:hover, #homeTable ul li a:active, #homeTable ul li a:visited 
{
    color: #FFFFFF;
    text-transform: uppercase;   
    text-decoration: none;
}

.siteKoffieOff, .siteKoffieOn, .siteTheeOff, .siteTheeOn 
{
    height: 30px;
}

.siteKoffieOff
{
    width: 91px;
    background: url(../App_Images/Global/btSiteKoffieOff.gif) no-repeat 0px 0px;
}

.siteKoffieOn 
{
	width: 91px;
    background: url(../App_Images/Global/btSiteKoffieOn.gif) no-repeat 0px 0px;
}

.siteTheeOff 
{
    width: 77px;
    background: url(../App_Images/Global/btSiteTheeOff.gif) no-repeat 0px 0px;
}

.siteTheeOn 
{
    width: 77px;
    background: url(../App_Images/Global/btSiteTheeOn.gif) no-repeat 0px 0px;
}

.siteTheeOff .teaLink a:link, .siteTheeOff a:hover, .siteTheeOff a:visited, .siteTheeOff a:active
{
	width: 40px;
    color: White;
    text-decoration: none;
    padding: 5px 0px 5px 0px;
    font-weight: bold;
    text-transform: uppercase;
    color: #83a889;
}

.siteTheeOn a:link, .siteTheeOn a:hover, .siteTheeOn a:visited, .siteTheeOn a:active
{
    width: 40px;
    color: White;
    text-decoration: none;
    margin: 5px 0px 5px 0px;
    font-weight: bold;
    text-transform: uppercase;
    color: #EFEFC6;
}

.teaLinkOn
{
    width: 40px;
    color: White;
    text-decoration: none;
    margin: 5px 0px 5px 35px;
    font-weight: bold;
    text-transform: uppercase;
}

.teaLinkOff
{
    width: 40px;
    text-decoration: none;
    margin: 5px 0px 5px 35px;
    font-weight: bold;
    text-transform: uppercase;
    color: #426118;
}

.siteKoffieOff a, .siteKoffieOff a:link, .siteKoffieOff a:hover, .siteKoffieOff a:visited, .siteKoffieOff a:active
{
    width: 50px;
    color: White;
    text-decoration: none;
    padding: 5px 0px 5px 0px;
    font-weight: bold;
    text-transform: uppercase;
    color: #426118;
}

.siteKoffieOn a:link, .siteKoffieOn a:hover, .siteKoffieOn a:visited, .siteKoffieOn a:active
{
	width: 50px;
    color: White;
    text-decoration: none;
    margin: 5px 0px 5px 0px;
    font-weight: bold;
    text-transform: uppercase;
    color: #EFEFC6;
}
.preloader-newsletter
{
	position:absolute;
	top:0px;
	left: 0px;
	padding-top:10px;
	width:240px;
	height:70px;
	background-color:#f7f5ec;
	opacity:.90;
	filter:alpha(opacity=90);
}