/*
algemeen
*/

html{
  padding:0; margin:0; border:0;
}

body.nl{
  padding:0; margin:0; border:0;
  background-color:#412919;
  color:#d2ac5c;
  font-family:Verdana;
  font-size:12px;
}

#site{
  width:1000px;
  margin:0px auto;
  position:relative;
} /*
 *  categoryNav
 */

div.categoryNav {
  clear: both;
  padding: 20px 0 20px 0;
  height: 125px;
}

div.categoryNav h2 {
  float: left;
}

div.categoryNav ul {
  list-style-type: none; list-style-image: none;
  margin: 0; padding: 0 0 0 30px;
}

div.categoryNav ul li {
  float: left;
  width: 200px;
  height: 128px;
  position: relative;
}

div.categoryNav ul li a {
  height: 128px;
  width: 160px;
  display: block;
  position: relative;
  text-align: center;
  text-decoration: none;
}

div.categoryNav ul li span.category {
  color: #F5DA93;
  display: block;
  padding-top: 105px;
  font-weight: bold;
  text-transform: uppercase;
}

div.categoryNav ul li a.fudge {
  background: url('/img/template/fudgepartners-fudge.png') no-repeat bottom center;
}

div.categoryNav ul li a.chocolates {
  background: url('/img/template/fudgepartners-chocolates.png') no-repeat bottom center;
}

div.categoryNav ul li a.sweets {
  background: url('/img/template/fudgepartners-sweets.png') no-repeat bottom center;
} /*
  content
*/
#content{
  display:block;
  float:left;

  margin:12px 0px;
  padding:0px 0px 0px 36px;
  width:640px;

  min-height:200px;
  _height:200px;
}

#sidebar{
  display:block;
  float:right;

  margin:12px 0px;
  padding:0px 0px 0px 8px;
  width:222px;
  overflow-x:hidden;

  min-height:200px;
  _height:200px;

  border-left:2px #d2ac5c solid;
}

 /*
fairs
*/

#content .fairs ul,
#sidebar .fairs ul{
  list-style-type:none;
  margin:0; padding:0;
}

#content .fairs ul li,
#sidebar .fairs ul li{
  margin:0; padding:8px 0px 12px 0px;
  border-bottom:1px #533921 solid;
}

.fairs ul li span.fairsDate{
  display:block;
  font-weight:bold;
} /*
  footer
*/
#footer{
  display:block;
  clear:both;
  width:964px;
  margin:0;
  padding:4px 0px 4px 36px;
  border-top:2px #d2ac5c solid;
}

#footer a{}

 /*
header
*/

#header{
  padding:0; margin:0; border:0;
  background-image:url('/img/template/fudge-partners-fudgelicious.jpg');
  width:1000px;
  height:226px;
  border-top:1px #412919 solid;
}

#header a{
  display:block;
  padding:0; border:0;
  margin:59px 0px 0px 642px;
  width:357px;
  height:79px;
}

#header a em{
  display:none;
}


/*  Big header for home  */

body.d2 #header{
  padding:0; margin:0; border:0;
  background-image:url('/img/template/fudge-partners-fudgelicious.jpg');
  width:1000px;
  height:226px;
  border-top:1px #412919 solid;
}

body.d2 #header a{
  display:block;
  padding:0; border:0;
  margin:156px 0px 0px 532px;
  width:468px;
  height:104px;
}

 /*
  kopteksten
*/
.content h2{
  color:#f5da93;
  font-size:2.4em;
  font-weight:normal;

  margin-top:0;
  margin-bottom:0;
}

form#authentication fieldset legend,
#sidebar h3,
#content h3{
  color:#f5da93;
  font-size:2em;
  font-weight:normal;
  margin-top:0;
  margin-bottom:0;
}

.content p{
  font-size:1em;
  margin-top:0em;
  margin-bottom:1em;
}

#sidebar a,
#footer a,
#content a{
  color:#d2ac5c;
}

#sidebar a:hover,
#footer a:hover,
#content a:hover{
  text-decoration:underline;
}

#site a em{
  font-style:normal;
}

a img{
  border:0;
  margin:0px 2px;
}

 /*
main-nav
*/

#main-nav{
  list-style-type:none;
  padding:0; margin:0;
  display:block;
  width:1000px;
  height:40px;

  background-image:url('/img/template/mainnavbg.png');
  background-repeat:repeat-x;
}

#main-nav li{
  float:left;
  padding:0; margin:0;
  position:relative;
  z-index:5;
}

#main-nav li a{
  display:block;
  width:142px;
  height:40px;
  padding:6px 0px 0px 0px;

  color:#f5da93;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
  font-weight:bold;
}

#main-nav li a em{
  font-style:normal;
}

#main-nav li.active a {
  color: #fff;
}

/*
niveau 2
*/
#main-nav li ul{
  list-style-type:none;
  display:none;
  position:absolute;
  padding:0; margin:0;

}


 /*
formulieren
*/

#site form input{
  background-color:#fff;
  padding:2px 4px;
  margin:0;
  border:0;
  border-bottom:2px #412919 solid;
}

#site form fieldset{
  padding:0; margin:0; border:0;
}


#site form button{
  border:0;
  padding:4px 24px 6px 2px;
  margin:2px 0px 2px 0px;

  width:190px;
  cursor:pointer;
  text-align:right;
  color:#d2ac5c;

  background-color:#412919;
  background-color:transparent;
  background-repeat:no-repeat;
  background-position:top right;
  background-image:url('/img/template/buttonbgbrown.png');
}

#site form button:hover{
  color:#ffffff;
  background-image:url('/img/template/buttonbgwhite.png');
}


#site form button span,
#site form button em{
  font-style:normal;
  text-decoration:underline;
}



/*
login
*/

#login{}

form#authentication label span{
  display:none;
}

#login fieldset.buttonBar{
  width:220px;
  margin-bottom:24px;
}

#login fieldset.buttonBar button{
  display:block;
  float:right;
  clear:both;
}

#login fieldset input{
  width:212px;
}


/*
newsletter
*/

#newsLetter{
  margin-bottom:1em;
}

#newsLetter fieldset legend,
#newsLetter label span{
  display:none;
}

#newsLetter iframe{
  visibility:hidden;
  height:1px; width:1px;
  position:absolute;
}

#newsLetterServiceForm input#newsletterServiceEmailAddress{
  width:212px;
}

#newsLetterServiceForm fieldset div{
  
}

#newsLetterServiceForm fieldset.buttonBar {
  width:220px;
}

#newsLetterServiceForm fieldset.buttonBar button{
  width:110px;
  float:right;
}



 /*
print
*/

.print{ display:none; } /*
 *  productList
 */

#content div.content .productList {
  position: relative;
  clear: both;
}

#content div.content .productList h2 {
  margin: 20px 0 20px 0;
  display: block;
  width: 100%;
  border-bottom: 2px solid #F5DA93;
}

#content div.content .productList a.backToTop {
  position: absolute;
  top: 20px;
  right: 0;
  color: #F5DA93;
  text-decoration: none;
}

#content div.content .productList a.backToTop.bottom {
  position: relative;
  float: right;
  clear: both;
  top: 0;
  right: 0;
} /*
 *  retailOrderList
 */

#site #retailOrderList {
  width: 630px;
}

#site #retailOrderList .productPrice {
  width: 70px;
}

#site #retailOrderList .totalPriceText {
  font-weight: bold;
} /*
sidebar banners
*/

#sidebar #banners{
  list-style-type:none;
  margin:0; padding:0;
  margin-top:12px;
}

#sidebar #banners li{
  margin:0; padding:12px 0px;
}
 /*
sifr
*/

.sIFR-flash {
  visibility: visible !important;
  margin: 0;
}

.sIFR-replaced {
  visibility: visible !important;
  margin: 0;
}

span.sIFR-alternate {
  position: absolute;
  left:0; top:0; width:0; height:0;
  display:block;
  overflow:hidden;
  margin:0;
}

 /*
table
*/

#site table{
  border-collapse:collapse;
  width:100%;
}

table thead tr th{
  text-align:left;
  font-weight:bold;
  padding:4px 2px;
}

#customerDetails table tbody tr th {
  min-width: 170px;
  _width: 170px;
}

table tbody tr th{
  text-align:left;
  font-weight:normal;
  padding:4px 2px;
}

table tr th,
table tr td{
  text-align:left;
  vertical-align:top;
  font-weight:normal;
  padding:4px 2px;
/*
  border-bottom:1px #533921 solid;
*/
}

/*
table tbody tr.even th,
table tbody tr.even td{
  background-color:#533921;
}

*/ /*
webshop
*/

.content ul.products{
  list-style-type:none;
  margin:0; padding:0;
}

.content ul.products li.product{
  display:block;
  float:left;
  position:relative;

  width:200px;
  height:120px;
  margin:0px 6px 6px 0px;
  padding:0;
  text-align:center;
}

.content ul.products li.product div.image{
  min-height:82px;
 _ height:82px;
}


/*
shoppingCartform
*/

#shoppingCartform{}

#shoppingCartForm button.delete{
  width:110px;
}

#shoppingCartForm #editButtonDiv,
#shoppingCartForm #orderSubmitButtonDiv{
  overflow:auto;
  height:30px;
  >overflow:none;
}

#shoppingCartForm #editButtonDiv button,
#shoppingCartForm #orderSubmitButtonDiv button{
  float:right;
}


#sidebar #quickShoppingCartList{
  margin:0px 0px 24px 0px;
}


#sidebar #quickShoppingCartList table tbody tr .price{
  width:50px;
}


#paymentMethodUL{
  list-style-type:none;
  margin:0; padding:0;
}

#paymentMethodUL li{
  margin:0px 0px 12px 0px; padding:0;
}

/*
  productInformation
*/

#productWrapper .productInformation table tbody tr th{
  padding-right:10px;
}

#productWrapper .orderProduct{
  text-align:right;
}