/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2005 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet.css,v 1.2 2006/10/05 23:48:23 luuk Exp $
 */
/*
#9C1710 - Rood-bruin (achtergrond)
#0D1C23 - Geel (tekst)
#0D1C23 - Zwart (heel donker groen) (tekst)
#21354E - Donker blaauw (vlakken)
#4E6790 - Oceaan blaauw (accenten)
#FFFCE9 - Creme wit (vlak rond globe)
#4E6790 - Licht blauw van de header navigatie
#FFCD26 - sunset geel
*/

body {
	font-family: Georgia, times, sans-serif;
	font-size: 11.5pt;
	color: #0D1C23;
	background-color: #9C1710;
	margin: 0;
	padding: 0;
	}

img {
	border: none;
	}

a:link, a:visited, #navEZPagesTOC ul li a {
	color: #9C1710;
	text-decoration: none;
	/* border-bottom: 1px solid #0D1C23; */
	}

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
	color: #0D1C23;
	/* border-bottom: 1px solid #0D1C23; */
	}

a:active {
	color: #0D1C23;
	/* border-bottom: 1px solid #0D1C23; */
	}

h1 {
	font-size: 14pt;
	text-transform: uppercase;
	}

h2 {
	font-size: 12pt;
	text-transform: uppercase;
	}

h3 {
	font-size: 12pt;
	text-transform: uppercase;
	}

h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .larger{
	font-size: 11pt;
	}
/* let op ! label wordt gebruikt voor sommige headers aan de rechterkant */	
LABEL {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11.5pt;
	text-transform: uppercase;
	}

.biggerText {
	font-size: 1em;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 0.3em;
	}

CODE {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1em;
	}

FORM, SELECT, INPUT {
	display: inline;
	margin: 0.1em;
	}

TEXTAREA {
	float: left;
	_float: none;
	margin: auto;
	display: block;
	width: 95%;
	_width: 400px;
	}

input, select, textarea {
	background: #FFFCE9;
	}

input:focus, select:focus, textarea:focus {
	background: #FFFCE9;
	}

FIELDSET {
	padding: 0.5em;
	margin: 0.5em 0em;
	border: 1px solid #cccccc;
	}

LEGEND {
	font-weight: bold;
	padding: 0.3em;
	color: #0D1C23;
	}

LABEL, h4.optionName {
	line-height: 1.5em;
	padding: 0.2em;
	}
	
LABEL.checkboxLabel, LABEL.radioButtonLabel {
	margin: 0.5em 0.3em;
	}

/* let op ! label wordt gebruikt voor sommige headers aan de rechterkant */
LABEL {
	line-height: 1.2em;
	padding: 0.5em;
	}

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	color: white;
	}
#logo {
	/* jwh float: center bestaat niet */
	/* float: center; */
	text-align: center;
	}

#logo a {
	border-bottom: 0px;
	}

LABEL.inputLabel {
	/* width: 11em; - verzoek harry */
	width: 14em;
	float: left;
	}

LABEL.inputLabelPayment {
	width: 15em;
	float: left;
	}

LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel  {
	width: 12em;
	float: left;
	}

P, ADDRESS {
	margin: 0;
	padding: 0.5em;
	}

ADDRESS {
	font-style: normal;
	}

.clearBoth {
	clear: both;
	}

HR {
	height: 1px;
	margin-top: 0.5em;
	border: none;
	border-bottom: 1px solid #9a9a9a;
	}

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height: 1.8em;
	padding: 0.2em;
	border: 1px solid #4E6790;
	}

.messageStackWarning, .messageStackError {
	background-color: #ff0000;
	color: #ffffff;
	}

.messageStackSuccess {
	background-color: #FFCD26;
	color: #000000;
	}

.messageStackCaution {
	background-color: #FFCD26;
	color: #000000;
	}

/*wrappers - page or section containers*/
#mainWrapper {
	text-align: left;
	vertical-align: top;
	}

#contentMainWrapper {
	background-color: #FFFCE9;
	}

#tableMainWrapper {
	border-top: 10px solid #9C1710; 
	border-bottom: 10px solid #9C1710; 
	border-left: 10px solid #9C1710; 
	border-right: 10px solid #9C1710; 
	_margin-top: -4px;
	}

#siteinfoLegal {
	background-color: #FFFCE9;
	margin: 0px
	}

#navSuppWrapper {
	background-color: #FFFCE9;
	border-left: 10px solid #9C1710; 
	border-right: 10px solid #9C1710; 
	}

#headerWrapper {
	background-color: #4E6790;
	}

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage, #navColumnOneWrapper, #navColumnTwoWrapper, #navSuppWrapper {
	margin: 0px; /* jwh  added ; */
	padding: 0px;
	}

#logoWrapper{
/*	background: white url('images/top_bg.gif') repeat right; */
	background-color: #FFFCE9;
	height: 36px;
	margin: 0px;
	padding: 0px;
}

#tagline {
	color:#0D1C23;
	text-align : center;
	vertical-align: middle;
	text-transform: uppercase;
	font-weight: bold;
	}

#taglineWrapper {
	padding: 8px;
	}

#sendSpendWrapper {
	border: 1px solid #cacaca;
	float: right;
	margin: 0em 0em 1em 1em;
	}

.floatingBox {
	margin: 0;
	width: 45%;
	}

#accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
	margin: 0;
	width: 47%;
	}

.wrapperAttribsOptions {
	margin: 0.3em 0em;
	}

/*navigation*/

.navSplitPagesResult {}
.navSplitPagesLinks {}
.navNextPrevCounter {
	margin: 0em;
	font-size: 0.9em;
	}
.navNextPrevList {
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	}

.navNextPrevList a:link, .navNextPrevList a:visited, .navNextPrevList a:hover, .navNextPrevList a:active {
	border-bottom: 0px;
}

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
	margin: 0;
	padding:  0;
	font-weight: bold;
	font-size: 10pt;
	color: #FFFCE9;
	width: 100%;
	border: 0px solid red;
	border-bottom: 0px solid red;	
	}

#navMainWrapper {
	height: 57px;
	/* jwh center bestaat niet, verandert in middle */ 
	vertical-align: middle;
	background-color: #0D1C23;
	}
	
#navMain ul, #navSupp ul, #navCatTabs ul  {
	margin: 0;
	padding:  0;
	width: 100%;
	list-style-type: none;
	}

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
	position: relative; 
	list-style: none; 
	margin: 0; 
	float: right; 
	line-height: 1em;
	}

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
	text-decoration: none;
	padding: .5em 1em .5em 1em;
	line-height: 1em;
	margin: 0;
	color: #FFFCE9;
	white-space: nowrap;
	text-transform: uppercase;
	display: block;
	}

#navEZPagesTOCWrapper {
	font-weight: bold;
	float: right;
	border: 0px solid #000000;
	}

#navEZPagesTOC ul {
	margin: 0;
	padding:  0em 0.5em;
	list-style-type: none;
	}

#navEZPagesTOC ul li {
	white-space: nowrap;
	}

#navEZPagesTOC ul li a {
	padding: 0em 0.5em;
	margin: 0;
	text-transform: uppercase;
	}

#navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription {
	margin: 0em;
	}

.buttonRow a:link, .buttonRow a:visited, .buttonRow a:hover, .buttonRow a:active {
	border-bottom: 0px;
	}

/* background-image: url(images/tile_back.jpg);*/
#navBreadCrumb {
	background-color: #21354E;
	color: #FFFCE9;
	}
#navBreadCrumb a {
	color: #FFFCE9;
	}

#navEZPagesTop {
	background-color: #4E6790;
	}

#navBreadCrumb, #navEZPagesTop {
	font-size: 10pt;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0em;
	padding: 0.2em;
	}

#navColumnOne, #navColumnTwo {
	background: transparent;
	}

/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
	vertical-align: top;
	}

/*.content,*/ #productDescription, .shippingEstimatorWrapper {
	padding: 0.5em;
	}

.content {
	overflow: hidden;
	}

.alert {
	margin-left: 0.5em;
	}
.advisory {}
.important {
	font-weight: bold;
	padding: 0.5em;
	}
.notice {}
.rating{}
.gvBal {
	float: right;
	}
.centerColumn, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
	padding: 0.8em;
	}

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size: 0.9em;
	}

/*Shopping Cart Display*/
#cartAdd {
	float: right;
	text-align: center;
	margin: 1em;
	border: 1px solid #0D1C23;
	padding: 1em;
	}

.tableHeading TH {
	border-bottom: 1px solid #21354E;
	}

.tableHeading, #cartSubTotal {
	background-color: #21354E;
	color: #FFFCE9;
	}

#cartSubTotal {
	border-top: 1px solid #21354E;
	font-weight: bold;
	text-align: right;
	line-height: 2.2em;
	padding-right: 2.5em;
	}

.tableRow, .tableHeading, #cartSubTotal {
	height: 2.2em;
	}

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay   {
	padding: 0.5em 0em;
}

.cartUnitDisplay, .cartTotalDisplay {
	text-align: right;
	padding-right: 0.2em;
	}

#scUpdateQuantity {
	width: 2em;
	}

.cartQuantity {
	width: 4.7em;
	}

.cartNewItem {
	position: relative;  /*do not remove-fixes stupid IEbug*/
	}

.cartOldItem {
	position: relative;   /*do not remove-fixes stupid IEbug*/
	}

.cartBoxTotal {
	text-align: right;
	font-weight: bold;
	}

.cartRemoveItemDisplay {
	width: 3.5em;
	}

.cartAttribsList {
	margin-left: 1em;
	}

#mediaManager {
  width: 50%; 
  margin: 0.2em;
  padding: 0.5em;
  }

.normalprice, .productSpecialPriceSale {
	text-decoration: line-through;
	}

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
	color: #ff0000;
	}

.orderHistList {
	margin: 1em;
	padding: 0.2em 0em;
	} 

#cartBoxListWrapper ul, #ezPageBoxList ul {
	list-style-type: none;
	}

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
	margin: 0;
	padding: 0.2em 0em;
	} 

#cartBoxEmpty, #cartBoxVoucherBalance {
  font-weight: bold;
  }

.totalBox {
	width: 5.5em;
	text-align: right;
	padding: 0.2em;
	}

.lineTitle, .amount {
	text-align: right;
	padding: 0.2em;
	}

.amount {
	width: 5.5em;
	}

/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
	margin: 0em 1em 1em 0em ;
	}
#productMainImage a:link, #productMainImage a:visited, #productMainImage a:hover, #productMainImage a:active {
	border-bottom: 0px;
	}
	
.categoryIcon, .categoryIcon a {
	text-transform: uppercase;
	}

#cartImage {
	margin: 0.5em 1em;
	}

/*Attributes*/
.attribImg {
	width: 20%;
	margin: 0.3em 0em;
}

.attributesComments {}

/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
	margin: 1em 0em;
	}

.categoryListBoxContents a:link, .categoryListBoxContents a:visited, .categoryListBoxContents a:hover, .categoryListBoxContents a:active {
	text-transform: uppercase;
	border-bottom: 0px;	
	color: #0D1C23; /* @change: vicus - t4318 */
	}
	
/* @change: vicus - t4318 # added */
.itemTitle a:link, .itemTitle a:visited, .itemTitle a:hover, .itemTitle a:active {
	text-transform: uppercase;
	border-bottom: 0px;	
	color: #0D1C23;
	}
	
/* @change: vicus - t4318 # added */
#productMainImage a:link, #productMainImage a:visited, #productMainImage a:hover, #productMainImage a:active {
	border-bottom: 0px;	
	}
	
/* @change: vicus - t4318 # added */
#productDetailsList a:link, #productDetailsList a:visited, #productDetailsList a:hover, #productDetailsList a:active {
	border-bottom: 0px;	
	}
	
/* @change: vicus - t4318 # added */
.centerBoxContentsProducts a:link, .centerBoxContentsProducts a:visited, .centerBoxContentsProducts a:hover, .centerBoxContentsProducts a:active {
	border-bottom: 0px;	
	}
	
/*sideboxes*/
.columnLeft {}

h3.leftBoxHeading, h3.rightBoxHeading {
	color: #FFFCE9;
	font-size:10pt;
	font-weight:bold;
	margin:0;
	padding:0.2em;
	text-transform:uppercase;
	}

h3.leftBoxHeading a, h3.rightBoxHeading a, h3.leftBoxHeading a:link, h3.rightBoxHeading a:link, h3.leftBoxHeading a:active, h3.rightBoxHeading a:active, h3.leftBoxHeading a:visited, h3.rightBoxHeading a:visited, h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover {
	color: #FFFCE9;
	text-decoration: underline;
	} 

.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
	color: #FFFCE9;
	background-color: #21354E;
	font-size:10pt;
	font-weight:bold;
	margin:0;
	padding:0.2em;
	text-transform:uppercase;
	}

.leftBoxContainer, .rightBoxContainer {
	background-color: #FFFCE9;
	margin-top: 0px;
	margin-bottom: 10px;
	overflow: hidden;
	}

.leftBoxContainer {
	margin-right: 10px;
	margin-left: 0px;
	}

.rightBoxContainer {
	margin-right: 0px;
	margin-left: 10px;
	}

.sideBoxContent {
	font-size: 10pt;
	padding: 0.4em;
	}

.leftBoxContent, .rightBoxContent {
	margin-bottom: 1em;
	}

#categoriesContent, #informationContent, #chcategoriesContent {
	line-height: 1.5em;
	}

#categoriesContent a, #categoriesContent a:link, #categoriesContent a:visited {
	white-space: nowrap;
}
#categoriesContent a:hover, #categoriesContent a:active {
	white-space: nowrap;
	text-decoration: none;
}
a.category-top {
	font-weight: bold;
	}
.category-subs-parent {
	text-decoration: none;
	font-weight: bold;
	}
/*	
#manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeading {
	font-size: 1.0em;
	color: #ffffff;
}
*/

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
	text-align: center;
	}

#bestsellers .wrapper {
	margin: 0em 0em 0em 1.5em;
	}

#bestsellers ol {
	padding: 0;
	margin-left: 1.1em;
	}

#bestsellers li {
	padding: 0;
	margin: 0.3em 0em 0.3em 0em;
	}

#bannerboxHeading {
}

#upProductsHeading {
	text-align: left;
	}

#upDateHeading {
	text-align: right;
	}
.centerBoxContentsProducts {
	border: 0px solid #efefef;
	padding-top: 5px;
 }

.centerBoxContentsProducts a:link, .centerBoxContentsProducts a:visited, .centerBoxContentsProducts a:hover, .centerBoxContentsProducts a:active {
	border-bottom: 0px;
 }
/*misc*/
.back {
	float: left;
	}

.forward {
	float: right;
	}

.bold {
	font-weight: bold;
	}

.rowOdd, .rowOdd a {
	background-color: #FFFCE9;
	height: 1.5em;
	color: #0D1C23;
	}

.rowEven, .rowEven a {
	background-color: #FFFCE9;
	height: 1.5em;
	color: #0D1C23;
	}

CAPTION {
	/*display: none;*/
	}

#myAccountGen li, #myAccountNotify li {
	margin: 0;
	} 

.accountTotalDisplay, .accountTaxDisplay {
	width: 20%;
	text-align: right;
	/*vertical-align: top*/
	}

.accountQuantityDisplay {
	width: 10%;
	vertical-align: top
	}

TR.tableHeading {
	background-color: #21354E;
	color: #FFFCE9;
	height: 2em;
	}

#siteMapList {
	width: 90%;
	float: right;
	}

.ratingRow {
	margin: 1em 0em 1.5em 0em;
	}

LABEL#textAreaReviews {
	font-weight: normal;
	margin: 1em 0em;
	}

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
	background-color: #FFFCE9;
	padding: 1em;
	}

#infoShoppingCart h2, h2#checkoutPaymentHeadingAddress {
	font-size: 11pt;
	font-weight: bold;
	padding: 0.3em;
	color: #0D1C23;
	text-transform: none;
	}
	

/* This is the CSS needed for the Order Step Edition 2 contribution */

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

table.order_steps {
    margin-left: auto;
    margin-right: auto;
    width: 100%;       /* 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 {
    height: 5px;        /* Is a part in determining the height of the line */
    padding: 0px;
    margin: 0px;
}

tr.order_steps_line_3 {
    height: 1px;        /* Is a part in determining the height of the line shadow */
    padding: 0px;
    margin: 0px;
}

td.progressbar_active {
    background-color: #4E6790;     /* Determines the active color of the completed part of the line */
    width: 4%;
    padding: 0px;
    margin: 0px;
}

td.progressbar_inactive {
    width: 4%;
    background-color: #9A9A9A;    /* Determines the non-active color of the uncompleted part of the line */
    padding: 0px;
    margin: 0px;
}

td.progressbar_active_shadow {
    background-color: #346C00;     /* Determines the non-active color of the completed part of the line shadow */
    width: 4%;
    padding: 0px;
    margin: 0px;
}

td.progressbar_inactive_shadow {
    width: 4%;
    background-color: #666666;   /* Determines the non-active color of the uncompleted part of the line line*/
    padding: 0px;
    margin: 0px;
}

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

td.order_steps_text_completed {
    text-align: center;
    vertical-align: top;
    color: #E86800;        /* Determines the non-active color of the text steps that have been completed*/
    padding-bottom: 10px; /* Determines the distance between the text and the line */
}

td#active_step_text {       /* These are the styles for the active text */
    color: #E86800;
    font-weight: 700;
    font-size: 1.1em;
}

/* End Order Steps contribution CSS */


/* tbv de uitlegteksten in de demo sites */
div.vicus-uitleg {
    text-align: center;
    font-size: 0.9em;
    line-height: 1.0em;
    vertical-align: top;
    background-color: #FFFCE9;
    border: thick double #0D1C23;
    color: #0D1C23;
}

div.buckaroo {
    text-align: left;
    line-height: 1.0em;
    vertical-align: top;
    background-color: #FFFCE9;
    border: thick double #0D1C23;
    color: #0D1C23;
    padding: 0 1em 0 1em
}

div#ottotal {
    font-weight: bold;
}

.submenu a:link, .submenu a:visited, .submenu a:hover, .submenu a:active {
 	border-bottom: 0px;
	}

.main_img a:link, .main_img a:visited, .main_img a:hover, .main_img a:active {
 	border-bottom: 0px;
	}

.cartRemoveItemDisplay a:link, .cartRemoveItemDisplay a:visited, .cartRemoveItemDisplay a:hover, .cartRemoveItemDisplay a:active {
	border-bottom: 0px;
	}

#navEZPageNextPrev a:link, #navEZPageNextPrev a:visited, #navEZPageNextPrev a:hover, #navEZPageNextPrev a:active {
	border-bottom: 0px;
	}

.geschatte_verzendkosten a:link, .geschatte_verzendkosten a:visited, .geschatte_verzendkosten a:hover, .geschatte_verzendkosten a:active {
	border-bottom: 0px;
	}

.geschatte_verzendkosten {
	margin: 10px;
	padding: 0px;
	}

table#cartBottomDisplay {
	border-collapse: collapse; 
	border: 1px solid #0D1C23;
	}
	
td#cartBottomDisplay {
	border: 1px solid #0D1C23;
	width: 50%;
	padding: 5px;
	}

.category-products {
	margin: 1em 0;
	}