/* Global.css */

table td {
  vertical-align: top;
}

.ws-tl,
.ws-ml,
.ws-bl {
  clear: both;
  float: left;
}

.ws-tm,
.ws-ctr,
.ws-bm {
  float: left;
}

.ws-tr,
.ws-mr,
.ws-br {
  float: right;
}

h2 {
  font-size: 1.5em;
  margin: 10px 0;
}

h4 {
  margin: 5px 0;
}

th {
   text-align: left;
}

.itemPreview_hidden,
.ws-hidden {
  display: none;
}

.itemPreviewTable {
  position: absolute;
  background-color: #FFFFFF;
  border: 1px solid #777777;
}

.itemPreviewTableHeader td {
  font-weight: bold;
}

/*** Begin Top Menu Style ***/
ul.ws-menu {
  float:      left;
}

ul.ws-menu, ul.ws-menu * {
  margin:      0;
  padding:    0;
  list-style:    none;
}
ul.ws-menu {
  line-height:  1.0;
}
ul.ws-menu ul {
  position:    absolute;
  top:      -999em;
  width:      20em; /* left offset of submenus need to match (see below) */
}
ul.ws-menu ul li {
  width:      100%;
  overflow:   hidden;
}
ul.ws-menu li:hover {
  visibility:    inherit; /* fixes IE7 'sticky bug' */
}
ul.ws-menu li {
  float:      left;
  position:    relative;
}
ul.ws-menu a {
  display:    block;
  position:    relative;
}
ul.ws-menu li:hover ul,
ul.ws-menu li.sfHover ul {
  left:      0;
  top:      2.5em; /* match top ul list item height */
  z-index:    99;
}
ul.ws-menu li:hover li ul,
ul.ws-menu li.sfHover li ul {
  top:      -999em;
}
ul.ws-menu li li:hover ul,
ul.ws-menu li li.sfHover ul {
  left:      20em; /* match ul width */
  top:      0;
}
ul.ws-menu li li:hover li ul,
ul.ws-menu li li.sfHover li ul {
  top:      -999em;
}
ul.ws-menu li li li:hover ul,
ul.ws-menu li li li.sfHover ul {
  left:      20em; /* match ul width */
  top:      0;
}



/*** arrows **/
ul.ws-menu a.sf-with-ul {
  padding-right:   2.25em;
  min-width:    1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
  position:    absolute;
  display:    block;
  right:      .75em;
  top:      1.05em; /* IE6 only */
  width:      10px;
  height:      10px;
  text-indent:   -999em;
  overflow:    hidden;
  background:    url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
  top:      .8em;
  background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

.mainmenu .sf-sub-indicator {
   top: 1.1em;
}


/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
  background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
ul.ws-menu ul .sf-sub-indicator { background-position:  -10px 0; }
ul.ws-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
ul.ws-menu ul a:focus > .sf-sub-indicator,
ul.ws-menu ul a:hover > .sf-sub-indicator,
ul.ws-menu ul a:active > .sf-sub-indicator,
ul.ws-menu ul li:hover > a > .sf-sub-indicator,
ul.ws-menu ul li.sfHover > a > .sf-sub-indicator {
  background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
  background:  url('../images/shadow.png') no-repeat bottom right;
  padding: 0 8px 9px 0;
  -moz-border-radius-bottomleft: 17px;
  -moz-border-radius-topright: 17px;
  -webkit-border-top-right-radius: 17px;
  -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
  background: transparent;
}

/*** Skin Main Menu ***/

.mainmenu ul {
  width: 15em; /* left offset of submenus need to match (see below) */
}
.mainmenu li:hover ul,
.mainmenu li.sfHover ul {
  top: 2.8em; /* match top ul list item height */
}
ul.mainmenu li li:hover ul,
ul.mainmenu li li.sfHover ul {
  left: 15em; /* match ul width */
}
ul.mainmenu li li li:hover ul,
ul.mainmenu li li li.sfHover ul {
  left: 15em; /* match ul width */
}

.mainmenu a {
  padding: 14px;
  text-decoration:none;
}

.mainmenu a:focus,
.mainmenu a:hover,
.mainmenu a:active {
  outline:    0;
  text-decoration: none;
}

.mainmenu a,
.mainmenu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
  color:      #FFFFFF;
}
.mainmenu li {
  background:  transparent none;
  border-right: 1px solid #444444;
  font-size:1.3em;
}
.mainmenu li li {
  background:    #f3f3f3;
  border-bottom: 1px solid #CCCCCC;
  border-right: 0 none;
  font-size:0.8em;
}
.mainmenu li li li {
  background:    #f3f3f3;
  font-size:1em;
}

.mainmenu li li a,
.mainmenu li li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
  color:      #333333;
}

.mainmenu li li a:hover  {
  color: #FFFFFF;
}

.mainmenu li.menu_item_divider {
  border-left: 4px solid #444444;
  border-right: 0 none;
  height: 45px;
  width: 0;
}

.mainmenu li:hover,
.mainmenu li.sfHover {
  background:  url('../images/bg-bar-hover.png') repeat-x top left #e2e2e2;
}

.mainmenu li li:hover,
.mainmenu li li.sfHover {
  background:  url('../images/bg-bar-hover.png') repeat-x top left #e2e2e2;
}

ul.mainmenu {
  position: relative;
}

/* Product group menu */

.ws-menu li.productgroup {
  position: static;
}

.ws-menu li.productgroup li:hover ul,
.ws-menu li.productgroup li.sfHover ul,
.ws-menu li.productgroup li li:hover ul,
.ws-menu li.productgroup li li.sfHover ul {
  left: 0;
}

.ws-menu li.productgroup li .sf-sub-indicator {
  display: none;
}

.mainmenu li.productgroup .menu-expand {
  background-color: #f6f6f6;
  position: absolute;
  left: 0;
  right: auto;
}

.topmenu li.productgroup .menu-expand {
  background-color: #f6f6f6;
  position: absolute;
  left: auto;
  right: 0;
}

.ws-menu li.productgroup:hover .menu-expand,
.ws-menu li.productgroup:sfHover .menu-expand {
  padding: 5px 15px;
  width: 928px;
  border: 1px solid #cccccc;
  z-index: 99;
}

.ws-menu li.productgroup ul {
  width: 960px;
  background: transparent none;
  
}

.ws-menu li.productgroup ul a:hover {
  text-decoration: underline;
}

.ws-menu li.productgroup:hover ul,
.ws-menu li.productgroup:sfHover ul {
  position: static
}

.ws-menu li.productgroup ul ul {
  width: auto;
  left: 0px;
  padding: 0 0 0 5px;
}

.ws-menu li.productgroup li {
  width: 300px;
  background: transparent none;
  font-weight: bold;
  border: 0 none;
  padding: 5px 0;
}

.ws-menu li.productgroup li li {
  background: transparent none;
  font-weight: normal;
  font-size: 1em;
  float: none;
}

.ws-menu li.productgroup li a,
.ws-menu li.productgroup li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
  color: #333333;
  padding: 2px;
}


/*** Skin Topmenu ***/

.topmenu a {
  padding: .75em 1em;
  text-decoration:none;
}

.topmenu a:focus,
.topmenu a:hover,
.topmenu a:active {
  outline:    0;
  text-decoration: none;
}

.topmenu a,
.topmenu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
  color:      #333;
}
.topmenu li {
  background:  url('../images/topmenu.png') repeat-x top left #ffffff;
  border-right: 1px solid #dddddd;
}

.topmenu li.menu_item_divider {
  border-right: 0 none;
  margin-right: 3px;
}

.topmenu li li {
  background:    #f3f3f3;
  border-bottom: 1px solid #cccccc;
}
.topmenu li li li {
  background:    #f3f3f3;
}
.topmenu li:hover,
.topmenu li.sfHover {
  background:  url('../images/topmenu-inv.png') repeat-x top left #ffffff;
}

.topmenu li li:hover,
.topmenu li li.sfHover {
  background:  url('../images/topmenu-sub.png') repeat-x top left #e2e2e2;
}

/*** Skin SideMenu ***/

#sidebar ul.ws-menu,
#sidebar ul.ws-menu ul {
  padding: 0 0 0 20px;
}

#sidebar ul.ws-menu li {
  float: none;
  list-style: disc outside none;
  padding: 5px 0px;
}

#sidebar ul.ws-menu li.menu_item_divider {
  border-bottom: 1px solid #CCCCCC;
  list-style: none outside none;
  margin: 3px 0;
  padding: 0;
}

#sidebar ul.ws-menu li.menu_item_divider div {
  height: 1px;
}

#sidebar .ws-menu a {
  text-decoration:none;
}

#sidebar .ws-menu a:focus,
#sidebar .ws-menu a:hover,
#sidebar .ws-menu a:active {
  outline:    0;
  text-decoration: none;
}



/*** End Menu Style ***/

body {
  color: #333333;
  font: 75%/133% Arial,Helvetica,sans-serif;
  width: 100%;
  margin: 0px;
  background: none repeat scroll 0 0 transparent;
}

#wrap {
  width: 960px;
  margin: 0px auto;
  padding: 0px;
  background: none repeat scroll 0 0 transparent;
}

a {
  text-decoration: none;
  color: #285986;
}

a:hover {
  text-decoration: underline;
}

hr {
  border: 0;
  color: #9E9E9E;
  background-color: #9E9E9E;
  height: 1px;
}

.btn1 {
  background: url("../images/button.png") no-repeat scroll 0 0 transparent;
  padding: 4px 10px 4px 17px;
}

a.btn1:hover {
  text-decoration: none;
  color: #5182B0;
}

.btn1-closer {
  background: url("../images/button-close.png") no-repeat scroll 0 0 transparent;
  padding: 4px 4px 4px 0;
}

/* Pop ups */

.ws-modal-popup {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 500;
}

.ws-admin-dialog-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.ws-admin-dialog {
  background-color: #FFFFFF;
  border: 1px solid #333333;
  left: 50%;
  margin-left: -250px;
  margin-top: -200px;
  position: absolute;
  top: 50%;
  width: 500px;
}

.ws-admin-dialog-header {
  background-color: #fff6de;
  border-bottom: 1px solid #AAAAAA;
  font-size: 1.2em;
  font-weight: bold;
  padding: 10px;
  width: 480px;
}

.ws-admin-dialog-content {
  max-height: 400px;
  width: 480px;
  overflow: auto;
  padding: 0 10px;
}

.ws-admin-dialog-buttons {
  text-align: center;
  padding: 10px 0;
  background-color: #F9F9F9;
  border-top: 1px solid #DDDDDD;
}

.ws-print {
  float: right;
}

/* *** Header *** */

#header .logo {
  float: left;
  width: 230px;
  height: 92px;
  padding: 4px;
  position: relative;
  z-index: -1;
}

#header .ws-payoff {
  left: 0;
  position: absolute;
  top: 0;
  z-index: -1;
}

#header .ws-payoff img {
  width: 960px;
  height: 100px;
}

#header .row {
  float: left;
  clear: both;
  width: 720px;
}

.header-right {
  float: left;
  width: 720px;
  z-index: 200; /* make sure top menu is over other content */
  position: relative;
}

div.top-menu {
  float: left;
  margin-top: 10px;
  height: 30px;
  width: 450px;
}

div.language {
  margin: 8px 5px 5px 0;
  float: right;
}

div.login-state {
  padding: 0 5px 0 0;
  white-space: nowrap;
}

div.not-logged-in-action {
  display: inline;  
}

div.header-search {
  float: left;
  padding: 10px 0 0;
}

div.shoppingcart {
  float: right;
  padding: 5px;
}

/* *** Afdrukken/ Print *** */
@media print 
{
   #header { display: none; }
   #sidebar { display: none; }
   #footer { display: none; }
   
   /* Hide product detail page parts product when printing  */
   .ws-item-detail .ws-clickpath { display: none; }
   .ws-item-detail .ws-image-zoom { display: none; }
   .ws-item-detail .ws-product-detail-actions { display: none; }
   .ws-item-detail .ws-fast-order { display: none; }
   .ws-item-detail .ws-replacable-products { display: none; }
   .ws-item-detail .ws-zoekres-pagenav { display: none; }
}


/* *** Winkelwagen op home page/ Home page shopping cart *** */
.ws-homepage-shopping-cart {
  background-color: #FFFFFF;
  border: 1px solid #AAAAAA; 
  vertical-align: middle;
  width: 260px;
}

.ws-homepage-shopping-cart .ws-shopping-cart {
  padding: 2px 0;
}

.ws-homepage-shopping-cart .ws-cart-total {
  overflow: hidden;
}

.ws-homepage-shopping-cart .ws-cart-icon {
    border-right: 1px solid #AAAAAA;
    float: left;
    height: 33px;
    margin: 2px 2px 2px 4px;
    padding-right: 10px;
    width: 13px;
}

.ws-homepage-shopping-cart .ws-total-price {
  font-weight: bold;
  text-align: center;
  line-height: 160%;
}

.ws-homepage-shopping-cart .ws-total-price:hover {
  text-decoration: none;
}

.ws-homepage-shopping-cart .ws-vat {
  font-size: smaller;
  vertical-align: bottom;
}

.ws-homepage-shopping-cart .ws-expand-icon {
  float: right;
  width: 16px;
  height: 16px;
  margin: 10px 4px;
}

.ws-homepage-shopping-cart .ws-expand-cart {
  background-color:#FFFFFF;
  border:1px solid #CCCCCC;
  margin-left: -31px;
  margin-top: 2px;
  padding: 5px;
  position: absolute;
  width: 280px;
  display: none;
  z-index: 500;
}

.ws-shopping-cart-expanded .ws-expand-cart {
  display: block;
}

.ws-homepage-shopping-cart .ws-articles-count {
  display: none;  /* !?! */
}

.ws-homepage-shopping-cart table {
  width: 100%;
}

.ws-homepage-shopping-cart table td {
  padding: 2px 0px;
}

.ws-homepage-shopping-cart table td.ws-label {
  padding-right: 10px;
}

.ws-homepage-shopping-cart table td.ws-value {
  white-space: nowrap;
  text-align: right;
}

.ws-homepage-shopping-cart table tr.ws-no-cart-items td {
  padding: 10px;
  text-align: center;
}


.ws-homepage-shopping-cart table tr.ws-to-shoppingcart td {
  font-weight: bold;
  padding: 7px 0;
}

.ws-homepage-shopping-cart table tr.ws-total-price-bottom td {
  font-weight: bold;
  border-top: 1px solid #AAAAAA;
  padding-top: 10px;
}

.ws-homepage-shopping-cart h2 {
  display: none; /* !?! */
}

/* select shopping-cart: dateTextbox */
.ws-shopping-cart-select .ws-date input[type=text] {
  width: 90px;
}

/* *** Kruimelpad/ Bread crumb *** */
div.ws-clickpath {
  padding: 0px 10px;
  line-height: 200%;
}

div.ws-clickpath ul {
  margin: 0;
  padding: 0;
}

div.ws-clickpath li {
  display: inline;
  list-style-type: none;
}

div.ws-clickpath a {
  border-right: 1px solid #777777;
  padding: 0 5px 0 0;
}


/*********** Language select *************/

div.language-bar {
  float: right;
}

.ws-language-selector div {
  float: left;
  margin: 0px 2px;
}

.ws-language-selector a.flag,
.ws-language-selector a.flag-current {
  display: block;
  height: 11px;
  width: 16px;
  background: none no-repeat scroll 0 0 transparent;
}

.ws-language-selector .PanelNL a {
  background-image: url("../images/lang-nl.gif");
}

.ws-language-selector .PanelEN a {
  background-image: url("../images/lang-en.gif");
}

.ws-language-selector .PanelDE a {
  background-image: url("../images/lang-de.gif");
}

.ws-language-selector .PanelFR a {
  background-image: url("../images/lang-fr.gif");
}

.ws-language-selector a.flag-current,
.ws-language-selector a.flag:hover {
  background-position: 0 -11px;
}


/*********** Main Menu ********** */
#mainmenu {
  background:none repeat scroll 0 0 transparent;
  clear:both;
  width:100%;
  height: 45px;
  z-index: 100;  /* make sure main menu is under top menu */
}


/* *** Footer *** */

#footer {
  text-align: center;
  margin: 10px 0;
  clear: both;
}

#footer a {
  padding: 0 30px 0 0;
}

/* *** Content *** */

#content {
   clear: both;
   overflow: hidden;
}

.main-content-wrapper {
   width: 720px;
   float: left;
}

.main-content-wrapper-full {
   width: 960px;
   float: left;
}

#main-content {
   background-color: #fff;
   border: 1px solid #aaaaaa;
   margin: 2px;
   padding: 5px;
   overflow: hidden;
}

.product-groups,
.item-offer,
hr.devider {
   clear: left;
   overflow: hidden;
}

div.home-productgroepbox {
  float: left;
  overflow: hidden;
}

table.ws-list-table-actions tr.ws-button td,
table.ws-list-table-actions td.ws-button,
table.ws-list-table-criteria tr.ws-button td,
table.ws-list-table-criteria td.ws-button, 
table.ws-list-table tr.ws-button td,
table.ws-list-table td.ws-button {
  text-align: right;
  padding: 10px 0 5px;
  border-bottom: 0 none;
}



/* *** Sidebar *** */

#sidebar {
  float: left;
  width: 232px;
  margin: 0 2px;
  padding: 2px;
  overflow: hidden;
}

#sidebar .ws-tl {
  background: url("../images/header-left.png") no-repeat;
  height: 37px;
  width: 3px;
}

#sidebar .ws-tm {
  background: url("../images/header-center.png") repeat-x;
  height: 37px;
  width: 226px;
}

#sidebar .ws-tr {
  background: url("../images/header-right.png") no-repeat;
  height: 37px;
  width: 3px;
}

#sidebar .ws-ctr {
  background-color: #ffffff;
  padding: 5px;
  width: 224px;
}

#sidebar h2 {
  margin: 0px;
  padding: 10px 0 10px 20px;
  font-size: 1.3em;
}

#sidebar div.ws-module {
  margin-bottom: 10px;
  overflow: hidden;
}

/* **** News*** */

.ws-news-item {
  margin-bottom: 5px;
}

.ws-news-title {
  font-weight: bold;
}


/* **** Company Info *** */

#sidebar div.ws-company-info ul {
  margin: 0px;
  padding: 0 5px;
}

#sidebar div.ws-company-info li {
  list-style-type: none;
  padding: 2px 0;
}

/* *** WSHomepageProductGroups *** */

div.home-productgroepbox {
  margin: 2px 3px;
  width: 225px;
  border: 1px solid #ddd;
  background-color: #fff;
  text-align: center;
}

.home-productgroepbox div.title-overflow {
  text-align: left;
}

.home-productgroepbox .title-overflow a {
  background: url("../images/header-center.png") repeat-x scroll 0 -12px transparent;
  display: block;
  height: 14px;
  padding: 5px 0 5px 5px;
  width: 225px;
}

.home-productgroepbox ul {
  height: 80px;
  margin: 5px 0;
  padding: 0 0 0 20px;
  text-align: left;
 }

.WSProductgroup img {
  width: 220px;
  height: 80px;
  border: 0 none;
}

/* ************** Login/Login ******************** */

#sidebar div.login {
  background-color: #FFFFFF;
  overflow: hidden;
}


/* ************** Aanbiedingen/Offers ************* */
/* ************** Nieuw/New *********************** */

div.ws-item-new-item,
div.ws-item-offer-item {
  float: left;
  width: 216px;
  margin: 2px;
  padding: 10px 5px;
  overflow: hidden;
  height: 260px;
  background-color: #fff;
  border:1px solid #EEEEEE;
}

/* *** In sidebar *** */

#sidebar div.ws-item-new .ws-clickpath,
#sidebar div.ws-item-offer .ws-clickpath {
  display: none;
}

#sidebar div.ws-item-new-item,
#sidebar div.ws-item-offer-item {
  float: left;
  width: 216px;
  margin: 0px;
  padding: 10px 5px;
  overflow: hidden;
  height: auto;
  background-color: #fff;
  border-color: #DDDDDD;
  border-style: solid;
  border-width: 0 0 1px;
}

.ws-item-new-item .ws-header,
.ws-item-offer-item .ws-header {
  float: right;
  margin: 10px 0;
  padding: 0;
  text-align: center;
  width: 100px;
  background-color: #CCCCCC;
}

.ws-item-new-item .ws-item-image,
.ws-item-offer-item .ws-item-image {
  float: left;
  padding: 0 0 5px 0;
  height: 90px;
  width: 110px;
  text-align: center;
}

.ws-item-new-item .ws-item-image img,
.ws-item-offer-item .ws-item-image img {
  border: 0 none;
}

.ws-item-new-item .ws-price-info,
.ws-item-offer-item .ws-price-info {
  float: left;
  text-align: center;
  width: 105px;
}

.ws-item-offer-item .ws-label-from,
.ws-item-offer-item .ws-label-to,
.ws-item-offer-item .ws-label-price {
  display: none;
}

.ws-item-offer-item .ws-price-from {
  font-size:1.2em;
  text-decoration: line-through;
}

.ws-item-new-item span.ws-price,
.ws-item-offer-item span.ws-price,
.ws-item-offer-item span.ws-price-to {
  font-size: 1.5em;
  line-height: 130%;
}

.ws-item-new-item .ws-title,
.ws-item-offer-item .ws-title {
  font-size:1.2em;
  font-variant:small-caps;
  font-weight:bold;
  clear:both;
  height:2.4em;
  overflow:hidden;
}

.ws-item-new-item .ws-desciption,
.ws-item-offer-item .ws-desciption {
  height: 4em;
  margin-bottom: 5px;
  overflow: hidden;
}

#sidebar .ws-item-new-item .ws-desciption,
#sidebar .ws-item-offer-item .ws-desciption {
  height: auto;
}

.ws-item-new-item .ws-item-number,
.ws-item-offer-item .ws-item-number {
  margin-top: 5px;
}

.ws-item-new-item .ws-cart,
.ws-item-offer-item .ws-cart {
  margin-top: 10px;
}

.ws-offer-link,
.ws-new-link {
  overflow: hidden;
  padding: 5px;
  clear: both;
}

.ws-item-offer .ws-productgroup,
.ws-item-new .ws-productgroup {
   white-space: nowrap;
} 

/* *************** Promoties/Promotions *************** */

.ws-promotion {
  text-align: center;
}

.ws-promotion img {
  border: 0 none;
}

/* ********** Kalender/Calendar ********** */
.CalendarMain {
  position: absolute;
  background-color: #FFFFFF;
}

.CalendarMain .TitleStyle {
  font-weight: bold;
}

.CalendarMain td.DayStyle,
.CalendarMain td.DayHeaderStyle {
  padding: 2px 5px;
  border: 1px solid #DDDDDD;
}

.CalendarMain td.DayHeaderStyle {
  background-color: #E6EEEE;
  font-weight: bold;
}

.CalendarMain td.OtherMonthDayStyle {
  background: #F3F3F3 none;
}

.CalendarMain td.OtherMonthDayStyle a {
  color: #777777;
}

.CalendarMain td.TodayDayStyle {
   border-width: 3px;
}

.CalendarMain td.SelectedDayStyle {
  border-color: #777777;
   border-width: 2px;
}

/* ********** Product detail ********** */

div.ws-product-detail-actions {
  float:right;
  padding:10px;
}

div.ws-product-detail-actions a {
  float: right;
  padding: 0 10px 0 20px;
}

div.ws-product-detail-actions a.ws-email {
  background: url("../images/icon_email.gif") no-repeat scroll 0 0 transparent;
}

div.ws-product-detail-actions a.ws-print {
  background: url("../images/icon_print.gif") no-repeat scroll 0 0 transparent;
}

div.ws-product-detail div.ws-product-info {
  float: left;
  width: 470px;
  margin-bottom:25px;
}

table.ws-product-info td {
  vertical-align: top;
  padding:5px 0 0 0;
}

table.ws-product-info .ws-label {
  padding-right: 10px;
  font-weight: bold;
}

table.ws-product-info .ws-hidden {
position: absolute;
}

table.ws-product-info table.ws-price-info,
table.ws-product-info table.ws-stock-info {
  position: absolute;
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
}

table.ws-product-info .ws-stock-info .ws-header,
table.ws-product-info .ws-price-info .ws-header {
  font-weight: bold;
  text-align: center;
}

table.ws-product-info .ws-stock-info td {
  padding:3px 2px;
}

table.ws-product-info .ws-price-info td {
  padding:3px 10px;
}

table.ws-product-info .ws-price-info td.ws-price-label {
  color: #555555;
}

.ws-product-detail div.ws-product-image {
  float: right;
}

.ws-product-detail div.ws-product-image .ws-product-image-thumbs {
  padding: 5px 0;
  overflow: hidden;
  width: 200px;
}

.ws-product-detail div.ws-product-image .ws-product-image-thumb {
  float: left;
  padding: 5px 5px 0 0;
  width: 40px;
  height: 40px;
}

.ws-product-files {
  clear: both;
  margin-top: 5px;
}

.ws-product-detail div.ws-fast-order {
  clear: both;
  margin-bottom: 25px;
}

.ws-product-detail table.ws-fast-order {
  border: 1px solid #CCCCCC;
  padding: 5px;
}

.ws-product-detail table.ws-fast-order td.ws-button {
  text-align: right;
  padding: 5px 2px;
}

.ws-product-detail .ws-image-zoom {
    position: relative;
    right: -3px;
    bottom: -5px;
}

.ws-product-detail .ws-product-image-big {
   padding-bottom: 2px;  
}

table.ws-fast-order td {
  padding: 2px;
}

/* ********** ItemDropDownMenu ********* */

#sidebar .ws-item-dropdown-menu ul {
  margin: 0;
  padding: 0 0 0 20px;
}

#sidebar .ws-item-dropdown-menu li {
  padding: 5px 0;
}

/* ********** Zoek(resultaat) / Search (result) ********** */

.ws-search-list .ws-title 
{
  font-weight: bold;
  display: block;
  padding-bottom: 5px;
}

.ws-search-list ul 
{
  margin: 0;
  padding: 0;
}

.ws-search-list li a {
  padding-right: 20px;
}

.ws-search-list li a:hover {
  text-decoration: none;
}

.ws-search-list .ws-delete {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    padding: 0px;
}

.ws-search-sidebar {
  width: 221px;
  float: left;
  margin: 2px;
  padding: 7px 0 7px 7px;
  border: 1px solid #aaaaaa;
  overflow: hidden;
  background-color: #FFFFFF;
}

.ws-search-sidebar h4 {
  margin: 0;
}

.ws-search-sidebar .ws-search-list select {
  width: 192px;
}


.ws-search-sidebar .ws-search-add input,
.ws-search-sidebar .ws-search-add img {
  vertical-align: middle;
}

.ws-search-sidebar .ws-search-add,
.ws-search-sidebar .ws-search-sort {
  margin: 5px 0 0 0;
}

.ws-search-sidebar .ws-search-add input {
  width: 186px;
}

.ws-search-sidebar .ws-search-list-grp,
.ws-search-sidebar .ws-search-list-cat {
  margin-top: 10px;
}

.ws-search-sidebar .ws-search-list-grp a,
.ws-search-sidebar .ws-search-list-cat a {
  font-weight: bold;
}

.ws-search-list-grp ul {
  margin: 0;
  padding: 0 0 0 5px;
}

.ws-search-sidebar li {
  list-style-type: none;
}

.ws-search-sidebar .ws-search-list-grp li a,
.ws-search-sidebar .ws-search-list-cat li a {
  font-weight: normal;
}

.ws-search-result {
  width: 700px;
  float: left;
  margin: 2px;
  padding: 2px;
  border: 1px solid #aaaaaa;
  overflow: hidden;
  background-color: #FFFFFF;
}

/* *********** lijsten/lists ************* */
.ws-list-table-header {
  padding: 5px 5px 0;
}

.ws-list-table-header .ws-result-title {
  font-weight: bold;
  margin: 0 0 5px;
}

.ws-list-table-page-info {
  padding: 3px 0;
}

.ws-list-table-page-number {
  float: left;
}

.ws-list-table-page-items,
.ws-list-table-page-options {
  float: right;
}

div.ws-list-table-page-control {
  width: 350px;
  margin: 0 auto;
  text-align: center;
}

div.ws-list-table-page-control a,
div.ws-list-table-page-control span.zoekres-pagenav-true {
  padding: 2px 5px;
}

div.ws-list-table {
  clear: both;
}

table.ws-list-table {
  margin: 5px 0;
  text-align: left;
  width: 100%;
}

table.ws-list-table tbody td {
  background-color: #FFFFFF;
  border-bottom: 1px solid #EEEEEE;
  padding: 4px;
  vertical-align: top;
}

table.ws-list-table tbody tr.ws-no-line td {
  border-bottom: 0px none;
}

table.ws-list-table th {
  background-color: #E6EEEE;
  border: 0 none;
  padding: 4px;
  vertical-align: top;
}

table.tblItemHorizontal ul,
table.ws-list-table ul {
  margin: 0;
  padding: 0;
}

table.ws-list-table input[type=checkbox] {
  margin: 1px;
}

table.ws-list-table .ws-imgwrapper-m {
  text-align: center;
}

table.ws-list-table .ws-imgwrapper-m img {
  border:0 none;
  width:40px;
}

table.ws-list-table .ws-imgwrapper-m a {
  width: 50px;
  border: 0 none;
}

table.ws-list-table td.ws-stock,
table.ws-list-table th.ws-price,
table.ws-list-table td.ws-price {
  white-space: nowrap;
  text-align: right;
  width: 60px;
}

table.ws-list-table td.ws-stock-image {
  text-align: center;
  width: 60px;
}

table.ws-list-table th.ws-price-per,
table.ws-list-table td.ws-price-per {
  white-space: nowrap;
  text-align: right;
  width: 40px;
}

table.ws-list-table td.ws-item {
   width: 300px;
}

table.ws-list-table td.ws-item-image {
   width: 60px;
}

table.ws-list-table .ws-item-number {
   font-weight: bold; 
   font-size: 0.980em;
   overflow: hidden;
   width: 300px;
}

table.ws-list-table td.ws-item-number-input,
table.ws-list-table th.ws-item-number-input,
table.ws-list-table td.ws-item-number-input input[type=text] {
  width: 250px;
}

table.tblItemHorizontal .ws-item-description li,
table.ws-list-table .ws-item-description li {
  list-style-type: none;
}

table.ws-list-table td.ws-line-check {
  vertical-align: middle;
  width: 10px;
}

table.ws-list-table td.ws-line-number {
  width: 20px;
}

table.ws-list-table td.ws-item-unit {
   width: 60px;
}

table.ws-list-table .ws-item-unit SELECT {
  width: 100px;
}

table.ws-list-table td.ws-amount,
table.ws-list-table th.ws-amount,
table.ws-list-table td.ws-amount input {
  width: 40px;
  text-align: right;
}

table.ws-list-table td.ws-delivery-information,
table.ws-list-table th.ws-delivery-information,
table.ws-list-table td.ws-delivery-information SELECT {
  width: 190px;
}

table.ws-list-table td.ws-date,
table.ws-list-table th.ws-date {
   width: 80px;
   text-align: right;
}

table.ws-list-table td.ws-order-number,
table.ws-list-table th.ws-order-number {
   width: 70px;
}

div.ws-list-table-criteria {
  margin: 10px 0;
}

table.ws-list-table-criteria {
  background-color: #FDFDFD;
  border: 1px solid #DDDDDD;
  padding: 5px;
}

table.ws-list-table .button-row,
table.ws-list-table-criteria .button-row {
  padding: 15px 0 5px;
  text-align: right;
  border: 0 none;
}

div.ws-list-table-actions {
  background-color: #EEEEEE;
  padding: 2px 10px;
}

.ws-zoekres-pagenav {
  text-align: center;
}

/* *********** Artikelen op alfabet/Items on alphabet ************* */

#tableAlphabed {
  margin: 10px 0px;
}

#tableAlphabed a {
  padding: 0 5px;
  font-size: 1.5em;
}

#searchBottum,
#searchTop {
  width: 20em;
  text-align: center;
  margin: 0 auto;
}

/* ********** Inlezen bestelling/Item import ********** */

.ws-item-import-error {
  background-color: #FFEEEE;
  border: 1px solid #DD0000;
  font-weight: bold;
  padding: 20px;
}

.ws-item-import-explanation {
  padding: 20px 0 10px;
}

/* ********** Kernassortiment/Core selection ********** */

.ws-core-selection-explanation {
  padding: 20px 0 10px;
}

/* ********** Login/Login ********** */

.ws-login label {
  clear: both;
  float: left;
  width: 180px;
}

.ws-login div.ws-form-entry {
  margin: 2px 0px;
}

.ws-login .ws-form-entry input {
    width: 150px;
}

.ws-login div.btn-wrapper {
  margin: 10px 0px;
}

.ws-login a.ws-inlogbox {
  display: block;
}

.ws-login .errors {
  color: #CC4444;
  font-style: italic;
  margin-bottom: 10px;
}

.ws-login .ws-savedata input {
  margin: 5px 2px;
  vertical-align: middle;
}

.ws-login .ws-savedata span {
  vertical-align: middle;
}

.ws-login .ws-lost-password img.verification {
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  padding: 1px;
}

.ws-login .ws-buttons div {
  float: left;
}


/* *************** Retourorder/Return order *************** */

.ws-return-order .ws-list-table-actions {
  width:100%;
}

.ws-return-order .ws-item-unit {
  width: 100px;
}

.ws-return-order .ws-item-unit SELECT {
  width: 100px;
}

.ws-return-order .ws-return-reason {
  width: 162px;
}

.ws-return-order .ws-return-reason SELECT {
  width: 162px;
}

.ws-return-order .ws-sales-order {
  width: 100px;
}

.ws-return-order .ws-sales-order INPUT {
  width: 125px;
  text-align: right;
}

/* *************** Orderinformatie/Orderinformation *************** */

.ws-order-information .ws-list-table TH {
   vertical-align: top;
}

.ws-order-information .ws-invoiced {
   width: 40px;
   text-align: right;
}

.ws-order-information .ws-sales-order {
   width: 100px;
}

/* *************** Herhaalbestelling/Repeat order *************** */

.ws-repeat-order .ws-list-table TH {
   vertical-align: top;
}

/* *************** Contact/Contact *************** */

.ws-contact .ws-header {
  padding: 0 0 10px;
}

.ws-contact label {
  clear: both;
  float: left;
  width: 180px;
}

.ws-contact input[type=text],
.ws-contact textarea {
   width: 205px;
}

.ws-contact div.ws-form-entry {
  margin: 2px 5px;
}

.ws-contact div.btn-wrapper {
  margin: 10px 5px;
}

.ws-contact .ws-error {
  color: #CC4444;
  font-style: italic;
  margin-bottom: 10px;
}

/* *************** Persoonlijke gegevens/User information *************** */

.ws-userinfo input[type=text],
.ws-userinfo input[type=password] {
  width: 180px;
}

.ws-userinfo .ws-button {
   padding-top: 10px;
}

/* *************** Snel bestellen / FastOrder *************** */
.ws-fast-order table.ws-list-table th.ws-deliverdate
{
  width: 110px;   /* Ivm lange kolom header tekst */
    text-align: right;
}

.ws-fast-order table.ws-list-table td.ws-deliverdate,
.ws-fast-order table.ws-list-table td.ws-deliverdate input[type=text]
{
  width: 70px;   /* Ivm lange kolom header tekst */
    text-align: right;
}


/* *************** Uw winkelwagen/Shopping cart *************** */

.ws-shopping-cart .ws-list-table-controls {
  font-size: 0.9em;
}

.ws-shopping-cart .ws-subtitle {
  margin: 10px 0;
}

.ws-shopping-cart .ws-order-button {
  margin: 10px 0;
  text-align: right;
}

.ws-shopping-cart .ws-list-table tr.ws-total td {
  font-weight: bold;
  border-top: 1px solid #BBBBBB;
}

.ws-shopping-cart .ws-change-deliverydate-button-save {
   margin-top: 200px;    
}


/* *************** Bestelgegevens/Order data *************** */
.ws-order-data .ws-order-button {
  margin: 10px 0;
  text-align: right;
}


.ws-order-data .ws-list-table-actions {  
  border: 1px solid #AAAAAA;
  background-color: #FFFFFF;
}

/* *************** Order plaatsen/Place order *************** */
.ws-place-order .ws-list-table tr.ws-total td {
  font-weight: bold;
  border-top: 1px solid #BBBBBB;
}

.ws-place-order .ws-order-button {
  margin: 10px 0;
  text-align: right;
}

.ws-place-order .ws-invoicedescription td.ws-invoiceaddress,
.ws-place-order .ws-invoicedescription td.ws-paymentmethod {
  font-weight: bold;
}

.ws-place-order ws-module .ws-paymentdata {
  height: 105px;
}

.ws-place-order div.ws-paymentdata
{
   height: 30px;
   margin-bottom: 20px;
}

.ws-place-order td.ws-paymentdata-label
{
   width: 120px;
}

.ws-place-order .ws-invoicedescription 
{
   margin-bottom: 20px;
}

.ws-place-order td.ws-invoiceaddress
{
    width: 120px;
}

.ws-place-order tr.paymentmethod > td
{
  padding-top: 0px;
}

/* *************** Order proces *************** */
.ws-order-proces {
  border: 1px solid #AAAAAA;
  width: 226px;
  background-color: #FFFFFF;
  border-color: #AAAAAA;
  border-style: solid solid none;
  border-width: 1px 1px 0;
}

.ws-order-proces .ws-proces-active-state,
.ws-order-proces .ws-proces-state {
  height: 37px;
  border-bottom: 1px solid #AAAAAA;
  text-align: center;
  line-height: 37px;
}

.ws-order-proces .ws-proces-state-info {
  background: none #ffffff;
  color: #000000;
}

.ws-order-proces .ws-proces-state-info td.ws-amount{
  background: none #ffffff;
  text-align: right;
  white-space: nowrap;
  width: 120px;
}

.ws-order-proces .ws-proces-active-state .ws-active-state{
  font-weight: bold;
  color: #000000;
  margin-left: -10px;
}

.ws-order-table .ws-td-left {
  width:114px;
}

/* *************** Order proces - show order lines *************** */

.ws-order-lines-container
{
  width:670px;
}
.ws-order-lines-header
{
  height:23px;
  color:#FFF;
  cursor:pointer;
}

.ws-order-lines-header-content
{
  padding:5px;
  font-weight:bold;
}
.ws-order-lines-content
{
  
}
.ws-arrow-expand
{
  float:right;
  float:right;
  margin-top:7px;
  margin-right:5px;
}
.ws-arrow-expand:hover
{
  cursor:pointer;
}
.ws-arrow-collapse
{
  height:13px;
  float:right;
  margin-top:7px;
  margin-right:5px;
}
.ws-arrow-collapse:hover
{
  cursor:pointer;
}

/***************************
 * Eur. richtlijnen consumenten webshops...
 */
 
.ws-place-order .ws-order-button-top span {
	display: none;
}

.ws-place-order .ws-order-button-bottom span {
	display: none;
}

.ws-place-order .ws-order-button-bottom
{
	display: none;
}

.ws-place-order .ws-order-button-top a
{
	border: 1px dashed rgb(42, 88, 0);
	margin-right: 5px;
	background: none;
	padding-right: 15px;
	border-radius: 5px;
	background: #9dd53a;
	background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a));
	background: -webkit-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
	background: -o-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
	background: -ms-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
	background: linear-gradient(to bottom, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
	color: #222222;
	text-shadow: 0px 0px 3px #fff,0px 0px 3px #FFF;
}  

.ws-place-order .ws-order-button-bottom a
{
	border: 1px dashed rgb(42, 88, 0);
	margin-right: 5px;
	background: none;
	padding-right: 15px;
	border-radius: 5px;
	background: #9dd53a;
	background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a));
	background: -webkit-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
	background: -o-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
	background: -ms-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
	background: linear-gradient(to bottom, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
	color: #222222;
	text-shadow: 0px 0px 3px #fff,0px 0px 3px #FFF;
}

.joinbusy
{
    z-index            : 999999;
    position           : relative;
}