/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  



  Released under the GNU General Public License
  
  /* Start Products Specifications */

.tagbox {
  width: 100%;
 border-top: 0px;
 border-left: 0px;
 border-right: 0px;
 border-bottom: 0px;
  border-style: solid;
  border-color: #0d6f84;
   background: #ffffff;
padding: 2px;
margin: 0px;
}

.tagboxContents  { font-size: 10px; text-align: center; font-family: Verdana, Arial, sans-serif; background: #ffffff;

 }

.listingfilterbox {
  
padding-right: 10px;
}



.spectable tr.alt td {
	background: #D9C9AF;/* change for the colour of lines of spec*/
}
.specification{
font-family: Verdana, Arial, sans-serif;
  color: #000000;
padding-left: 6px;
  font-size: 13px;
}
.specification_bold{
font-family: Verdana, Arial, sans-serif;
  color: #000000;
  font-size: 13px;
  font-weight: bold;
list-style-type: none;
line-height: 1.5;
padding-left: 0px;
padding: 0px;
}
/* bovenste toegevoegd */

ul.specification_box {
  line-height: 1.5;

}

option, optgroup {
  text-decoration: none;
  font-style: normal;
  margin: 0;
  padding: 2px 2px 0 2px;
  font-family: Verdana, Arial, sans-serif;
}

.filter_count {
  font-weight: normal;
}

.no_results {
  color: #bbb;
}

.close {
  font-size: 75%;
  position: relative;
  top: -4px;
}

img.image_filter {  /* Applies to images used as filters */
/*  width: 20px; */ /* Width of each image */
/*  height: 20px; */ /* Height of each image */
  padding: 5px;  /* Padding between the category contents and the border */
  border: 2px solid #FF0080;  /* Border around each image */
  margin: 3px;  /* Margin between the image border and other objects */
  background: #ffffff;  /* Background color behind each image */
  float: left;  /* Don't change this */
}

.specs_box { /* Applies to the table surrounding the Specifications/tabs onproduct_info.php */
  width: 100%;
  background: #FFFFFF;
}

#variantsBlock {
}

#variantsBlockTitle {
  font-size: 10pt;
  font-weight: bold;
  padding-left: 10px;
  padding-bottom: 10px;
  width: 10em;
}

#variantsBlockData {
  text-align: left;
}

.productInfoKey {
  font-size: 9pt;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}

.productInfoValue {
  font-size: 9pt;
  vertical-align: middle;
}

#productInfoPrice {
  font-size: 10pt;
  font-weight: bold;
  vertical-align: middle;
}

a.breadcrums_x:link, a.breadcrums_x:active, a.breadcrums_x:visited{
  font-size: 10px;
  color: #CD0000;
  font-weight: bold;
  text-decoration: none;
}

a.breadcrums_x:hover{
  font-size: 10px;
  color: #fb4b00;
}
/* End Products Specifications */

  
  
  
    /* categorybox pro 2.2 */
/*change the menu hover color below*/

.catwithsubs, .catwithnosubs {
	padding-right: 2px;
}

#thecategories {
	position: relative;
	top: -9px;
	margin-bottom: -16px;
	width: 200px;
}

.activelink {
	display: block;
	font-weight: bold;
background-color: #efefef;
	color: #FF0080;
}

#thecategories a {
	display: block;
	padding-bottom: 7px;
	padding-top: 3px;
	width: 100%;
}

#thecategories a:hover {
	background-color: #efefef;
	color: #FF0080;
}



/*mozilla fix*/
html>body #thecategories a {
	width: auto;
}
/*end of mozilla fix*/

#topcat a {
padding-left: 1px;
}

#secondcat a {
	padding-left: 5px;
}

#thirdcat a {
	padding-left: 7px;
}

#fourthcat a {
	padding-left: 7px;
}

#fifthcat a {
	padding-left: 7px;
}






.boxText  { color: #040404; font-size: 10px; font-weight: bold; }
body td, p, div    { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif }
.errorBox  { font-size: 10px; font-family: Verdana, Arial, sans-serif; font-weight: bold; background: #e732b5 }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit  { color: #b00039; font-size: 10px; font-family: Verdana, Arial, sans-serif; text-decoration: underline }
BODY {
  background: #C6AC86 url('css/b10.gif'); background-attachment: fixed; color: #555555;
  font-size:medium; font-weight:bold; margin-top:0px; margin-bottom:5px; text-align:center; padding:0; 
  
}

.imagebox {
  background: #ffffff;
  color: #555555;
      text-align: center;
  padding: 0
  
}



.imagenavboxl {
  background: #ffffff;
 border: 0px;
  border-style: solid;
  border-color: #222222;
  border-spacing: 0px;
width: 50%;
}

.imagenavboxr {
  background: #ffffff;
 border: 1px;
  border-style: solid;
  border-color: #222222;
  border-spacing: 0px;
width: 50%;
  padding-left: 0px;
  padding-top: 0px;
margin: 0px;
}

.productinfobox {

 border: 0px;
  border-style: solid;
  border-color: #222222;
  border-spacing: 0px;
width: 100%;
}

div#pageWrapper1           { background-color: #ffffff; text-align: center; width: 980px }

div#pageWrapper                                 { background-color: #ffffff; border: solid 1px #032f39; margin: 0 auto; width: 980px }

.cat_info_box {border: solid 1px #0E7489; padding: 5px 5px 5px 5px; margin-bottom: 5px; font-family: Verdana, Arial, sans-serif;
  font-size: 11px; font-weight: bold}

/* wordt niet gebruikt menu Image -noborderBox2 - Show Sub-categories  Star */
a.menucateg:link, a.menucateg:visited, a.menucateg:active   { color: #ffffff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #efefef; text-align: left; display: block; padding-top: 2px; height: 19px; vertical-align: middle; border: solid 1px #040404 }

a.menucateg:hover  { color: #0f0f0f; font-weight: bold; text-decoration: none; background-color: #efefef; border: solid 1px }

a.menusubcateg:link, a.menusubcateg:visited, a.menusubcateg:active  { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align: left; display: block; padding-top: 2px; height: 19px; vertical-align: middle; border: solid 1px #ffffff }

a.menusubcateg:hover  { color: #ffffff; text-decoration: none; background-color: #efefef; border-top: 1px solid #0f0f0f; border-bottom: 1px solid #0f0f0f }
a.menusubcategsec:link, a.menusubcategsec:visited, a.menusubcategsec:active  { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align: left; display: block; padding-top: 2px; height: 19px; vertical-align: middle; border: solid 1px #ffffff }

a.menusubcategsec:hover  { color: #ffffff; text-decoration: none; background-color: #efefef; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff }
/* menu Image -noborderBox2 - Show Sub-categories  End */
  
  
  
  
  /* Begin Category tabblank subs */





TD.toptabback                        { color: #ffffff; font-size: 10px; font-family: Verdana, Arial, sans-serif; font-weight: bold; background: #ffffff }
#topNavigation a        { color: #0f0f0f; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
#topNavigation a:hover        { color: #FF0080; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
 
TD.subNavigation                            { color: #ffffff; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #ffffff }

TD.subheaderNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ffffff;
  font-weight : bold;
}

A.subheaderNavigation      { color: #ffffff; font-weight: bold }
A.subheaderNavigation:hover       { color: #0f0f0f; font-weight: bold }


.subNavigation       { color: #ffffff; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }

A.topNavigation         { color: #ffffff; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
A.topNavigation:hover        { color: #ffffff; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }





A.cartNavigation     { color: #ffffff; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }

A.cartNavigation:hover     { color: #E10020; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }

TD.inactiveNavigation             { font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #9cb900 }
A.inactiveNavigation        { color: #004586; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
A.inactiveNavigation:hover          { color: #0f0f0f; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
/* end Category tabblank subs */

/* BOF: Category tabblank */
TD.tab        { color: #ffffff; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #040404; }
A.tab           { color: #ffffff; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; padding-top: 5px }
A.tab:hover     { color: #0f0f0f; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
TD.ontab         { color: #0f0f0f; font-size: smaller; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; }
A.ontab        { color: #0f0f0f; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
A.ontab:hover      { color: #ffffff; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
TD.tableft { 
	background-repeat: no-repeat;
	color: #0f0f0f;
	font-size: smaller;
}
TD.tabright {}

A.headerLink  { color: #040404; font-size: smaller; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #ffffff }
A.headerLink:hover    { color: #fb4b00; font-size: smaller; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
/* EOF: Category Tabs */





A      { color: #040404; text-decoration: none }

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

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}
TR.headerNavigation {
  background: #ffffff;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #ffffff;
  color: #0f0f0f;
  font-weight: bold;
}

A.headerNavigation      { color: #0f0f0f; font-weight: bold; }
A.headerNavigation:hover       { color: #fb4b00; text-decoration: underline; font-weight: bold; }
TR.headerError {
  background: #ff0000;
}



TR.headerNavigation1 {
  background: #ffffff;
}
TD.headerNavigation1 { font-family: Verdana, Arial, sans-serif; font-size: 11px; background: #ffffff; color: #fc4b00; font-weight : bold; padding-top: 4px; padding-bottom: 4px; }


TD.headerNavigation2 { font-family: Verdana, Arial, sans-serif; font-size: 14px; background: #ffffff; color: #fc4b00; font-weight : bold; padding-top: 2px; padding-bottom: 2px; }
A.headerNavigation2      { color: #0f0f0f; font-size: 14px; font-weight: bold }
A.headerNavigation2:hover       { color: #fc4b00; font-weight: bold }


TD.headerError {
  font-family: Tahoma, 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: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #040404;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #040404;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #ffffff;
 border: 1px;
  border-style: solid;
  border-color: #222222;
  border-spacing: 1px;
}

.infoBoxContents  { font-size: 10px; font-family: Verdana, Arial, sans-serif; background: #ffffff;

 }

.infoBoxNotice  { background: #a7a7a7 }

.infoBoxNoticeContents  { font-size: 10px; font-family: Verdana, Arial, sans-serif; background: #a7a7a7;
 }

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #ffffff;
  color: #FF0080;
text-indent: 4px;
 border-top: 1px solid #222222;
border-left: 1px solid #222222;
border-right: 1px solid #222222;




  
}
TD.infoBoxHeading a {
  color: #FF0080;
}

TD.infoBoxHeading a:hover {
  color: #8f8f8f;
  text-decoration:none;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd  { background: #ffffff }

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even   { background: #ffffff }

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #222222;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #ffffff;
  color: #fb4b00;
  font-weight: bold;
}

TD.productListing-data {
width: 10%;
border:1px dotted #222222; 
text-align:center;
vertical-align:bottom; 
padding:5 5 5 5;

  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #555555;}


A.pageResults   { color: #040404 }

A.pageResults:hover   { color: #8f8f8f; background: #ffffff }

TD.pageHeading, DIV.pageHeading  { color: #040404; font-size: 18px; font-family: Verdana, Arial, sans-serif; font-weight: bold }
TD.pageHeading1, DIV.pageHeading1  { color: #040404; font-size: 22px; font-family: Verdana, Arial, sans-serif; font-weight: bold }

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #555555;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}
TD.main1, P.main1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
color: #fb4b00;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory  { color: #0f0f0f; font-size: 13px; font-family: Verdana, Arial, sans-serif }

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
TD.subcat {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #672E49;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser  { color: #0f0f0f; font-size: 12px; font-family: Verdana, Arial, sans-serif; font-weight: bold }

TABLE.formArea  { background: #efefef; border: solid 1px #040404 }

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.stock {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  line-height: 1.5;
font-weight: bold;
color: #0f0f0f;
}
SPAN.markProductOutOfStock  { color: #0f0f0f; font-size: 12px; font-family: Tahoma, Verdana, Arial, sans-serif; font-weight: bold }

SPAN.productSpecialPrice  { font-size: 20px; font-weight:bold; color: #fb4b00; font-family: Verdana, Arial, sans-serif }

SPAN.errorText  { color: #0f0f0f; font-family: Verdana, Arial, sans-serif }

.moduleRow { }
.moduleRowOver  { background-color: #efefef; cursor: auto }
.moduleRowSelected  { background-color: #efefef }

.checkoutBarFrom, .checkoutBarTo   { color: #0f0f0f; font-size: 10px; font-family: Verdana, Arial, sans-serif }
.checkoutBarCurrent   { color: #040404; font-size: 10px; font-family: Verdana, Arial, sans-serif }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }


/*langboxheader*/
TABLE.LangBox {
height: 10px;
width: 120px;
}


#headerNavigationtop {

width:980px;
height:30px;
padding-top:3px;
padding-bottom:2px;
background:#ffffff;

color:			#000000;
border: 0px solid #333;
}

TD.headerNavigation-t a {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: #000000;
  font-weight : bold;

}
TD.headerNavigation-t a:hover {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: #FF0080;
  font-weight : bold;
  
}


#headerNavigationtop111 {
    margin-top: 3px;
  margin-bottom: 0px;
  background: #ffffff;
}
#headerNavigationbot {

  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #0f0f0f;
  font-weight : bold;
  background: #ffffff;
}
TR.headerNavigationbot {
    margin-top: 2px;
  margin-bottom: 2px;
  
}


#headerNavigationbot a {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #0f0f0f;
  font-weight : bold;
  background: #ffffff;
}
#headerNavigationbot a:hover {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #FF0080;
  font-weight : bold;
  background: #ffffff;
}
/*BOF - Zappo - Option Types v2 - Progress Bar */
.progress{
  width: 1px;
  height: 12px;
  color: grey;
  font-size: 10px;
 /* overflow: hidden; */
  background-color: #bbc3d3;
  padding-left: 5px;
}
.bar{
  border-style: solid;
  border-width: 1px;
  border-color: #bbc3d3;
}
/*EOF - Zappo - Option Types v2 - Progress Bar */

/*BOF - Zappo - Option Types v2 - ONE LINE - Preload Option Type Images */
div#ImagePreload { display: none; }

/* Start Banner Rotator */
#bannerRotator { 
  width: 980px;  /* Banner width */
  height: 65px;  /* Banner height */
  overflow: hidden; 
  position: relative;
  padding: 0px; 

margin: 0px;

 
 
}

#bannerRotator ul { 
  list-style: none; 
  padding: 0px; 
  position: relative; 
margin: 0px;

}

#bannerRotator ul li { 
  display: none; 
  width: 980px;  /* Banner width */
  height: 65px;  /* Banner height */
  position: absolute; 
  padding: 0px; 


margin: 0px;


}

#bannerNav3 { 
  position: absolute; 
  right: 5px;  /* Distance from the right side of the controls box to the right edge of the banner */
  bottom: 5px;  /* Distance from the bottom of the controls box to the bottom of the banner */
  background: url(images/icons/transBlack75.png) repeat 0 0;  /* Controls box background image */
  padding: 5px 5px 5px 10px; 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
}

#bannerNav3 a { 
  margin: 0px 0px 0 0 ; 
  height: 10px; 
  width: 10px; 
  display: block; 
  background: url(images/icons/dotDark.png) no-repeat 0 0;  /* Controls Button image (Inactive) */
  float: left; 
}

#bannerNav3 a.active { 
  background-image: url(images/icons/dotLight.png);  /* Controls Button image (Active) */
}

#bannerNav3 span.pause, #bannerNav span.play { 
  cursor: pointer; 
  height: 15px; 
  width: 15px; 
  display: block; 
  background: url(images/icons/pause.png) no-repeat 0 0;  /* Controls Pause icon */
  float: left; 
}

#bannerNav3 span.play { 
  background-image: url(images/icons/play.png);  /* Controls Play icon */
}

.divider-tall3 {
  clear: both;
  height: 2px;
}
/* End Banner Rotator */

/* Start Banner Rotator COLUMN */
#bannerRotatorColumn { 
  width: 200px;  /* Banner width */
  height: 455px;  /* Banner height */
  overflow: hidden; 
  position: relative;
  padding: 0px; 

margin: 0px;

 
 
}

#bannerRotatorColumn ul { 
  list-style: none; 
  padding: 0px; 
  position: relative; 
margin: 0px;

}

#bannerRotatorColumn ul li { 
  display: none; 
  width: 200px;  /* Banner width */
  height: 455px;  /* Banner height */
  position: absolute; 
  padding: 0px; 


margin: 0px;


}