/*
//
// +----------------------------------------------------------------------+
// |zen-cart Open Source E-commerce                                       |
// +----------------------------------------------------------------------+
// | Copyright (c) 2003 The zen-cart developers                           |
// |                                                                      |
// | http://www.zen-cart.com/index.php                                    |
// |                                                                      |
// | Portions Copyright (c) 2003 osCommerce                               |
// +----------------------------------------------------------------------+
// | This source file is subject to version 2.0 of the GPL license,       |
// | that is bundled with this package in the file LICENSE, and is        |
// | available through the world-wide-web at the following url:           |
// | http://www.zen-cart.com/license/2_0.txt.                             |
// | If you did not receive a copy of the zen-cart license and are unable |
// | to obtain it through the world-wide-web, please send a note to       |
// | license@zen-cart.com so we can mail you a copy immediately.          |
// +----------------------------------------------------------------------+
// $Id: stylesheet.css 1223 2005-04-22 03:46:20Z ajeh $
*/
BODY {
	background-color: #EEE;
	color: #333;
	margin: 8px 0px 16px 0px;
	padding: 0px 0px 0px 0px;
    font-size: 0.8em;
    font-family: Avenir, "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}

.centershop {
	padding: 0px;
	margin: 0px auto;
	position: relative;
	text-align: left;
	width: 750px !important;
}

TD.main, P.main {
/*  font-size: 0.8em; */
/*  line-height: 1.5; */
}

A {
  color: #3165FF;
  text-decoration: none;
}

A:hover {
  color: #FF0000;
  text-decoration: underline;
}

FORM {
	display: inline;
}
.banners {
  padding: 15px;
}

/*HEADER CSS*/

TABLE.header {
  background-image: url(../images/header_bg.gif);
  background-repeat: no-repeat;
  background-color: #000;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  height: 80px;
}

TABLE.headerNavigation {
/*  background-image: url(../images/tile_back.jpg); */
  background-color: #FFF;
  border-right: 2px solid #000;
  border-left: 2px solid #000;
  border-bottom: 1px solid #000;
  width: 100% !important;
}

TD.headerNavigation {
  position: relative;
  vertical-align: middle;
    font-family: Avenir, "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  color:#000000;
  letter-spacing:1px;
  padding: 5px;
}

TD.breadCrumb {
  font-size: 0.8em;
  font-weight: bold;
  color: #333;
  padding: 3px;
  border-bottom: 1px dotted #333;
}

TD.headerNavigation A, TD.headerNavigation A:visited {
  font-weight: bold;
  color: #3165FF;
  text-decoration: none;
}

TD.footertop a {
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
}

TD.headerNavigation A:hover, td.footertop a:hover  {
  color: #FF0000;
  background-color: #FFF;
  text-decoration: underline;
}

TD.footertop a:hover {
  color: #FFF;
  background-color: #000;
  text-decoration: underline;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

/*SIDEBOX CSS*/

.column_left, .column_right, .column_single {
  background: #ffffff;
  padding: 2px;
}

.boxText {
  line-height: 125%;
}
.leftbox, .rightbox, .centerbox, .singlebox {
  font-size: 0.9em;
  background: #ffffff;
/*  border: 1px solid #9a9a9a; */
  margin-bottom: 15px;
}

.leftboxheading, .rightboxheading, .centerboxheading, .singleboxheading {
  /*background-color: #abbbd3;*/
  font-weight: bold;
  color: #000;
  padding: 3px;
  height: 20px;
  padding-left: 5px;
}

td.leftboxheading a, td.rightboxheading a, td.centerboxheading a, td.singleboxheading a {
  color: #000;
}

TR.leftboxheading, TR.rightboxheading, TR.centerboxheading, TR.singleboxheading {
  background: #FFF;
/*  background-image: url(../images/tile_back.jpg); */
}

.leftboxcontent, .rightboxcontent, .centerboxcontent, .singleboxcontent {
  line-height: 125%;
  padding: 0px 7px 0px 7px;
/*  border-top: 1px solid #9a9a9a;
  border-bottom: 1px solid #9a9a9a; */
}

.leftboxfooter, .rightboxfooter, .centerboxfooter, .singleboxfooter {
/*  background-color: #abbbd3;
  background-image: url(../images/tile_back.jpg);
  margin-bottom: 15px; */
}

.plainBox, .plainbox-description {
/*  font-family: Verdana, Arial, sans-serif;
  font-size: 11px; */
  background: #ffffff;
/*  border:1px solid #9a9a9a; */
  padding: 0px 5px 5px 5px;
}
.plainBoxHeading, TD.tableHeading {
  font-size: 1.1em;
  font-weight: bold;
  padding: 11px 5px 5px;
}
.productListing-heading {
  font-size: 1em;
  font-weight: bold;
  color: #ffffff;
  padding: 3px;
  height: 20px;
}

TD.productListing-heading{
  background-color: #000;
/*  background-image: url(../images/tile_back.jpg); */
}

TD.productlisting {
  border:1px solid #000;
}

TD.productListing-data {
  font-size: 1em;
  padding: 5px;
}

/*center main section
-----------------------------------*/
TD.pageHeading, DIV.pageHeading, h1 {
  font-size: 1.25em;
  font-weight: bold;
  color: #333;
/*  padding-top: 11px; */
}

.center_column {
/*  padding: 8px; */
}
.main_page{
  width: 100% !important;
  background-color: #ffffff;
  border-right: 2px solid #000;
  border-left: 2px solid #000;
/*  border-bottom: 2px solid #000; */
  padding: 5px;
}

/* footer
--------------*/

TABLE.footer {
  background: #ffffff;
  text-align: center;
  font-size: 0.85em;
  border-right: 2px solid #000;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
}

TR.footertop {
  background: #000;
/*  background-image: url(../images/tile_back.jpg); */
  font-size: 1em;
}

TD.footertop, TD.footerbottom {
  padding: 3px;
}

/*miscellaneous areas
-------------------------------------*/
TD.cartBox {
   background: #eff4f8;
   font-size: 0.85em;
   padding: 3px;
   border: 1px dotted #333;
}

TR.productListing-odd, TR.upcomingProducts-odd {
  background: #ffffff;
}

TR.productListing-even, TR.upcomingProducts-even, .productsNotifications {
  background: #eff4f8;
}

TD.productListing-data-description-odd {
  background: #ffffff;
  font-size: 0.95em;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
/*  border-bottom: 1px solid #000; */
}

TD.productListing-data-description-even {
  background: #eff4f8;
  font-size: 0.95em;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
/*  border-bottom: 1px solid #9a9a9a; */
}

td.pageresults a {
  color: #428dff;
}

td.pageresults a:hover {
  background: #FFFF33;
}

SPAN.newItemInCart {
  color: #ff0000;
  font-weight: bold;
}

TD.smallText, SPAN.smallText, P.smallText, td.pageresults{
   font-size: 0.95em;
}

TD.fieldKey {
  font-size: 1em;
  font-weight: bold;
}

TD.fieldValue {
  font-size: 1em;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-size: 1em;
}

TEXTAREA {
  width: 100%;
  font-size: 0.95em;
}

.greetUser {
   font-size: 1.1em;
   padding-top: 5px;
   padding-bottom: 5px;
}

SPAN.greetUser {
   color: #f0a480;
   font-weight: bold;
}

SPAN.markProductOutOfStock {
	color: #c76170;
/*	font: bold 12px Verdana, Arial, sans-serif; */
    font-weight: bold;
}

span.normalprice {
	text-decoration: line-through;
}

SPAN.productSpecialPrice, SPAN.productSalePrice, .stockWarning, span.coming {
  color: #ff0000;
}

span.productSpecialPriceSale {
  color: #ff0000;
	text-decoration: line-through;
}

SPAN.productPriceDiscount, .inputRequirement {
/*  font-size: 10px; */
  color: #FF0000;
}
.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

/* message box */

.messageBox {}
.messageStackError, .messageStackWarning, errorBox {
  background-color: #ff0000;
  color: #ffffff;
  font-size: 10px;
  padding: 4px;
  border: 1px solid #9a9a9a;
}
.messageStackSuccess { background-color: #b3ffa8; padding: 2px; border: 1px solid #9a9a9a; }
.messageStackCaution { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffff00; }

/* checkout totals */
TD.ot-subtotal-Text, TD.ot-cod-fee-Text, TD.ot-total-Text, TD.ot-group-pricing-Text, TD.ot-gv-Text, TD.ot-loworderfee-Text, TD.ot-shipping-Text, TD.ot-subtotal-Text, TD.ot-tax-Text, TD.ot-coupon-Text {
  font-weight: bold;
}
TD.ot-total-Amount {
  font-weight: bold;
  border-top: 1px solid #000;
}
TD.ot-subtotal-Amount, TD.ot-cod-fee-Amount, TD.ot-group-pricing-Amount, TD.ot-gv-Amount, TD.ot-loworderfee-Amount, TD.ot-shipping-Amount, TD.ot-subtotal-Amount, TD.ot-tax-Amount, TD.ot-coupon-Amount {}


/* product_info attribute comments */

.ProductInfoComments, TD.ProductInfoComments, SPAN.ProductInfoComments {
  color: #ff0000;
/*  font-size: 10px; */
  text-align : left;
  font-weight: bold;
  padding-top: 6px;
  padding-bottom: 6px;
  border-top: 1px solid #000;
}

/* General alert span class */
TD.alert, SPAN.alert {
  color: #FF0000;
  font-weight: bold;
}

/* General alert span class */
TD.alertBlack, SPAN.alertBlack {
  color: #000000;
  font-weight: bold;
}

/* popup tables */
TABLE.popupattributeqty, TABLE.popupcouponhelp, TABLE.popupcvvhelp, TABLE.popupimage, TABLE.popupimageadditional, TABLE.popupsearchhelp, TABLE.popupshippingestimator, TABLE.popupinfoshoppingcart {
  background-color: #ffffff;
	margin: 6px;
  padding: 6px;
/*  font: 11px Verdana, Arial, sans-serif; */
}

/* categories_description */
TABLE.categoriesdescription {
/*  font-family: Verdana, Arial, sans-serif; */
/*  font-size: 11px;
  background: #D0D0D0;
  border:1px solid #9a9a9a; */
}

TD.categoriesdescription {
/*  font-size: 11px;
  line-height: 1.0; */
}

/* categories box parent and child categories */
A.category-top {
  color: #3165FF;
/*  display: block;
  background: transparent; */
  text-decoration: none;
/*  padding: 2px 10px 1px 14px;
  margin-left: -14px; */
}
/* A:hover.category-top {
  background: transparent url(http://localhost/zencart/includes/templates/mosaic_trader/images/link_bullet.gif) 3px 50% no-repeat;
} */
A.category-links {
  color: #004080;
  text-decoration: none;
}
A.category-subs, A.category-products {
  color: #3165FF;
  text-decoration: none;
}
SPAN.category-subs-parent {
  font-weight: bold;
}
SPAN.category-subs-selected {
  font-weight: bold;
}

/* attribute images table */
TABLE.products-attributes-images {
/*  width: 100%; */
/*  border: 1px solid #9a9a9a; */
  float: left;
  padding: 2px;
}

/* Added by Hans de Zwart to try and fix the categories */
a.info_blok {
	display: block;
	text-decoration: none;
	color: #3165FF;
}

a:hover.info_blok {
	background-color: #EEEEEE;
	color: #3165FF;
	text-decoration: none;
}

a.category-links, a.category-top {
	display: block;
}

a:hover.category-links, a:hover.category-top {
	background-color: #EEEEEE;
	text-decoration: none;
	color: #3165FF;
}

a.category-products {
	display: block;
	margin: 1px 0px 1px 0px;
	padding: 0px 0px 0px 0.5em;
	color: #3165FF;
}

a:hover.category-products {
	background-color: #EEEEEE;
	text-decoration: none;
	color: #3165FF;
}

/* End of addition of Hans de Zwart */

/* This is the CSS needed for the Order step contribution */

div.order_steps {       /* Is needed for the centering in IE */
    width: 100%;
    padding: 0px;
    margin: 0px;
    text-align: center;
}

table.order_steps {
    margin-left: auto;
    margin-right: auto;
    width: 468px;       /* Here you can set the total width of this contrib */
    padding-bottom: 10px;
    background-color: transparent;      /* Here you can change the background-color of the whole contrib */
}

tr.order_steps_line_2, tr.order_steps_line_4 {
    height: 4px;        /* Is a part in determining the height of the little squares */
    padding: 0px;
    margin: 0px;
}

tr.order_steps_line_3 {
    background-color: #AAA;     /* Determines the non-active color of the little squares */
    height: 6px;        /* Is a part in determining the height of the little squares */
    padding: 0px;
    margin: 0px;
}


td.order_steps_left, td.order_steps_right {
    width: 8%;
    padding: 0px;
    margin: 0px;
}

td.order_steps_text {
    text-align: center;
    vertical-align: top;
    color: #AAA;        /* Determines the non-active color of the text */
    padding-bottom: 10px; /* Determines the distance between the text and the line */
}

td.order_steps_cell_2, td.order_steps_cell_5, td.order_steps_cell_8, td.order_steps_cell_11 {
    background-color: #AAA;     /* Determines the non-active color of the little squares */
    width: 3%;
    padding: 0px;
    margin: 0px;
}

td.order_steps_cell_1, td.order_steps_cell_3, td.order_steps_cell_4, td.order_steps_cell_6, td.order_steps_cell_7, td.order_steps_cell_9, td.order_steps_cell_10, td.order_steps_cell_12 {
    width: 9%;
    padding: 0px;
    margin: 0px;
}

td#active_step_text {       /* These are the styles for the active text */
    color: #000;
    font-weight: bold;
}

td#active_step {        /* These are the styles for the active square */
    background-color: #000;
}

/* End Order Steps contribution CSS */


/* Places a grey boundary around the images on the product listing
   and make sure this is not displayed around the delete button! */
td.productListing-data img {
	border: 1px solid #A7B2D6;
}

td.productListing-data img.delete_button {
	border: 0px solid black;
}

/* Added for the tables on Shipping and returns */
table.delivery {
    border: 1px solid #333;
    margin: 0px;
    padding: 0px;
    width: 100%;
}
table.delivery tr.header {
    font-weight: bold;
    // background-color: #666;
    // color: white;
    // text-align: center;
}
table.delivery tr.alert {
    color: red;
}
table.delivery tr.columns td {
    font-weight: bold;
}
table.delivery tr td {
    padding: 2px;
}
table.delivery tr.columns td.middle {
    width: 20px;
}
table.delivery tr.odd {
    background-color: #eee;
}

/* Added for the contact forms */
.mailwrapper {
	text-align: center;
}


.maildiv {
	margin: 0 auto 0 auto;
	text-align: left;
	width: 365px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}
.maildiv form {
	text-align: left;
}
.maildiv label {
	/* used for right side captions */
	vertical-align: top;
	padding: 0 0 0 3px;
}

.maildiv .sidelbl {
	/* used for left side labels */
	width: 95px;
	text-align: right;
	padding: 0 10px 0 0;
	vertical-align: top;
	position: relative;
    display: block;
    float: left;
	clear: left;
}
.maildiv a {
	color: #005ABE;
}
.maildiv h2 {
	color: #005ABE;
	font-size: 120%;
}
.maildiv input {
	margin-bottom: 10px;

}
.maildiv select {
	margin-bottom: 10px;

}
.maildiv textarea {
	margin-bottom: 10px;

}
.maildiv .ver_img {
	padding: 0;
	margin: 0 0 10px 10px;
	vertical-align:bottom;
	border: 1px solid #005ABE;
}
.maildiv fieldset {
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
}
.maildiv .legendspacing {
	height: 10px;
}
.maildiv .fmcredits {
	float: left;
	font-size: 90%;
}
.maildiv .fmsubmit {
	float: right;
}
.maildiv .fmrequired {
	color: #005ABE;
	font-size: 90%;
	float: left;
	margin-top: 3px;
	margin-left: 5px;
}
.maildiv .fmspacer {
	height: 10px;
}

.maildiv .fminfofull {
	padding: 0 10px 0 10px;
	color: #005ABE;
	margin-bottom: 15px;
}
.maildiv .fminfohalf {
	padding: 0 10px 0 10px;
	color: #005ABE;
	margin-left: 110px;
	margin-bottom: 15px;
}
.maildiv .fmerrorbox {
	text-align: left;
}
.maildiv li {
	margin: 0 0 4px 0;
}
.maildiv .fmerrortitle {
	color: #FF0000;
	font-size: 120%;
}

/* Added for the frontpage */
img.hdz_frontpage {
	border: 0px solid black;
}
table.hdz_frontpage {
	width: 500px;
	margin-bottom: 4px;
}

td.hdz_frontpage {
	width: 125px;
}

td.hdz_frontpage a {
	display: block;
	border: 1px solid #A7B2D6;
	width: 117px;
	height: 106px;
}
td.hdz_frontpage a:hover {
	border: 1px solid #3266FF;
}

/* HZW 07070 Added for holiday table */
table#vakantie {
	width: 100%;
	margin-left: 2px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: 2px;
	padding: 0px;
	border: 2px solid #AAA;
	border-collapse: collapse;
	font-size: 0.9em;
}
table#vakantie tr.heading td {
	font-weight: bold;
	background-color: #EEE;
}
table#vakantie td {
	margin: 0px;
	padding: 4px;
	border: 1px solid #AAA;
	vertical-align: top;
	text-align: center;
	background-color: #C2FDBA;
}
table#vakantie td.gesloten {
	background-color: #FCBABF
}
table#vakantie td.dag {
	font-weight: bold;
	text-align: left;
	background-color: #EEE;
}
/* END HZW */

/* begin hzw. Added for the column layout */
.productListing-data input {
    margin-top: 4px;
}