/*
  $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: #FFFFF0;
margin: 0;
padding: 0;
text-align: center;

}


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

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

}



form {

display: inline;

}



select, input {

margin: 0;
padding: 0;

}


ul, ol {

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

}


a {

font-size: 11px;
color: gray;
text-decoration: none;

}



a:hover {

color: darkorange;

  
}




h4 {

font-size: 14px;
margin-bottom: 8px;
margin-top: 20px;

}



div.container {

max-width: 935px;
width: expression(window.screen.width > 1000 ? "935px": "auto" );
background: #FFFFFF url(./jpgs/background_left_column.jpg) repeat-y;
border: 1px solid #444444;
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: 135px;
background: url(./jpgs/background_header.jpg);

}



div.header {

height: 135px;
text-align: left;
color: silver;
background: url(./jpgs/header_1stcru.jpg) left top no-repeat;
padding: 60 0 0 590;

}



span.quick_find {

background: url(./jpgs/background_quick_find.jpg) bottom repeat-x;

padding: 5 5 5 5;

}



input.quick_find {

width: 120px;
border: 1px solid #000000;
background-color: linen;
font-size: 95%;
color: #333333;
margin-left: 2px;
margin-right: 5px;

}




input.voucher {

color: darkorchid;

}




div.header_breadcrumb_container {

height: 43px;
background: url(./jpgs/background_breadcrumb.jpg) repeat-x;

}



div.header_breadcrumb_container a {

height: auto;
color: #333333;
font: 9px verdana;

}



.header_breadcrumb_left {

height: 43px;
float: left;
color: #3333333;
font: 9px verdana;

}



.header_breadcrumb_left span {

margin: 0px 0px 0px 175px;

}



.header_breadcrumb_middle {

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


}



.header_breadcrumb_right {

float: right;
padding: 7px 10px 7px 10px;


}



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

padding: 9 20 25 20;

}



div.text_block {

padding: 5 0 15 0;

}




.small_text {

font-size: 9px;

}




div.pics {

height:  257px;
width:   171px;
padding: 0;
margin:  0;
float: right;

}



div.pics img {

padding: 0px;
background-color: #eee;
top:  0;
left: 0;

}


a.categories {

padding-left: 18px;
color: peachpuff;
width: 100%;

}



a.categories:hover {

color: oldlace;
font-weight: bold;

}




a.categories_top {

font-family: Trebuchet MS, georgia, arial, verdana, sans-serif;
padding-left: 16px;
font-weight: bold;
font-family: arial;
color: blanchedalmond;
font-size: 12px;
text-decoration: underline;

}




a.categories_top:hover {

color: burlywood;

}



img.specials_box {

border: 1px solid #444;

}



div.page_heading {

font-family: tahoma, Trebuchet MS, Verdana, Arial, sans-serif;
font-size: 150%;
font-weight: bold;
padding: 10 0 10 0;
color: dimgray;

}




div.page_heading h1, h1 {

font-size: 18px;
font-weight: bold;
color: dimgray;
display: inline;


}





div.page_heading_breadcrumb {

font-family: tahoma, Trebuchet MS, Verdana, Arial, sans-serif;
font-size: 120%;
font-weight: bolder;
padding: 10 0 10 0;
color: dimgray;

}



div.introduction, div.introduction p {

font-size: 12px;

}



div.button_container {

border: 1px solid silver;
padding: 2 10 2 10;
text-align: center;
background: #FFFFFF url(./gifs/background_button.gif);

}



div.button_container a {

color: gray;
padding: 0 10 0 10;

}



div.button_container a:hover {

color: #444;
text-decoration: underline;

}




span.background_button {

padding: 1 5 2 5;
background: darkorange;

}




span.background_button_red {

padding: 1 5 2 5;
background: red;

}




span.background_button a, span.background_button_red a {

font-weight: bold;
color: white;

}




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

color: white;
text-decoration: none;

}



span.cart_sub_total {

font-size: 130%;
color: #333;

}



div.title_container {

border-bottom: 2px solid gray;
font-size: 150%;
font-weight: bold;
padding: 5 0 8 0;
color: dimgray;
margin-bottom: 15px;

}



div.sort_dropdown {

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

}



div.push {

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

}



div.footer {

max-width: 935px;
width: expression(window.screen.width > 1000 ? "935px": "auto" );
background: #574E45;
border: 1px solid #444444;
border-top: 1px solid #FFFFFF;
padding-top: 10px;
margin-left: auto;
margin-right: auto;
height: 5em; /* .push must be the same height as .footer */

}



div.footer a {

color: whitesmoke;
font: 0.8em verdana;

}



div.footer a:hover {

color: darkorange;

}



hr.separator_productlisting {

border: 0;
color: gray;   /* IE  */
background-color: gray;  /* opera */ 
height: 1px;
width: 120px;
margin-top: 6px;
margin-bottom: 6px;

}



table.sub_categories td {

text-align: center;
padding: 10 10 10 20;
background: snow;
border: 1px solid silver;
font-size: 12px;
font-weight: bold;
color: sienna;

}



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: 12px;
font-family: Trebuchet MS, tahoma, georgia, arial, verdana, sans-serif; 
color: #555555;

}



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: snow;
border: 1px solid burlywood;
padding: 10 15 10 15;

}





table.product_desc {

position: relative;
border: 1px solid burlywood;


}




table.product_desc img.rewine_value {

position: absolute;
top: 3px;
right: 5px;

}




table.product_desc tr {

background: snow;

}




td.proddesc {

color: gray;
padding-right: 20px;

}



a.product_listing_bold_link {

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




a.product_listing_bold_link:hover {

color: olivedrab;
  
}




a.underline {

text-decoration: underline;
   
}





a.underline:hover  {

text-decoration: none;

}




a.pageResults {

color: #0000FF;

}




table.specials_box {

border: 1px solid burlywood;
background: snow;

}




table.specials_box td {

padding: 10 5 10 5;

}




table.any_form {

border: 1px solid silver;


}



table.any_form  td {

border: 1px solid white;
background: snow;
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;

}



input, select {

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

}



input.no_border {

border: none;

}



input.submit {

margin: 0;
padding: 0;
border: none;
background: darkorange;
color: white;
font-weight: bold;
cursor: hand;
cursor: pointer;

}


input.submit_alt {

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

}



textarea {

width: 100%;
color: #333;
border: 1px solid #444444;
padding: 5 5 5 5;
margin-bottom: 8px;

}


textarea.commentaar {

width: 100%;
color: #333;
background: snow;
border: 1px solid silver;

}



div.address_label {

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

}



div.payment_logos {

padding: 7 0 7 0;

}


.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: 1px solid silver;

}





table.order_confirmation  td {

background: snow;

}




.orderEdit {

font-family : Verdana, Arial, sans-serif; font-size : 10px; 
color: olivedrab;
text-decoration: underline; 

}




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

font-size: 10px;
color: red;

}




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



.messageBox {

font-family: tahoma, Trebuchet MS, georgia, arial, verdana, sans-serif;
font-size: 10px;

}



.infoBox {

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

}




.infoBoxContents td {

padding: 0 4 14 10;
color: brown;

}




.boxText { 


}




.infoBoxNotice {


}



.infoBoxNoticeContents {


}



.productListing-heading {

font-family: Arial, Verdana, Tahoma, sans-serif;
font-size: 0.75em;
background: #7C7879;
color: #FFFFFF;
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 {

  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: red;
  
  }

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;
}


table.productListing {

border: 1px solid silver;
  

}


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

  padding: 2 0 2 4;
    
   }
   
   
TD.productListing-data-orangered {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: orangered;
  background: snow;

  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;
}