/*
  $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
*/



html, body {

height: 100%;
background: #FFFFFF url(./gifs/background_body.gif);
margin: 0px auto;
padding: 0px;
text-align: center;

}




html, body, div, p, td, .default {

line-height: 17px;
font-family: arial, Trebuchet MS, georgia, tahoma, verdana, sans-serif;
font-size: 12px;
font-weight: normal;
color: #666666;

}




select, input, h1 {

margin: 0px;
padding: 0px;

}





a:focus, a:active {
  
outline: none;

}




a {

color: #666666;
text-decoration: none;

}




a:hover {

color: darkorange;
text-decoration: underline;

  
}




form {

display: inline;

}




input, select {

font-family: arial, Trebuchet MS, georgia, verdana, tahoma, sans-serif;
border: 1px solid #E78CFB;
margin-top: 4px;
margin-left: 10px;
padding-left: 3px;

}




input[type=hidden] {      /* hidden formfield in Firefox */

visibility: hidden;

}




input.submit {

border: none;
background: transparent;
color: #FFFFFF;
font-weight: bold;
cursor: hand;
cursor: pointer;

}




input.no_border {

border: none;

}




input.submit_alt {

border: 1px solid silver;
background: transparent url(./gifs/background_button.gif);
color: gray;
font-weight: bold;
cursor: hand;
cursor: pointer;

}



input.submit_alt2 {

border: none;
background: darkslateblue;
color: floralwhite;
font-weight: bold;
cursor: hand;
cursor: pointer;

}




textarea {

width: 100%;
border: 1px solid gray;
padding: 5px 5px 5px 5px;
margin-bottom: 8px;

}




textarea.contact {

margin: 10px 0px 20px 0px;

}




textarea.commentaar {

width: 100%;
background: ghostwhite;
border: 1px solid silver;

}




ul, ol {

margin-left: 25px;
margin-top: 5px;

}



.small_text {

font-size: 9px;

}




div.container {

max-width: 1050px;
width: expression(document.body.clientWidth < 900 ? "1000px" : document.body.clientWidth > 1024 ? "1050px": "auto");
background: #FFFFFF;
border: 2px solid silver;
border-top: none;
border-bottom: none;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 0 -5em; /* the bottom margin is the negative value of the footer's height */
margin-left: auto;
margin-right: auto;

}



div.header_container {

height: 118px;
background: url(./gifs/background_header_container.gif) bottom left repeat-x;

}




div.header {

height: 118px;
text-align: right;
padding: 80px 25px 0px 0px;
background: url(./gifs/background_header.gif) no-repeat;

}




div.header a {

color: cornflowerblue;
font-size: 105%;
font-weight: bold;

}




div.header a:hover {

color: darkslateblue;
font-size: 105%;
font-size: bold;
text-decoration: underline;

}




input.quick_find {

width: 200px;
border: 1px solid gray;
background-color: #FFFFFF;
font-size: 95%;
font-family: arial, tahoma, Trebuchet MS, georgia, verdana, sans-serif;
color: #333333;
margin-right: -5px;

}




input.quick_find_submit {

border: 1px solid gray;
background: gray;
color: white;
font-size: 11px;
font-weight: bold;
cursor: hand;
cursor: pointer;

}




div.header_breadcrumb_container {

margin: 8px 15px 20px 39px;

}



.header_breadcrumb {

color: #83139B;
text-align: left;

}




.header_breadcrumb a {

color: #83139B;

}




.header_breadcrumb a:hover {

color: #83139B;
text-decoration: underline;

}




.header_box {

background: url(./gifs/background_box_header_left.gif) no-repeat;

}




.footer_box_left {

background: url(./gifs/background_box_footer_left.gif) no-repeat;

}



.footer_box_right {

background: url(./gifs/background_box_footer_right.gif) no-repeat;

}




.default_box {

background: #FFFFFF;

}




.categories_box {

background: url(./gifs/background_box_categories.gif) left top no-repeat;

}




.categories_box div {

margin-left: 30px;
background: url(./gifs/background_pro.gif);

}




.focus_on_box {

background: url(./gifs/background_box_focus.gif) left top no-repeat;
margin-bottom: 35px;
height: 152px;

}




.focus_on_box div {

padding: 10px 0px 5px 32px;

}




.focus_on_box img {

margin-bottom: 2px;
border: 1px solid #333333;


}



.shopping_cart_box {

background: url(./gifs/background_box_shopping_cart.gif) left top no-repeat;
margin-bottom: 35px;
height: 152px;

}



.shopping_cart_box div {

padding: 7px 10px 0px 5px;

}



.login_box  {

background: url(./gifs/background_box_login.gif) left top no-repeat;
height: 152px;
margin-bottom: 35px;

}



.login_box div {

padding: 10px 10px 10px 10px;

}



.login_box input {

margin-left: 0px;
border: 1px solid #333333;

}



.login_box input.submit {

margin: 5 0 0 0;
background: darkslateblue;
color: floralwhite;
font-weight: bold;
cursor: hand;
cursor: pointer;

}



.login_box a {

color: floralwhite;

}



.login_box a:hover {

color: floralwhite;
text-decoration: underline;

}



.bestsellers_box  {

padding: 18px 0px 0px 0px;
background: url(./gifs/background_box_bestsellers.gif) left top no-repeat;

}



.bestsellers_box div {

margin-right: 30px;
text-align: center;
background: url(./gifs/background_box_pro2.gif);

}




.bestsellers_box img {

margin: 5px 0px 5px 10px;
border: 1px solid #333333;


}




div.box_footing_container {

position: relative;
width: 100%;
background: url(./gifs/background_box_footer.gif);

}



div.box_footing_container img.right {

position: absolute;
right: 0;

}




input.email_address {

background: #FFFFFF url(./gifs/emailadres.gif) left no-repeat;

}




input.password {

background: #FFFFFF url(./gifs/paswoord.gif) left no-repeat;

}




input.white {

background: #FFFFFF;

}




.body_text {     /* padding for middle column of main table */

padding: 9px 4px 25px 4px;

}




div.text_block {

padding: 5px 0px 15px 0px;

}




div.hands_image {

position: relative;
margin-bottom: 30px;
margin-top: 25px;
height: 144px;
border: 2px dotted silver;

}




div.table_heading_specials {

background: url(./gifs/background_aanbiedingen.gif) bottom repeat-x;
padding: 0px 3px 5px 18px;
margin-bottom: 15px; 

}




div.shopping_cart_subtotal {

margin: 20px 0px 20px 0px;
font-size: 15px;
font-weight: bold;
text-align: center;

}




span.options {

font-size: 90%;

}



div.stock_warning {

margin-bottom: 20px;
color: red;

}



div.product_listing_container {

width: 100%;
margin: 30px 0px 5px 0px;

}




a.product_listing_bold_link {

font-size: 13px;
font-weight: bold;
color: darkorchid;
text-decoration: none;
  
}




a.product_listing_bold_link:hover {

color: darkorange;
text-decoration: underline;
  
}




div.image_container {

padding: 6px 6px 6px 6px;
margin-bottom: 8px;
background: #FFFFFF;
border: 2px dotted silver;

}




td.product_listing_image {

width: 120px;

}




div.product_listing_image img {



}



td.product_listing_description {

float: left;
font-style: normal;
padding: 0 15 15 15;

}




table.product_listing_bottom tr {

background: #FCF5F5;
padding: 10px;

}


table.product_listing_bottom tr.bar {

padding: 0px;

}






a.email {

color: darkorange;


}





a.email:hover {

color: darkorange;


}




a.categories0 {

display: block;
_width: 100%;     /* IE6 100% width for block links */
margin-left: 9px;
padding: 4px 0px 4px 9px;
color: #FFFFFF;
font-weight: bold;
border-bottom: 1px dotted cornflowerblue;

}



a.categories0:hover {

margin-left: 0px;
padding: 4px 0px 4px 9px;
background: snow;
color: darkslateblue;
border-left: 9px solid #33A6FF;
border-right: 9px solid #33A6FF;
border-bottom: 1px dotted cornflowerblue;
text-decoration: none;

}



a.categories1 {

display: block;
_width: 100%;     /* IE6 100% width for block links */
padding: 4px 0px 4px 9px;
color: darkslateblue;
font-weight: bold;
background: snow;
border-bottom: 1px dotted cornflowerblue;
border-left: 9px solid #33A6FF;
border-right: 9px solid #33A6FF;

}



a.categories1:hover {

padding: 4px 0px 4px 9px;
background: #FF77FF;
color: #FFFFFF;
border-bottom: 1px dotted cornflowerblue;
text-decoration: none;

}



a.categories_active {

display: block;
_width: 100%;     /* IE6 100% width for block links */
padding: 4px 0px 4px 9px;
color: #FFFFFF;
font-weight: bold;
background: #FF77FF;
border-bottom: 1px dotted cornflowerblue;
border-left: 9px solid #33A6FF;
border-right: 9px solid #33A6FF;

}



a.categories_active:hover {

padding: 4px 0px 4px 9px;
background: #FF77FF;
color: #FFFFFF;
font-weight: bold;
border-bottom: 1px dotted cornflowerblue;
text-decoration: none;

}



div.page_heading {

position: relative;
font-family: tahoma, Trebuchet MS, Verdana, Arial, sans-serif;
font-size: 18px;
padding: 14px 0px 14px 0px;
height: 18px;
_height: 46px;
font-weight: bold;
color: #FFFFFF;
background: #FF77FF url(./gifs/backdground_page_heading.gif) repeat-x;
text-align: center;
margin-bottom: 20px;

}



div.page_heading h1 {

font-size: 18px;
font-weight: bold;
color: #FFFFFF;

}



div.page_heading img.left {

position: absolute;
top: 0;
left: 0;

}



div.page_heading img.right {

position: absolute;
top: 0;
right: 0;
_right: -1;         //correct IE6 bug


}




div.introduction, div.introduction p {

font-size: 12px;

}




div.rounded_top {

clear: both;
position: relative;
background: ghostwhite url(./gifs/background_top_left.gif) left top no-repeat;
height: 8px;

}




div.rounded_top img {

position: absolute;
top: 0;
right: 0;
_right: -1;       //correct IE6 bug

}




div.rounded_bottom {

margin-bottom: 20px;
position: relative;
background: ghostwhite url(./gifs/background_bottom_left.gif) left top no-repeat;
height: 8px;

}




div.rounded_bottom img {

position: absolute;
top: 0;
right: 0;
_right: -1;      //correct IE6 bug

}



div.button_container {

padding: 3 7 3 7;
border-left: 1px solid #E78CFB;
border-right: 1px solid #E78CFB;
background: ghostwhite;
text-align: center;
font-size: 12px;
font-style: normal;

}




div.button_container a {

color: dimgray;
font-weight: bold;
font-size: 12px;

}



div.button_container a:hover {

color: #444;
text-decoration: underline;

}




span.button {

padding: 3px 15px 4px 15px;
background: orangered;
font-size: 12px;
font-weight: bold;

}




span.background_button {

padding-left: 15px;
margin-left: 15px;


}




span.background_button_red {

padding: 1px 5px 2px 5px;
background: red;
font-size: 11px;

}



span.background_button_orange {

padding: 1px 5px 2px 5px;
background: darkorange;
font-size: 11px;

}





span.background_button a, span.background_button_red a, span.background_button_orange a {

font-weight: bold;
color: white;

}




span.background_button a:hover, span.background_button_red a:hover, span.background_button_orange a:hover {

color: white;
text-decoration: none;

}




div.title_container {

border-bottom: 2px solid gray;
padding: 5px 0px 8px 0px;
margin-bottom: 15px;

}




div.title_container h1 {

font-size: 150%;
font-weight: bold;
color: dimgray;
display: inline;

}



div.sort_dropdown {

text-align: left;
padding: 7px 5px 9px 0px;
border-top: 1px dashed gray;
border-bottom: 1px dashed gray;
margin: -16px 0px 2px 0px;

}



div.sort_dropdown div {

float: right;
padding: 7px 5px 9px 0px;

}




div.prev_next_page_bottom {

text-align: right;
padding-right: 10px;

}





div.push {

height: 5em; /* .push must be the same height as .footer */

}





div.footer {

max-width: 1050px;
width: expression(document.body.clientWidth < 900 ? "1000px" : document.body.clientWidth > 1024 ? "1050px": "auto");
background: #FFFFFF url(./gifs/background_header_container.gif) left bottom repeat-x;
border: 2px solid silver;
border-top: none;
border-bottom: none;
margin-left: auto;
margin-right: auto;
height: 5em; /* .push must be the same height as .footer */

}




div.footer a {

font: 0.8em verdana;
color: #333333;

}




div.footer a:hover {

color: darkorange;

}








table.specials_box {

border-left: 1px solid #E78CFB;
border-right: 1px solid #E78CFB;

}



table.specials_box td {

padding: 10 5 10 5;

}


img.specials_box {

border: 1px solid #444444;

}



div.sub_categories_links {

margin-bottom: 35px;
font-size: 12px;

}



div.sub_categories_links a {

font-size: 13px;
font-weight: bold;
color: cornflowerblue;

}



div.sub_categories_links a:hover {

color: darkorange;
text-decoration: underline;

}



div.listing_container {

position: relative;
height: 20px;

}


     
div.listing_left {

position: absolute;
left: 0;

}




div.listing_right {

font-weight: bold;
font-size: 13px;
position: absolute;
right: 0;

}



span.listing_price {

font-weight: bold;
font-size: 14px;
font-family: arial, Trebuchet MS, tahoma, georgia, verdana, sans-serif;
color: #666666;

}



span.product_special_price {

color: orangered;
font-weight: bold;
font-size: 12px;
font-family: Trebuchet MS, tahoma, georgia, arial, verdana, sans-serif; 

}



span.page_heading_price {

padding-left: 30px;

}




span.links_separator {

padding: 0 0 0 20;

}



span.important_notice {

background: yellow;
text-decoration: underline;

}


table.product_description td {

padding: 10 10 10 10;

}



table.product_description td.wording {

background: ghostwhite;
border-left: 1px solid #E78CFB;
padding: 10 15 10 15;

}




a.underline {

text-decoration: underline;
   
}





a.underline:hover  {

text-decoration: none;

}




a.pageResults {

color: #0000FF;

}



table.any_form {

border-left: 1px solid #E78CFB;
border-right: 1px solid #E78CFB;

}



table.any_form  td {

border: 1px dashed ghostwhite;
background: ghostwhite;
font-size: 11px;
font-weight: bold;
color: #555555;
padding-left: 10px;

}



table.any_form .small {

font-size: 10px;
font-weight: normal;

}



table.any_form a {

font-size: 11px;

}



table.any_form td.formfield_error {

color: red;

}



div.address_label {

border: 1px solid silver;
background: ghostwhite;
color: #555555;
padding: 10px;
font-weight: bold;

}



div.payment_logos {

padding: 7px 0px 7px 0px;

}




.moduleRow { 

background-color: whitesmoke;


}




.moduleRowOver { 

background-color: #E9F4FC; 
cursor: hand;
cursor: pointer;

}



.moduleRowSelected {

background-color: #E9F4FC;

}



div.moduleRowSelected {

background-color: #E9F4FC;
padding: 7 10 7 10;

}




table.order_confirmation {

border-left: 1px solid #E78CFB;
border-right: 1px solid #E78CFB;

}





table.order_confirmation  td {

background: ghostwhite;

}




.orderEdit {

color: darkorange;
text-decoration: none;

}



div.error_message, div.stock_warning, .messageStackError, .messageStackWarning, .stockWarning {

color: red;
font-weight: bold;

}




.messageStackSuccess {

font-size: 10px;
color: olivedrab;

 }




.inputRequirement { 

font-size: 10px;
color: orangered;


}




div.info_message {

color: #000000;

}




.hidden {

display: none;
   
}



.block {

display: block;

}









.errorBox { 

font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold;

 }




.productsNotifications { 

background: #f2fff7; 

}




/* boxes */



.message_box {


}



.infoBox {

background: url(./jpgs/background_menu.jpg) right repeat-y;

}


.infoBoxContents td {

padding: 0 4 14 10;


}



.infoBoxContents td {

padding: 0 4 14 10;


}



.contentBox {

padding: 5px;

}




.boxText { 


}




.infoBoxNotice {


}



.infoBoxNoticeContents {


}




table.productListing {



}



.productListing-heading {

font-family: Arial, Verdana, Tahoma, sans-serif;
font-size: 0.75em;
background: #0099FF;
color: ghostwhite;
font-weight: bold;
padding: 3 0 3 4;

}



div.email {



}



span.question {

font-size: 105%;
font-weight: bold;

}



span.reknummer {

font-size: 13px;
font-weight: bolder;
color: orangered;

}



span.markProductOutOfStock {

font-size: 12px;
color: #c76170;
font-weight: bold;

}




TR.header {
  background: #ffffff;
}




TR.headerNavigation {
  background: #564726;
}




TD.headerNavigation {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #fffff0;

}





TR.headerError {
  background: #ff0000;
}




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: #bbc3d3;
}




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




TD.infoBoxHeading {

  
  }




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: #f8f8f9;
}




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: #f8f8f9;
}



TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: ghostwhite;

  padding: 2 0 2 4;
    
   }




TD.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: darkslategray;
}




TR.subBar {
  background: #f4f7fd;
}





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



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




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




TD.fieldKey {
  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;
}



TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}



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