﻿/* Stylesheet voor Gullegever.nl. (c) Speak. Alle rechten voorbehouden. */

/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Algemeen ---------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

html, body, form {
	margin: 0px;
	padding: 0px;
}

body {
  font-family: Arial, Sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #111;
  background: #0a77bc url(/interface/images/body-bg.jpg) repeat-x left top;
}

a { color: #0071b9; }
img { border: 0px; display: block; }
p { margin: 0px 0px 18px 0px; }

.clearfix {
  height: 0px;
  overflow: hidden;
  clear: both;
  line-height: 0px;
  font-size: 0px;
}


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Header ------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------- */

#printlogo
{
  display:none;
}

#header {
  width: 100%;
  height: 192px;
  position: relative;
  background: url(/interface/images/header-bg.gif) no-repeat center 53px;
}

#header #header-inner {
  width: 990px;
  height: 192px;
  margin: 0px auto;
  position: relative;
  background: url(/interface/images/header-inner-bg.gif) no-repeat;
}

#header #logo {
  position: absolute;
  left: 15px;
  top: 4px;
  width: 281px;
  height: 126px;
  overflow: hidden;
  background: url(/interface/images/logo.gif);
}

#header #logo img {
  display: none;
}

#header #usernav {
  position: absolute;
  right: 295px;
  top: 23px;
  height: 24px;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#header #usernav li {
  float: left;
  margin: 0px 0px 0px 34px;
  padding: 0px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: -1px;
}

#header #usernav li a {
  float: left;
  color: #111;
  text-decoration: none;
}

#header #usernav li a:hover {
  text-decoration: underline;
}

#header #phone-number {
  position: absolute;
  right: 13px;
  top: 15px;
  width: 232px;
  height: 26px;
  overflow: hidden;
  text-indent: -9001px;
  background: url(/interface/images/phone-number.gif);
}

#header #search {
  position: absolute;
  left: 344px;
  top: 65px;
  width: 351px;
  height: 44px;
}

#header #search label {
  position: absolute;
  left: -9001px;
}

#header #search input {
  float: left;
  width: 264px;
  height: 16px;
  padding: 3px 9px;
  border: 0px;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 13px;
  line-height: 16px;
  color: #5a5a5a;
}

#header #search .search-button {
  float: right;
  padding: 2px 12px;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  background: url(/interface/images/search-button-bg.gif);
}

#header #search .search-button:hover {
  text-decoration: underline;
  background-position: left bottom;
  padding: 2px 11px;
  border: 1px solid #ae037b;
  border-width: 0px 1px;
}

#header #search .advanced-search {
  position: absolute;
  right: 69px;
  top: 24px;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
}

#header #shopping-cart-header {
  position: absolute;
  right: 10px;
  top: 53px;
  width: 147px;
  height: 18px;
  padding: 32px 35px 10px 77px;
  line-height: 18px;
  color: #fff;
  text-decoration: none;
  background: url(/interface/images/shopping-cart-bg.gif);
}

#header #shopping-cart-header .items {
  float: left;
  width: 40%;
  cursor: pointer;
}

#header #shopping-cart-header .price {
  float: right;
  width: 60%;
  cursor: pointer;
  text-align: right;
  font-weight: bold;
}

#header #nav {
  position: absolute;
  left: 13px;
  top: 132px;
  float: left;
  height: 50px;
  margin: 0px;
  padding: 0px;
  list-style: none;
  line-height: 23px;
  font-size: 14px;
  font-weight: bold;
}

#header #nav li {
  float: left;
  height: 23px;
  margin: 0px 13px 2px 0px;
  padding: 0px 15px 0px 0px;
  background: url(/interface/images/nav-item-bg.gif) no-repeat right 6px;
}

#header #nav li.last {
  float: left;
  height: 23px;
  margin-right: 0px;
  padding-right: 0px;
  background: none;
}

#header #nav li a {
  float: left;
  height: 23px;
  text-decoration: none;
  color: #111;
  white-space: nowrap;
}

#header #nav li a:hover { text-decoration: underline; }
#header #nav li.active a { color: #2b89c5; }

#header #nav li.home a {
  padding-left: 19px;
  background: url(/interface/images/nav-item-home-bg.gif) no-repeat left 5px;
}

#header #nav li.home-active a {
  background-position: left -32px;
}


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Main -------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main {
  width: 964px;
  overflow: hidden;
  margin: 0px auto 15px auto;
  padding: 29px 12px 8px 12px;
  border: 1px solid #ccc;
  border-top: 0px;
  background: #fff;
  position:relative;
}

#main #content {
  float: right;
  width: 729px;
}

#main #content.productpage {
  min-height: 600px;
}

h1,
#main .popup h2,
#main .sidebar-productpage .popup h2 {
  margin: 0px 0px 15px 0px;
  padding: 0px;
  font-size: 30px;
  line-height: 36px;
  color: #2b89c5;
}

h2 {
  margin: 0px 0px 4px 0px;
  padding: 0px;
  font-size: 18px;
  line-height: 21px;
  color: #2b89c5;
}

h3,
h4,
h5,
h6 {
  margin: 0px;
  padding: 0px;
  font-size: 13px;
  color: #2b89c5;
}

ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#main .warning {
  width: 362px;
  margin-bottom: 15px;
  padding: 6px 10px 6px 40px;
  border: 1px solid #e4bc00;
  background: #fff9cd url(/interface/images/warning-bg.gif) no-repeat 7px center;
  font-size: 12px;
  font-weight: bold;
  line-height: 17px;
  color: #9e6400;
  clear: both;
}

#main .light {
  color: #888;
}

#main .nomargin {
  margin: 0px;
}

#main .js-link {
  color: #0071b9;
  text-decoration: underline;
  cursor: pointer;
}

#main table {
  width: 100%;
  border: 1px solid #b4b4b4;
  margin-bottom: 17px;
}

#main table.captioned {
  border-top: 0px none;
}

#main .table-caption {
  position: relative;
  height: 18px;
  text-align: left;
  margin-bottom: -1px;
  padding: 3px 4px;
  border: 1px solid #b4b4b4;
  border-width: 1px 1px 0px 1px;
  font-weight: bold;
  background: #fff;
}

#main td,
#main th {
  text-align: left;
  padding: 3px 4px;
  background: #edf6fc;
}

#main .center {
  text-align: center;
}

#main ul {
  margin: 0px 0px 18px 0px;
  padding: 0px;
  list-style: none;
}

#main li {
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 16px;
  background: url(/interface/images/bullet.gif) no-repeat left 6px;
}

#main li ul {
  margin: 5px 0px 8px 0px;
}

#main .image-top {
  display: block;
  margin-bottom: 20px;
  border: 1px solid #aaa;
}

#main .image-left {
  float: left;
  clear: left;
  margin: 0px 15px 15px 0px;
}

#main .image-right {
  float: right;
  clear: right;
  margin: 0px 0px 15px 15px;
}

#main .images-bottom {
  width: 430px;
  overflow: hidden;
  clear: both;
  margin: 18px -10px 18px 0px;
}

#main .images-bottom a {
  float: left;
  margin: 0px 10px 10px 0px;
}

#main #breadcrumb {
  position: relative;
  font-size: 12px;
  margin: -19px 0px 24px 0px;
}

#main #breadcrumb a { color: #111; }
#main #breadcrumb a:hover,
#main #breadcrumb span { color: #2d8ac6; }

#main .button {
  float: right;
  padding: 3px 11px;
  color: #fff;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background: url(/interface/images/button-bg.gif) repeat-x;
}

#main .button:hover {
  text-decoration: underline;
  background-position: left bottom;
  padding: 3px 10px;
  border: 1px solid #ae037b;
  border-width: 0px 1px;
}

#main .button-blue {
  padding: 2px 11px;
  border: 1px solid #0071b9;
  background: url(/interface/images/button-blue-bg.gif) repeat-x;
}

#main .button-blue:hover {
  text-decoration: underline;
  background-position: left bottom;
  padding: 2px 11px;
  border: 1px solid #0071b9;
}



/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Banners algemeen -------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main .banners {
  position: relative;
  clear: both;
  width: 743px;
  height: 212px;
  margin-right: -14px;
}

#main .banner {
  display: block;
  width: 220px;
  height: 212px;
  overflow: hidden;
  color: #111;
  text-decoration: none;
  font-size: 12px;
  line-height: 15px;
}

#main .banners .banner {
  float: left;
  margin-right: 14px;
  width: 233px;
}

#main .banner .banner-img {
  margin-bottom: 5px;
  border: 1px solid #b4b4b4;
}

#main .banner .text {
  display: block;
  cursor: pointer;
}

#main .banner .text img {
  display: inline;
}


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Blok Gullegever Toppers (uitgelichte producten) ------------------- */
/* ---------------------------------------------------------------------------------- */

#main .featured-products {
  float: right;
  width: 220px;
  padding: 10px 14px 8px 14px;
  border: 1px solid #b4b4b4;
  margin: 0px 0px 14px 15px;
}

#main .featured-products h2 {
  margin-bottom: 1px;
  font-size: 16px;
  font-weight: bold;
  color: #111;
  text-transform: uppercase;
}

#main .featured-products ul {
  width: 100%;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
}

#main .featured-products ul li {
  float: left;
  width: 100%;
  height: 45px;
  margin: 0px;
  padding: 4px 0px;
  border-bottom: 1px solid #0070b8;
  background: none;
}

#main .featured-products ul li.last {
  padding-bottom: 0px;
  border: 0px none;
}

#main .featured-products ul li a {
  display: block;
  width: 100%;
  height: 100;
  overflow: hidden;
  color: #111;
  text-decoration: none;
}

#main .featured-products ul li a img {
  float: left;
}

#main .featured-products ul li a .title {
  float: right;
  width: 162px;
  height: 17px;
  margin-top: 6px;
  overflow: hidden;
  line-height: 17px;
  cursor: pointer;
}

#main .featured-products ul li a:hover .title {
  text-decoration: underline;
  color: #0070b8;
}

#main .featured-products ul li a .preview {
  float: right;
  width: 162px;
  height: 15px;
  overflow: hidden;
  font-size: 11px;
  line-height: 15px;
  color: #4b4b4b;
  cursor: pointer;
}


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Sidebar (links) --------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main #sidebar {
  float: left;
  width: 220px;
}

#main #sidebar .subnav {
  width: 192px;
  margin-bottom: 13px;
  padding: 7px 13px;
  border: 1px solid #b4b4b4;
}

#main #sidebar .subnav h2 {
  width: 192px;
  margin-bottom: 8px;
  padding-bottom: 1px;
  border-bottom: 1px solid #2b89c5;
}

#main #sidebar .subnav ul {
  margin-bottom: 0px;
}

#main #sidebar .subnav li {
  background: none;
}

#main #sidebar .subnav li a { color: #111; text-decoration: none; }
#main #sidebar .subnav li a:hover { text-decoration: underline; }
#main #sidebar .subnav li.active a { color: #2b89c5; }


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Footer ------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------- */

#footer {
  position: relative;
  width: 990px;
  margin: 0px auto;
  padding-bottom: 30px;
  font-size: 11px;
}

#footer #footernav {
  width: 100%;
  margin: 0px 0px 3px 0px;
  padding: 0px;
  list-style: none;
  text-align: center;
  font-size: 12px;
  color: #fff;
}

#footer #footernav li {
  display: inline;
  margin: 0px;
  padding: 0px 12px 0px 10px;
  background: url(/interface/images/footernav-item-bg.gif) no-repeat right 2px;
}

#footer #footernav li.last {
  padding-right: 0px;
  background: none;
}

#footer #footernav li a {
  color: #fff;
  text-decoration: none;
}

#footer #footernav li a:hover {
  text-decoration: underline;
}

#footer #copyright {
  width: 100%;
  margin: 0px;
  text-align: center;
  color: #0b3a59;
}


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Carousels --------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main #carousel {
  position: relative;
  width: 727px;
  height: 193px;
  overflow: hidden;
  margin-bottom: 14px;
  border: 1px solid #b4b4b4;
}

#main #carousel #carousel-items {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
}

#main #carousel #carousel-items li {
  position: absolute;
  width: 727px;
  height: 193px;
  margin: 0px;
  padding: 0px;
  background: none;
}

#main #carousel #carousel-items li a {
  display: block;
  width: 100%;
  height: 100%;
}

#main #carousel #carousel-items li a {
  display: block;
  width: 100%;
  height: 100%;
}

#main #carousel #carousel-controls {
  position: absolute;
  right: 9px;
  bottom: 6px;
  height: 23px;
  z-index: 10;
}

#main #carousel #carousel-controls li {
  float: left;
  width: 23px;
  height: 23px;
  margin: 0px 0px 0px 8px;
  padding: 0px;
  background: url(/interface/images/carousel-controls-item-bg.png);
  cursor: pointer;
}

#main #carousel #carousel-controls li:hover,
#main #carousel #carousel-controls li.active {
  background-position: left bottom;
}


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Formulieren ------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main .formulier {
  position: relative;
  clear: both;
  width: 100%;
}

#main .formulier h2 {
  margin: 25px 0px 12px 0px;
  font-size: 13px;
  color: #111;
}

#main .formulier .foutmelding {
  display: none;
}

#main .formulier .regel {
  position: relative;
  width: 442px;
  margin-bottom: 6px;
}

#main .formulier .regel label {
  float: left;
  width: 110px;
  padding: 3px 10px 3px 0px;
  line-height: 16px;
}

#main .formulier .veld input,
#main .formulier .wachtwoord input,
#main .formulier .textarea textarea {
  float: left;
  width: 280px;
  padding: 3px 6px;
  border: 1px solid #b4b4b4;
  font-family: Arial, Sans-serif;
  font-size: 13px;
  color: #111;
}

#main .formulier .textarea textarea {
  height: 110px;
}

#main .formulier .select select {
  float: left;
  width: 294px;
  border: 1px solid #b4b4b4;
}

#main .formulier .regel .kort {
  width: 100px;
}

#main .formulier .veld .kort,
#main .formulier .textarea .kort {
  width: 88px;
}

#main .formulier .incorrect input,
#main .formulier .incorrect textarea {
  border: 1px solid #b594a6;
  background: #f0d0e1;
}

#main .formulier .regel .regel_inner {
  float: left;
  width: 294px;
  line-height: 16px;
}

#main .formulier .regel .regel_inner .subregel {
  width: 100%;
  overflow: hidden;
  clear: both;
}

#main .formulier .regel .regel_inner .subregel input {
  float: left;
  width: 13px;
  height: 13px;
  margin: 2px 7px 0px 0px;
  padding: 0px;
}

#main .formulier .regel .regel_inner .subregel label {
  float: left;
  width: 274px;
  padding: 0px;
}

#main .formulier .regel .status {
  float: left;
  width: 16px;
  height: 16px;
  margin: 4px 4px 4px 8px;
  background: url(/interface/images/form-status-bg.gif) no-repeat left 500px;
}

#main .formulier .verplicht .status {
  background-position: left 0px;
}

#main .formulier .ingevuld.correct .status,
#main .formulier .verplicht.correct .status {
  background-position: left -42px;
}

#main .formulier .incorrect .status {
  background-position: left -84px;
}

#main .formulier .select .status {
  margin: 2px 4px 2px 8px;
}

#main .formulier .regel .status .notice {
  position: absolute;
  right: -285px;
  top: -15px;
  display: none;
  width: 284px;
  background: url(/interface/images/form-notice-bg.gif) no-repeat left bottom;
}

#main .formulier .regel .status .notice .notice_inner {
  width: 240px;
  min-height: 36px;
  padding: 10px 13px 10px 31px;
  background: url(/interface/images/form-notice-inner-bg.gif) no-repeat;
}

#main .formulier .currenterror .status .notice {
  display: block;
}

#main .formulier .note {
  position: relative;
  display: block;
  width: 322px;
  margin: -4px 0px 8px 120px;
  font-size: 11px;
  line-height: 16px;
}

#main .formulier div.note {
  color: #666666;
}

#main .formulier .button {
  margin-right: 28px;
}


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Home -------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main #home {
  position: relative;
  width: 100%;
  height: 421px;
  margin-top: -16px;
}

#main #home #carousel { float: left; width: 458px; }
#main #home #carousel #carousel-items li { width: 458px; }

#main #home .banner-home {
  position: absolute;
  top: 209px;
}

#main #home .banner-home1 { left: 0px; }
#main #home .banner-home2 { left: 240px; }
#main #home .banner-home3 { height: 421px; top: 0px; left: 477px; }
#main #home .banner-home4 { width: 250px; left: 714px; }


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: productoverzicht -------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main .pagination {
  text-align: center;
}

#main .pagination span.prev-next { color: #aaa; }
#main .pagination a { color: #111; text-decoration: none; }
#main .pagination a:hover { color: #0071b9; text-decoration: underline; }
#main .pagination .active { color: #0071b9; font-weight: bold; }

#main .product-overview {
  width: 748px;
  margin: 0px -19px 8px 0px;
  overflow: hidden;
  font-size: 12px;
  line-height: 16px;
}

#main .product-overview li {
  float: left;
  width: 168px;
  height: 161px;
  overflow: hidden;
  margin: 0px;
  padding: 0px 19px 17px 0px;
  background: none;
}

#main .product-overview li a {
  display: block;
  width: 152px;
  height: 151px;
  padding: 3px 7px 5px 7px;
  border: 1px solid #b4b4b4;
  color: #111;
  text-decoration: none;
  background: url(/interface/images/arrow.gif) no-repeat 147px 118px;
}

#main .product-overview li.next-page a {
  width: 142px;
  height: 20px;
  padding: 132px 12px 7px 12px;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  background: url(/interface/images/product-overview-next-page-bg.png) no-repeat;
}

#main .product-overview li.next-page a:hover {
  color: #0071b9;
  text-decoration: underline;
}

#main .product-overview li a:hover {
  border: 1px solid #2b89c5;
}

#main .product-overview li a span {
  display: block;
  cursor: pointer;
}

#main .product-overview li a .title {
  height: 16px;
  overflow: hidden;
  margin-bottom: 1px;
}

#main .product-overview li a:hover .title {
  color: #0071b9;
  text-decoration: underline;
}

#main .product-overview li a img {
  width: 152px;
  height: 95px;
  margin-bottom: 1px;
}

#main .product-overview li a .price {
  width: 135px;
  height: 23px;
  overflow: hidden;
  line-height: 23px;
}

#main .product-overview li a .price span {
  display: inline;
  font-size: 18px;
}

#main .product-overview li a .price span span {
  font-size: 12px;
  vertical-align: top;
}

#main .product-overview li a .info {
  color: #565656;
}


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: product-detailpagina ---------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main .popup {
  position: absolute;
  left: -9001px;
  top: -5px;
  width: 774px;
  height: 530px;
  padding: 24px 47px 55px 28px;
  background: url(/interface/images/popup-bg.png);
  z-index: 50;
}

#main .popup-active {
  left: 85px;
}

#main .popup .popup-close {
  position: absolute;
  right: 40px;
  top: 18px;
  display: block;
  text-decoration: underline;
  cursor: pointer;
}

#main .popup .popup-close:hover {
  color: #2b89c5;
}

#main .popup .photo-product-large {
  width: 638px;
  height: 480px;
  margin-left: 58px;

}
#main #popup-foto
{
   cursor:pointer;
} 

#main .popup .popupform {
  height: 24px;
  margin-bottom: 10px;
}

#main .popup .popupform label {
  float: left;
  padding: 3px 15px 3px 0px;
}

#main .popup .popupform input {
  float: left;
  width: 280px;
  margin-right: 15px;
  padding: 2px 4px;
  border: 1px solid #b4b4b4;
}

#main .popup .popupform .link-button {
  float: left;
  padding: 3px 0px;
  color: #2b89c5;
  text-decoration: underline;
  cursor: pointer;
}

#main .content-productpage {
  float: left;
  width: 383px;
  margin-bottom: 40px;
}

#main .content-productpage .photo-product {
  display: block;
  margin-bottom: 7px;
  text-align: right;
  color: #111;
  font-size: 11px;
}

#main .content-productpage .photo-product img {
  width: 384px;
  height: 241px;
}

#main .content-productpage .photo-product:hover {
  color: #0071b9;
}

#main .content-productpage .color-picker h2 {
  margin-bottom: 2px;
  font-size: 13px;
  line-height: 18px;
  font-weight: normal;
  color: #111;
}

#main .content-productpage .color-picker ul {
  height: 17px;
}

#main .content-productpage .color-picker li {
  float: left;
  width: 17px;
  height: 17px;
  margin: 0px 8px 8px 0px;
  padding: 0px;
  background: none;
}

#main .content-productpage .color-picker li a,
#main .color {
  display: block;
  width: 15px;
  height: 15px;
  overflow: hidden;
  border: 1px solid #b4b4b4;
  text-indent: -9001px;
}

#main .sidebar-productpage {
  float: right;
  width: 311px;
  margin-bottom: 40px;
}

#main .sidebar-productpage h2 {
  font-size: 13px;
  color: #111;
  margin-bottom: 8px;
}

#main .sidebar-productpage h2 span {
  font-size: 18px;
  font-weight: normal;
}

#main .sidebar-productpage .price {
  height: 55px;
  line-height: 55px;
  text-align: right;
}

#main .sidebar-productpage .price span {
  font-size: 53px;
  font-weight: bold;
  letter-spacing: -3px;
}

#main .sidebar-productpage .price span span {
  vertical-align: 35%;
  font-size: 24px;
  letter-spacing: 0px;
}

#main .sidebar-productpage .button,
#main .button-shopping-cart {
  float: none;
  display: block;
  margin-bottom: 30px;
  margin-right: 0px;
  padding: 10px;
  font-size: 15px;
  line-height: 20px;
  font-weight: bold;
  background: url(/interface/images/button-pink-big-bg.gif) repeat-x;
}

#main .sidebar-productpage .button:hover,
#main .button-shopping-cart:hover {
  text-decoration: underline;
  background-position: left bottom;
  padding: 10px 9px;
  border: 1px solid #ae037b;
  border-width: 0px 1px;
}

#main .button-shoppingcart-blue {
  float: none;
  display: block;
  margin: -24px 0px 30px 0px;
  padding: 2px 11px;
  border: 1px solid #0071b9;
  background: url(/interface/images/button-blue-bg.gif) repeat-x;
}

#main .button-shoppingcart-blue:hover {
  text-decoration: underline;
  background-position: left bottom;
  padding: 2px 11px;
  border: 1px solid #0071b9;
}

#main .product-details {
  clear: both;
  width: 100%;
  overflow: hidden;
  margin-bottom: 40px;
}

#main #tabs {
  position: relative;
  height: 34px;
  overflow: hidden;
  margin-bottom: 10px;
  padding-left: 12px;
  font-size: 16px;
  line-height: 28px;
  background: url(/interface/images/tabs-bg.gif) repeat-x left bottom;
}

#main #tabs li {
  float: left;
  height: 34px;
  margin: 0px 3px 0px 0px;
  padding: 0px;
  background: none;
}

#main #tabs li a {
  float: left;
  height: 28px;
  padding: 3px 18px 1px 18px;
  border: 1px solid #fff;
  border-bottom: 0px none;
  background: none;
  color: #111;
}

#main #tabs li.active {
  background: #fff;
  font-weight: bold;
}

#main #tabs li.active a {
  color: #0071B9;
  border-color: #b4b4b4;
  text-decoration: none;
}

#main .tabs-content {
  width: 100%;
  overflow: hidden;
  clear: both;
}

#main .product-details .features {
  width: 356px;
  font-size: 12px;
}

#main .product-details .features-left { float: left; }
#main .product-details .features-right { float: right; }

#main .product-details .features li {
  float: left;
  width: 332px;
  clear: both;
  margin: 0px;
  padding: 0px 12px;
  background: #edf6fc;
}

#main .product-details .features li.alt {
  background: #fff;
}

#main .product-details .features li .label {
  float: left;
  width: 132px;
  padding: 3px 0px;
  font-weight: bold;
}

#main .product-details .features li .value {
  float: right;
  width: 180px;
  padding: 3px 0px 3px 12px;
  border-left: 1px solid #fff;
}


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Product-detailpagina: Productopties ------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main .content-productpage .product-totals {
  clear: both;
  width: 100%;
  overflow: hidden;
}

#main .content-productpage .product-totals h2 {
  padding-bottom: 5px;
  border-bottom: 1px solid #b4b4b4;
  font-size: 19px;
  font-weight: normal;
  color: #111;
}

#main .content-productpage .product-totals .row {
  clear: both;
  width: 100%;
  margin-bottom: 8px;
  overflow: hidden;
}

#main .content-productpage .product-totals .short {
  float: right;
  width: 180px;
  padding: 4px 0px 10px 0px;
  border-top: 1px solid #b4b4b4;
  font-weight: bold;
}

#main .content-productpage .product-totals .big {
  font-size: 18px;
  padding-bottom: 15px;
}

#main .content-productpage .product-totals .row .left {
  float: left;
  width: 75%;
}

#main .content-productpage .product-totals .short .left { width: 48%; }
#main .content-productpage .product-totals .big .left { width: 30%; }

#main .content-productpage .product-totals .row .right {
  float: right;
  width: 23%;
  text-align: right;
}

#main .content-productpage .product-totals .short .right { width: 48%; }
#main .content-productpage .product-totals .big .right { width: 68%; }

#main .content-productpage .product-totals .big .right {
  font-weight: normal;
}

#main .sidebar-productpage .color {
  float: left;
}

#main .sidebar-productpage #minimumwarning {
  display: block;
  margin-bottom: 10px;
  font-size: 11px;
  color: #777;
}

#main .sidebar-productpage .formulier .regel {
  width: 100%;
  overflow: hidden;
  margin-bottom: 35px;
}

#main .sidebar-productpage .formulier .regel select {
  float: none;
  width: 311px;
}

#main .sidebar-productpage .formulier .veld input,
#main .sidebar-productpage .formulier .textarea textarea {
  width: 297px;
}

#main .sidebar-productpage .formulier .regel .regel_inner {
  width: 100%;
  overflow: hidden;
}

#main .sidebar-productpage .formulier .regel .regel_inner .subregel {
  margin-bottom: 3px;
}

#main .sidebar-productpage .formulier .regel .regel_inner .subregel_van_2 {
  float: left;
  clear: none;
  width: 120px;
}

#main .sidebar-productpage .formulier .regel .regel_inner .subregel_van_5 {
  float: left;
  clear: none;
  width: 50px;
}

#main .sidebar-productpage .formulier .regel .regel_inner .subregel_van_2 label {
  width: 99px;
}

#main .sidebar-productpage .formulier .regel .regel_inner .subregel_van_5 label {
  width: 30px;
}

#main .sidebar-productpage #faantal,#main .sidebar-productpage #maat .regel {
  margin-bottom: 15px;
}

#main .sidebar-productpage #faantal input,#main .sidebar-productpage #maat input {
  width: 60px;
}


#main .sidebar-productpage .upload input {
  width: 311px;
}

#main .sidebar-productpage #fupload {
  margin-bottom: 5px;
}

#main .sidebar-productpage #kleuren {
  position: relative;
  width: 100%;
  margin-top: 25px;
  z-index: 20;
}

#main .sidebar-productpage #kleuren h2 {
  margin-top: 0px;
}

#main .sidebar-productpage #faantalkleuren .subregel {
  position: relative;
  height: 24px;
}

#main .sidebar-productpage #faantalkleuren .subregel input {
  position: absolute;
  left: 20px;
  top: 3px;
}

#main .sidebar-productpage #faantalkleuren .subregel label {
  position: absolute;
  left: 0px;
  top: 4px;
  width: 20px;
}

#main .sidebar-productpage #flettertype input {
  width: 200px;
  margin-right: 10px;
}

#main .sidebar-productpage #flettertype span {
  float: left;
  padding: 3px 0px;
  cursor: pointer;
}

#main .sidebar-productpage #flettertype span:hover {
  color: #2b89c5;
  text-decoration: underline;
}

#main .sidebar-productpage #pms-wrappers {
  position: absolute;
  left: 43px;
  top: 30px;
  width: 268px;
  z-index: 10;
}

#main .sidebar-productpage #pms-wrappers .pms-wrapper {
  position: relative;
  height: 24px;
  margin-bottom: 3px;
  cursor: pointer;
}

#main .sidebar-productpage #pms-wrappers .pms-wrapper .color {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 13px;
  height: 13px;
  cursor: pointer;
}

#main .sidebar-productpage #pms-wrappers .pms-wrapper input {
  float: left;
  width: 140px;
  margin-right: 8px;
  padding: 3px 3px 3px 23px;
  background: #fff;
  border: 1px solid #b4b4b4;
  cursor: pointer;
}

#main .sidebar-productpage #pms-wrappers .pms-wrapper .pms-link {
  float: left;
  margin-top: 4px;
  cursor: pointer;
}

#main .sidebar-productpage #pms-wrappers .pms-wrapper:hover .pms-link {
  color: #2b89c5;
  text-decoration: underline;
}

#main .sidebar-productpage #popup-pms.popup-active {
  left: -600px;
  top: -300px;
}

#main .sidebar-productpage #popup-font.popup-active {
  left: -600px;
  top: 650px;
}

#main .sidebar-productpage #popup-pms .pms-table-wrapper {
  width: 100%;
  height: 400px;
  overflow: auto;
  border: 1px solid #b3b3b3;
}

#main .sidebar-productpage #popup-pms .pms-table-wrapper table {
  width: 755px;
  margin: 0px;
  border: 0px;
}

#main .sidebar-productpage #popup-pms .pms-table-wrapper td {
  width: 750px;
  padding: 1px;
  border-bottom: 1px solid #b3b3b3;
  background: #fff;
  cursor: pointer;
}

#main .sidebar-productpage #popup-pms .pms-table-wrapper td:hover {
  background: #dfeef8;
}

#main .sidebar-productpage #popup-pms .pms-table-wrapper td.empty {
  background: #fff;
  cursor: default;
}

#main .sidebar-productpage #popup-pms .active {
  font-weight: bold;
}

#main .sidebar-productpage #popup-font #font-list {
  width: 100%;
  height: 400px;
  overflow: auto;
  border: 1px solid #b4b4b4;
}

#main .sidebar-productpage #popup-font #font-list li {
  height: 38px;
  margin: 0px;
  overflow: hidden;
  padding: 0px;
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -9001px;
  cursor: pointer;
}

#main .sidebar-productpage #popup-font #font-list li:hover {
  background-color: #dfeef8;
  background-position: left bottom;
}


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Winkelwagen ------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main .separator {
  clear: both;
  width: 100%;
  height: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #b4b4b4;
}

#main #shopping-cart {
  width: 100%;
  overflow: hidden;
}

#main #shopping-cart li {
  position: relative;
  float: left;
  width: 100%;
  height: 105px;
  margin: 0px 0px 20px 0px;
  padding: 25px 0px 20px 0px;
  border-bottom: 1px solid #b4b4b4;
  background: none;
}

#main #shopping-cart li img {
  float: left;
  width: 152px;
  height: 95px;
  margin: 0px 17px;
}

#main #shopping-cart li .description {
  float: left;
  width: 310px;
  height: 105px;
  overflow: hidden;
  padding: 0px 15px;
  border: 1px solid #b4b4b4;
  border-width: 0px 1px;
}

#main #shopping-cart li .description h2 {
  font-size: 14px;
  color: #111;
}

#main #shopping-cart li .description p {
  margin: 0px;
}

#main #shopping-cart li .price {
  float: right;
  width: 186px;
  height: 105px;
  overflow: hidden;
  text-align: right;
  font-size: 18px;
  font-weight: bold;
}

#main #shopping-cart li .price .amount {
  font-size: 24px;
  line-height: 32px;
  color: #2b89c5;
}

#main #shopping-cart li .price .amount span {
  font-size: 36px;
}

#main #shopping-cart li .price .price-inner {
  position: absolute;
  right: 0px;
  bottom: 25px;
}

#main #shopping-cart li .button-remove {
  position: absolute;
  right: 218px;
  top: 0px;
  color: #4d4d4d;
  text-decoration: none;
}

#main #shopping-cart li .button-remove:hover {
  color: #2b89c5;
  text-decoration: underline;
}

#main .shopping-cart-totals {
  float: right;
  clear: both;
  width: 310px;
  line-height: 24px;
}

#main .shopping-cart-totals .row {
  width: 100%;
  overflow: hidden;
}

#main .shopping-cart-totals .row .left {
  float: left;
  width: 150px;
}

#main .shopping-cart-totals .row .right {
  float: right;
  width: 160px;
  text-align: right;
}

#main .shopping-cart-totals .big {
  font-size: 18px;
  font-weight: bold;
}

#main .shopping-cart-totals .total {
  margin: 15px 0px 35px 0px;
  padding-top: 15px;
  border-top: 1px solid #b4b4b4;
  font-size: 24px;
  font-weight: bold;
}

#main .shopping-cart-totals p {
  margin-top: -20px;
}

#main .shopping-cart-totals .row-checkbox {
  margin-bottom: 5px;
}

#main .shopping-cart-totals .row input {
  float: left;
  width: 13px;
  height: 13px;
  margin: 6px 7px 0px 0px;
  padding: 0px;
}

#main .shopping-cart-totals .row label {
  float: right;
  width: 290px;
}

#main .shopping-cart-totals .button-disabled,
#main .shopping-cart-totals .button-disabled:hover {
  padding: 10px;
  border: 0px;
  background: url(/interface/images/button-disabled-bg.gif);
}


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Bestelling afronden ----------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main .shopping-cart-customer-data {
  clear: both;
  width: 100%;
  margin-bottom: 50px;
  overflow: hidden;
  background: url(/interface/images/line.gif) repeat-y 212px top;
}

#main .shopping-cart-customer-data h2 {
  font-size: 13px;
  color: #111;
}

#main .shopping-cart-customer-data .customer-data-left {
  float: left;
  width: 180px;
}

#main .shopping-cart-customer-data .customer-data-right {
  float: right;
  width: 486px;
}

#main .shopping-cart-customer-data .customer-data-right .addresses {
  clear: both;
  width: 100%;
  margin-bottom: 25px;
  overflow: hidden;
  background: url(/interface/images/line.gif) repeat-y 214px top;
}

#main .shopping-cart-customer-data .customer-data-right .addresses .billing-address {
  float: left;
  width: 185px;
}

#main .shopping-cart-customer-data .customer-data-right .addresses .delivery-address {
  float: right;
  width: 243px;
}

#main .shopping-cart-customer-data .customer-data-right .order-number {
  clear: both;
  width: 100%;
  padding: 14px 0px;
  border-top: 1px solid #b4b4b4; 
}

#main .shopping-cart-customer-data .customer-data-right .order-number .formulier .regel {
  width: 100%;
  margin: 0px;
}

#main .shopping-cart-customer-data .customer-data-right .order-number .formulier label {
  width: 230px;
}

#main .shopping-cart-customer-data .customer-data-right .order-number .formulier input {
  float: right;
  width: 230px;
}

#main .shopping-cart-customer-data .customer-data-right .calendar {
  clear: both;
  width: 100%;
  padding-top: 14px;
  border-top: 1px solid #b4b4b4; 
}

#main .shopping-cart-customer-data .customer-data-right .date {
  float: left;
  width: 230px;
}

#main .shopping-cart-customer-data .customer-data-right .calendar #kalender {
  float: right;
  width: 245px;
}

#main .shopping-cart-customer-data .customer-data-right .calendar .table-caption {
  text-align: center;
}

#main .shopping-cart-customer-data .customer-data-right .calendar .table-caption a {
  position: absolute;
  top: 4px;
  width: 18px;
  height: 18px;
  background: #fff;
  font-size: 16px;
  text-decoration: none;
  color: #111;
  text-align: center;
}

#main .shopping-cart-customer-data .customer-data-right .calendar .table-caption .button-left { left: 10px; }
#main .shopping-cart-customer-data .customer-data-right .calendar .table-caption .button-right { right: 10px; }

#main .shopping-cart-customer-data .customer-data-right .calendar td,
#main .shopping-cart-customer-data .customer-data-right .calendar th {
  text-align: center;
}

#main .shopping-cart-customer-data .customer-data-right .calendar th {
  background: #c3dae9;
  font-weight: normal;
}

#main .shopping-cart-customer-data .customer-data-right .calendar .nonselectable {
  color: #888;
}

#main .shopping-cart-customer-data .customer-data-right .calendar .selectable {
  cursor: pointer;
}

#main .shopping-cart-customer-data .customer-data-right .calendar .selectable:hover {
  background: #96c5e3;
}

#main .shopping-cart-customer-data .customer-data-right .calendar .selected,
#main .shopping-cart-customer-data .customer-data-right .calendar .selected:hover {
  background: #e30e7e;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
}

#main .shopping-cart-customer-data .customer-data-right .calendar .white {
  background: #fff;
}

#main .shopping-cart-customer-data #fleverdatum,
#main .shopping-cart-customer-data #fbtnLink {
  display: none;
}


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Inlog-formulier --------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main #login {
  float: left;
  width: 442px;
}

#main #box-create-account {
  float: right;
  width: 240px;
  padding-left: 25px;
  border-left: 1px solid #b4b4b4;
}

#main #box-create-account h2 {
  font-size: 14px;
  color: #111;
}

#main #box-create-account p {
  margin-bottom: 4px;
}


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Veelgestelde vragen (faq) ----------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main #faq {
  width: 100%;
}

#main #faq h2 {
  margin-bottom: 12px;
}

#main #faq ul {
  margin: 0px;
  padding-bottom: 25px;
}

#main #faq li {
  margin: 0px 0px 3px 0px;
  padding: 0px;
  background: none;
}

#main #faq li h3 {
  padding: 3px 0px 3px 21px;
  background: url(/interface/images/faq-question-bg.gif) no-repeat left 6px;
  cursor: pointer;
}

#main #faq li .question-active {
  background-position: left -94px;
}

#main #faq li .answer {
  width: 708px;
  padding: 3px 0px 0px 21px;
  position: absolute;
  left: -9001px;
}

#main #faq li .answer p {
  margin-bottom: 10px;
}


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Zoeken (filtering) ------------------------------------------------ */
/* ---------------------------------------------------------------------------------- */

#main .filtering {
  width: 687px;
  overflow: hidden;
  margin-bottom: 20px;
  padding: 10px 20px;
  border: 1px solid #69a2cd;
  background: #ecf5fb;
}

#main .filtering .filtering-inner {
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
  background: url(/interface/images/line-blue.gif) repeat-y center top;
}

#main .filtering .filtering-left {
  float: left;
  width: 310px;
}

#main .filtering .filtering-right {
  float: right;
  width: 310px;
}

#main .filtering .filter-item {
  width: 100%;
  overflow: hidden;
  margin-bottom: 8px;
}

#main .filtering .filter-item label {
  float: left;
  width: 105px;
  padding: 1px 0px;
  font-weight: bold;
}

#main .filtering .filter-item-text label {
  padding: 3px 0px;
}

#main .filtering .filter-item-checkbox label {
  float: none;
  display: block;
  margin-bottom: 5px;
}

#main .filtering .filter-item-text input {
  float: right;
  width: 176px;
  padding: 3px 6px;
  border: 1px solid #b4b4b4;
  font-family: Arial, Sans-serif;
  font-size: 13px;
  color: #111;
}

#main .filtering .filter-item-select select {
  float: right;
  width: 190px;
  border: 1px solid #b4b4b4;
  font-family: Arial, Sans-serif;
  font-size: 13px;
  color: #111;
}

#main .filtering .filter-item .regel_inner {
  width: 100%;
  overflow: hidden;
}

#main .filtering .filter-item .regel_inner .subregel {
  float: left;
  width: 50px;
  margin: 0px 12px 4px 0px;
}

#main .filtering .filter-item .regel_inner .subregel input {
  float: left;
  width: 13px;
  height: 13px;
  margin: 2px 4px 0px 0px;
  padding: 0px;
}

#main .filtering .filter-item .regel_inner .subregel label {
  float: left;
  width: 17px;
  margin: 0px;
  padding: 0px;
}

#main .filtering .button {
  clear: both;
  float: none;
  display: block;
  width: 57px;
  margin: 0px auto;
}
.note
{
  font-size:9px;
}
#administrator
{
  font-size:14px;
  color:Red;
  position:absolute;
  z-index:40;
  top:103px;
  left:71px;
  font-weight:bold
}
#bestel #fbtnLink
{
  display:none;
}
#main .video
{
  width:218px;
  height:158px;
  margin-bottom: 5px;
  border: 1px solid #b4b4b4;
}
#fnieuwsbrief .subregel
{
  margin-left:120px;
  margin-bottom:20px;
}